/* ==========================================================================
   Nidhi Nahata — Brand Consistency Layer  (v2)
   Unifies every page to the HOMEPAGE theme:
     cream #f9f3eb + dotted texture, gold #a9804a accent,
     ZCOOL XiaoWei headings / Josefin Sans sub-heads / Open Sans body,
     gold pill buttons, unified footer, animated botanical decorations.
   Override layer, loaded AFTER Divi CSS. Uses #page-container (ID) to win
   specificity over Divi's per-module rules.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;600;700&family=Open+Sans:wght@300;400;600;700&family=ZCOOL+XiaoWei&display=swap');

:root{
  --nn-cream:#f9f3eb; --nn-cream-soft:#fafae1;
  --nn-gold:#a9804a; --nn-gold-dark:#8c6738;
  --nn-ink:#2b2622; --nn-body:#5f5a55;
  --nn-texture:url('/wp-content/uploads/2024/11/holistic-healer-21.png');
}

/* ---------- 1. Cream canvas everywhere ---------- */
body,#page-container,#et-main-area,#main-content{background-color:var(--nn-cream)!important;}

#page-container .et_pb_section,
#page-container .et_pb_fullwidth_header,
#page-container .et_pb_slider,#page-container .et_pb_slide{
  background-color:var(--nn-cream)!important;
  background-image:linear-gradient(180deg,rgba(249,243,235,.9) 0%,rgba(249,243,235,.9) 100%),var(--nn-texture)!important;
  background-repeat:repeat!important; background-size:auto!important; background-attachment:scroll!important;
}
/* kill Divi photo/overlay/parallax/mask layers so cream shows */
#page-container .et_parallax_bg,#page-container .et_pb_section_video_bg,
#page-container .et_pb_background_pattern,#page-container .et_pb_background_mask,
#page-container .et_pb_slide .et_pb_slide_overlay_container{
  background-image:none!important;opacity:0!important;
}
/* inner blocks transparent (removes teal / purple / greige inner bands) */
#page-container .et_pb_row,#page-container .et_pb_row_inner,
#page-container .et_pb_column,#page-container .et_pb_with_border,
#page-container .et_pb_contact,#page-container .et_pb_code_inner,
#page-container .et_pb_blurb{background-color:transparent!important;}
/* neutralize colored Divi shape dividers (e.g. lavender/teal waves) -> cream-on-cream */
#page-container .et_pb_top_inside_divider,
#page-container .et_pb_bottom_inside_divider{display:none!important;}

/* ---------- 2. Readable text on cream (fix light-on-dark bands) ---------- */
#page-container .et_pb_text_inner,#page-container .et_pb_text_inner p,
#page-container .et_pb_text_inner li,#page-container .et_pb_text_inner span,
#page-container .et_pb_blurb_description,#page-container .et_pb_promo_description,
#page-container .et_pb_slide_description,#page-container .et_pb_toggle_content,
#page-container .et_pb_column p,#page-container .et_pb_column li,
#page-container .et_pb_bg_layout_dark,#page-container .et_pb_bg_layout_dark *{
  color:var(--nn-body)!important;
}

/* ---------- 3. Typography ---------- */
#page-container h1,#page-container h2,
#page-container .et_pb_module h1,#page-container .et_pb_module h2,
#page-container .et_pb_slide_title,#page-container .et_pb_text_inner h1,
#page-container .et_pb_text_inner h2{
  font-family:'ZCOOL XiaoWei',Georgia,'Times New Roman',serif!important;
  color:var(--nn-gold)!important;
}
#page-container h3,#page-container h4,#page-container h5,#page-container h6,
#page-container .et_pb_text_inner h3,#page-container .et_pb_text_inner h4{
  font-family:'Josefin Sans',Helvetica,Arial,sans-serif!important;
  color:var(--nn-ink)!important;
}
body,.et_pb_text,p,li{font-family:'Open Sans',Helvetica,Arial,sans-serif;}

