/*
 Theme Name:   Smile Sprouts
 Theme URI:    https://eoshealthcaremarketing.com/
 Description:  Smile Sprouts — EOS Divi 5 child theme.
 Author:       EOS Healthcare Marketing
 Author URI:   https://eoshealthcaremarketing.com/
 Template:     Divi
 Version:      1.0.0
 Text Domain:  smile-sprouts
*/

:root {
  /* Fonts */
  --font-display: "fredoka-variable", sans-serif;
  --font-body: "Sen", sans-serif;

  /* Override Divi global font vars (prevent fallback with Google Fonts disabled) */
  --et_global_heading_font: var(--font-display);
  --et_global_body_font: var(--font-body);

  /* Colors */
  --white: #fff9f7;
  --cream: #f1e9e6;
  --beige: #dccbbb;
  --brown: #a67d5c;
  --dark-brown: #50392b;
  --light-green: #d9e69a;
  --light-green-2: #eaf2c1;
  --lime-green: #b3c535;
  --green-1: #88b24e;
  --green-2: #7aa858;
  --dark-green-1: #256630;
  --darkest-green: #163a22;
  --dark-green-2: #14562c;
}

body {
  background-color: var(--white);
}

/* FOUC prevention — hide page until Divi CSS is ready */
body:not(.fouc-ready) #page-container {
  opacity: 0;
}
body.fouc-ready #page-container {
  animation: fouc-reveal 0.05s ease-out;
}
@keyframes fouc-reveal {
  from { opacity: 0; }
  to { opacity: 1; }
}

.image-animate {
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275),
    transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.image-animate.animate {
  opacity: 1;
  transform: scale(1);
  animation: pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.image-animate-after::after {
  animation: none;
  opacity: 0;
  transform: scale(0);
}

.image-animate-after.animate::after {
  animation: pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

@keyframes pop {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/* Vertical Menu (for footer) */
@media (max-width: 980px) {
  .pa-open-mobile-menu .et_pb_menu__menu {
    display: flex !important;
    flex-direction: column !important;
  }
  .pa-open-mobile-menu .et_mobile_nav_menu {
    display: none !important;
  }
  #menu-footer-menu {
    flex-direction: column !important;
    align-items: center;
  }
}