/* ---------- 4. Gold pill buttons ---------- */
#page-container .et_pb_button,#page-container a.et_pb_button,
#page-container .wp-block-button__link,#page-container button[type="submit"],
#page-container .et_pb_contact_submit,#page-container .et_pb_newsletter_button,
#page-container .et_pb_promo_button{
  background:var(--nn-gold)!important;color:#fff!important;
  font-family:'Josefin Sans',Helvetica,Arial,sans-serif!important;font-weight:600!important;
  border-radius:50px!important;border:0!important;padding:.55em 1.7em!important;
  transition:background-color .25s ease,transform .25s ease,box-shadow .25s ease;
}
#page-container .et_pb_button:hover,#page-container a.et_pb_button:hover,
#page-container .wp-block-button__link:hover,#page-container button[type="submit"]:hover,
#page-container .et_pb_contact_submit:hover,#page-container .et_pb_newsletter_button:hover{
  background:var(--nn-gold-dark)!important;color:#fff!important;
  transform:translateY(-2px);box-shadow:0 8px 20px rgba(140,103,56,.28);
}
#page-container .et_pb_button:after,#page-container .et_pb_button:before{color:#fff!important;}

/* ---------- 5. Links + kill stray Divi blue #2ea3f2 ---------- */
#page-container a{color:var(--nn-gold);}
#page-container a:hover{color:var(--nn-gold-dark);}
#top-menu li.current-menu-item>a,#top-menu li.current-menu-ancestor>a,
#top-menu li.current_page_item>a{color:var(--nn-gold)!important;}
[style*="#2ea3f2"],[style*="rgb(46, 163, 242)"]{color:var(--nn-gold)!important;}

/* ---------- 6. Forms ---------- */
#page-container .et_pb_contact_field input,#page-container .et_pb_contact_field textarea,
#page-container .et_pb_newsletter_field input,#page-container input[type="text"],
#page-container input[type="email"],#page-container textarea{
  border:2px solid var(--nn-gold)!important;background:#fffdf9!important;
  color:var(--nn-ink)!important;border-radius:10px!important;
}
#page-container .et_pb_contact_field label,#page-container .et_pb_newsletter_field label{color:var(--nn-gold)!important;}
#page-container .et_pb_with_border,#page-container .et_pb_blurb.et_pb_with_border{border-color:var(--nn-gold)!important;}

/* ---------- 7. Footer -> moved to brand-footer.css (loaded on ALL pages incl. home) ---------- */

/* ---------- 8. Animated botanicals on the hero (first section) ---------- */
#page-container .et_pb_section:first-of-type{position:relative;}
#page-container .et_pb_section:first-of-type::before{
  content:"";position:absolute;z-index:0;pointer-events:none;
  left:0;bottom:0;width:min(26vw,340px);height:min(34vw,440px);
  background:url('/wp-content/uploads/2024/11/holistic-healer-42.png') no-repeat left bottom;
  background-size:contain;opacity:.92;transform-origin:bottom left;
  animation:nn-sway 8s ease-in-out infinite;
}
#page-container .et_pb_section:first-of-type::after{
  content:"";position:absolute;z-index:0;pointer-events:none;
  right:0;top:64px;width:min(18vw,220px);height:min(22vw,270px);
  background:url('/wp-content/uploads/2024/11/holistic-healer-45.png') no-repeat right top;
  background-size:contain;opacity:.9;transform-origin:top right;
  animation:nn-sway 11s ease-in-out infinite reverse;
}
/* small recurring leaf accents further down the page for gentle motion */
#page-container .et_pb_section:nth-of-type(3n+3)::after{
  content:"";position:absolute;z-index:0;pointer-events:none;right:12px;top:24px;
  width:min(11vw,130px);height:min(13vw,150px);
  background:url('/wp-content/uploads/2024/11/holistic-healer-42.png') no-repeat right top;
  background-size:contain;opacity:.14;transform:scaleX(-1);transform-origin:top right;
  animation:nn-sway 13s ease-in-out infinite;
}
@keyframes nn-sway{0%,100%{transform:rotate(-2.2deg) translateY(0);}50%{transform:rotate(2.2deg) translateY(-10px);}}
#page-container .et_pb_section:nth-of-type(3n+3)::after{animation-name:nn-sway-flip;}
@keyframes nn-sway-flip{0%,100%{transform:scaleX(-1) rotate(-2deg);}50%{transform:scaleX(-1) rotate(2deg);}}
@media (prefers-reduced-motion:reduce){
  #page-container .et_pb_section::before,#page-container .et_pb_section::after{animation:none!important;}
}

/* ---------- 9. Mobile refinements ---------- */
@media (max-width:767px){
  /* keep hero botanicals subtle and clear of the heading on phones */
  #page-container .et_pb_section:first-of-type::before{width:135px!important;height:172px!important;opacity:.4!important;}
  #page-container .et_pb_section:first-of-type::after{width:84px!important;height:100px!important;top:4px!important;opacity:.4!important;}
  #page-container .et_pb_section:nth-of-type(3n+3)::after{display:none!important;}
}