/* Momani — cream / bordeaux / gold theme override for momanidental.com (2026-10-21) */

:root{
  --bg:#F3EBDD !important; --bg-soft:#EADFCB !important; --bg-elev:#FBF6EF !important;
  --line:rgba(107,31,35,.14) !important; --line-strong:rgba(107,31,35,.32) !important;
  --ink:#2A1A17 !important; --ink-soft:#3D2A26 !important;
  --muted:#6E5A52 !important; --muted-2:#8F7A70 !important;
  --red:#6B1F23 !important; --red-2:#4E1518 !important;
  --gold:#A8843F !important; --gold-2:#8C6B2F !important;
}
html,body{background:#F3EBDD !important;color:#2A1A17 !important}

/* top bar + nav */
.topbar,nav.nav{background:#EADFCB !important;color:#2A1A17 !important}
.topbar a,.topbar span,nav.nav a,nav.nav span{color:#2A1A17 !important}

/* text that was hard-coded white */
h3,strong.fr-lead,span.pill-title,span.ccs-num,div.author-name,span.rc-title,span.ct-label,span.srv-tab-name,div.line1,div.line2{color:#2A1A17 !important}
body a:not(.btn):not(.btn-primary){color:inherit}

/* buttons */
.btn-primary{background:#6B1F23 !important;color:#FBF6EF !important;border-color:#6B1F23 !important}
.btn-outline,.btn-ghost{color:#6B1F23 !important;border-color:#6B1F23 !important}
button.tf-option{background:#FBF6EF !important;color:#2A1A17 !important;border:1px solid rgba(107,31,35,.25) !important}
.gscroll-btn{background:#6B1F23 !important;color:#FBF6EF !important;border-color:#6B1F23 !important}

/* hero: replace the black radial + particles */
section.hero{background:radial-gradient(at 30% 40%,#F7F0E3 0%,#F3EBDD 40%,#EADFCB 100%) !important}
section.hero::before{background:rgba(168,132,63,.14) !important}
section.hero::after{background:rgba(107,31,35,.10) !important}
section.hero .particle{background:rgba(168,132,63,.55) !important}
section.hero h1,section.hero p,section.hero .lede{color:#2A1A17 !important}
section.hero em{color:#6B1F23 !important}

/* sections that carried their own dark backgrounds */
section.tf-section{background:#EADFCB !important}
.tf-section *{color:#2A1A17}
.about-section{background:#F3EBDD !important}
[class*="-glow"],[class*="glow-"]{background:rgba(168,132,63,.10) !important}

/* media frames stay dark (photos/video read better) */
.gcase.gcase-slider,.commit-video-wrap{background:#2A1A17 !important}
.ba-label,.gcase-label,.ab-tip,.play-badge,.about-video-tag{background:rgba(42,26,23,.78) !important;color:#E8D9B8 !important}

/* bordeaux accents */
.origins-strip,.fr-header.fr-h-num{background:#6B1F23 !important;color:#F3EBDD !important}
.origins-strip *,.fr-header.fr-h-num *{color:#F3EBDD !important}
div.avatar,div.icon-big{background:#6B1F23 !important;color:#F3EBDD !important}
a.pill.pill-featured{background:linear-gradient(135deg,#6B1F23 0%,#4E1518 100%) !important}
a.pill.pill-featured *{color:#F3EBDD !important}
span.pill-flag{background:#6B1F23 !important}

/* approach cards */
article.approach-card{color:#2A1A17 !important}
article.approach-card::before{background:#FBF6EF !important}
article.approach-card:not(.approach-card-featured) *{color:#2A1A17}
article.approach-card-featured,article.approach-card-featured::before{background:linear-gradient(135deg,#6B1F23 0%,#4E1518 100%) !important}
article.approach-card-featured *{color:#F3EBDD !important}

/* final CTA band */
section.final-cta{background:linear-gradient(#4E1518 0%,#36100F 100%) !important;color:#F3EBDD !important}
section.final-cta h2,section.final-cta h3,section.final-cta p,section.final-cta span,section.final-cta div{color:#F3EBDD !important}
section.final-cta .btn-primary{background:#C8A574 !important;color:#36100F !important;border-color:#C8A574 !important}
section.final-cta [class*=card]{background:#F3EBDD !important}
section.final-cta [class*=card] h3,section.final-cta [class*=card] p,section.final-cta [class*=card] span{color:#2A1A17 !important}

/* footer */
footer{background:#36100F !important;color:#E8D9B8 !important}
footer *{color:#E8D9B8 !important}
footer a:hover{color:#C8A574 !important}

/* search trigger on cream */
.search-trigger{background:rgba(107,31,35,.06) !important;color:#2A1A17 !important}

/* ---- v2 fixes (2026-10-21 09:15) — contrast audit after cream launch ---- */
:root{--gold:#8C6B2F !important;--gold-2:#6E5424 !important}
/* manifesto section: hard-coded #0a0a0a */
section[style*="background:#0a0a0a"]{background:#EADFCB !important}
section[style*="background:#0a0a0a"] h2,section[style*="background:#0a0a0a"] h3,section[style*="background:#0a0a0a"] p,section[style*="background:#0a0a0a"] span,section[style*="background:#0a0a0a"] strong,section[style*="background:#0a0a0a"] li{color:#2A1A17}
section[style*="background:#0a0a0a"] .rotator-word,section[style*="background:#0a0a0a"] em,section[style*="background:#0a0a0a"] .rc-eyebrow{color:#6B1F23 !important}
.fr-grid{background:transparent !important}
.fr-header.fr-h-num{background:#6B1F23 !important}
.fr-header.fr-h-fear,.fr-header.fr-h-fear *{background:#D9CBB4 !important;color:#2A1A17 !important}
.fr-header.fr-h-fear *{background:transparent !important}
.fr-header.fr-h-resp,.fr-header.fr-h-resp *{background:#6B1F23 !important;color:#F3EBDD !important}
.fr-header.fr-h-resp *{background:transparent !important}
.fr-row,.fr-row > *{background:#FBF6EF !important;color:#2A1A17 !important;border-color:rgba(107,31,35,.14) !important}
.fr-row > *:last-child{background:#F7F0E3 !important}
.fr-num{color:#8C6B2F !important}
.manifesto-more{background:#FBF6EF !important;border-color:rgba(107,31,35,.25) !important}
.manifesto-more .rc-title,.manifesto-more .rc-sub{color:#2A1A17 !important}
.tagline-pill,.tp-icon,[class*="tagline"] span{color:#2A1A17 !important}
/* treatment finder card */
.tf-card::after,.tf-card::before{background:#FBF6EF !important}
.tf-card{background:#FBF6EF !important;border-color:rgba(107,31,35,.2) !important}
.tf-card .tf-q,.tf-card .tf-help,.tf-card .text,.tf-card small,.tf-card .tf-back{color:#2A1A17 !important}
.tf-progress div{background:rgba(107,31,35,.18) !important}.tf-progress .done{background:#6B1F23 !important}
.tf-option .icon{background:rgba(107,31,35,.08) !important;border-color:rgba(107,31,35,.3) !important}
.tf-option .icon svg{stroke:#6B1F23 !important}
.tf-option .arrow{color:#6B1F23 !important}
/* dark gradient blocks → bordeaux */
#tseni div[style*="linear-gradient(135deg,#1a0008"]{background:linear-gradient(135deg,#6B1F23 0%,#4E1518 100%) !important}
#tseni div[style*="linear-gradient(135deg,#1a0008"] *{color:#F3EBDD !important}
.lect-grid,[style*="linear-gradient(135deg,#1a0008"]{background:linear-gradient(135deg,#6B1F23 0%,#4E1518 100%) !important}
.lect-grid *{color:#F3EBDD !important}
.lect-grid a{background:#36100F !important}
section#latest-posts,section[style*="#1a0008 0%,#0d0d0d"]{background:#EADFCB !important;background-image:none !important}
#latest-posts h2,#latest-posts .section-head p{color:#2A1A17 !important}
.lp-card{background:#FBF6EF !important;border-color:rgba(107,31,35,.14) !important}
.lp-card h3,.lp-card p,.lp-card span,.lp-card div{color:#2A1A17 !important}
.lp-card .lp-date,.lp-card .lp-more{color:#6B1F23 !important}
/* nav dropdown */
.dropdown-menu,.dropdown-menu::after,.dropdown-menu::before{background:#FBF6EF !important}
.dropdown-menu a,.dropdown-menu span,.dropdown-menu strong{color:#2A1A17 !important}
/* text that was inline white */
[style*="color:#fff"]:not(.final-cta *):not(footer *):not(.lect-grid *):not(.approach-card-featured *):not(.pill-featured *):not(.origins-strip *):not(.fr-h-resp *):not(.btn):not(#tseni div[style*="#1a0008"] *):not(.nav-mobile-menu *):not(.search-overlay *){color:#2A1A17 !important}
[style*="color:var(--ink-soft)"],[style*="color:var(--ink)"]{color:#2A1A17 !important}
.faq-list details summary{color:#2A1A17 !important}
.faq-list details summary > span:last-child{color:#8C6B2F !important}
.tech-item strong{color:#2A1A17 !important}
.tech-item span{color:#6E5A52 !important}
.review .text,.review p{color:#3D2A26 !important}
.review .stars{color:#8C6B2F !important}
.section-head p{color:#6E5A52 !important}
.pill span,.pill strong,.cred-more .pill,.pill-title,.pill-sub{color:#2A1A17 !important}
.cred-toggle{color:#2A1A17 !important;border-color:rgba(107,31,35,.3) !important}
nav.nav a.btn-primary,nav.nav .btn-primary span{color:#FBF6EF !important}
.gcase-tag{background:rgba(42,26,23,.8) !important;color:#E8D9B8 !important}
.commit-stat,.ccs-icon,.ccm-num,.ccm-arrow,.gfilter-count,.eyebrow{color:#8C6B2F !important}
.gfilter{color:#2A1A17 !important;border-color:rgba(107,31,35,.3) !important}
.gfilter.is-active{background:#6B1F23 !important;color:#FBF6EF !important}
.reviews-stat .num{color:#6B1F23 !important}
.ab-tip{color:#E8D9B8 !important}

/* v3 — residue */
.approach-card-featured strong,.lect-grid .eyebrow,#tseni div[style*="#1a0008"] strong{color:#F3EBDD !important}
.gfilter.is-active .gfilter-count{color:#F3EBDD !important}

/* ---- v4: contact dock + side socials, legible on cream (2026-10-21) ---- */
.action-bar{background:#FBF6EF !important;border:1px solid rgba(107,31,35,.35) !important;box-shadow:0 10px 30px rgba(54,16,15,.22) !important;border-radius:16px !important;padding:8px 10px !important;gap:6px !important;backdrop-filter:none !important}
.action-bar .ab-btn{width:62px !important;height:auto !important;border-radius:10px !important;flex-direction:column;gap:5px;padding:4px 0 2px !important;background:transparent !important;border:0 !important;color:#2A1A17 !important;animation:none !important;transform:none !important}
.action-bar .ab-btn::before,.action-bar .ab-btn::after{display:none !important}
.action-bar .ab-btn svg{width:22px !important;height:22px !important;box-sizing:content-box;padding:9px;border-radius:50%;color:#fff;transform:none !important;transition:transform .15s,box-shadow .15s}
.action-bar .ab-call svg{background:#6B1F23}
.action-bar .ab-viber svg{background:#7360F2}
.action-bar .ab-whatsapp svg{background:#25D366}
.action-bar .ab-messenger svg{background:#0084FF}
.action-bar .ab-map svg{background:#D9400B}
.action-bar .ab-btn:hover svg,.action-bar .ab-btn:focus-visible svg{transform:translateY(-2px) !important;box-shadow:0 6px 14px rgba(54,16,15,.25)}
.action-bar .ab-btn:hover,.action-bar .ab-btn:focus-visible{transform:none !important;background:rgba(107,31,35,.06) !important;box-shadow:none !important}
.action-bar .ab-tip{display:block !important;position:static !important;transform:none !important;opacity:1 !important;background:transparent !important;color:#2A1A17 !important;font-size:10px !important;font-weight:600 !important;letter-spacing:.06em;text-transform:uppercase;padding:0 !important;border:0 !important;box-shadow:none !important;line-height:1.1;white-space:nowrap}
.action-bar .ab-tip::after{display:none !important}
@media (max-width:480px){
  .action-bar{padding:6px 6px !important;gap:2px !important;border-radius:14px !important}
  .action-bar .ab-btn{width:66px !important}
  .action-bar .ab-btn svg{width:20px !important;height:20px !important;padding:8px}
  .action-bar .ab-tip{font-size:9px !important}
}
@media (max-width:860px){.action-bar.m-on{transform:translate(-50%,0) !important}}

.side-socials{background:#FBF6EF !important;border:1px solid rgba(107,31,35,.35) !important;border-left:0 !important;border-radius:0 12px 12px 0 !important;box-shadow:0 8px 24px rgba(54,16,15,.18) !important;overflow:visible !important}
.side-socials a{width:48px !important;height:48px !important;background:transparent !important;color:#6B1F23 !important;position:relative;transition:background .15s,color .15s}
.side-socials a + a{border-top:1px solid rgba(107,31,35,.18) !important}
.side-socials a svg{width:24px !important;height:24px !important}
.side-socials a:hover,.side-socials a:focus-visible{color:#fff !important}
.side-socials a.ss-ig:hover{background:linear-gradient(135deg,#833ab4 0%,#fd1d1d 50%,#fcb045 100%) !important}
.side-socials a.ss-fb:hover{background:#1877f2 !important}
.side-socials a.ss-yt:hover{background:#ff0000 !important}
.side-socials a::after{content:attr(aria-label);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%) translateX(-4px);background:#2A1A17;color:#F3EBDD;font-family:'Inter',sans-serif;font-size:11px;font-weight:600;letter-spacing:.05em;padding:5px 9px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}
.side-socials a:hover::after,.side-socials a:focus-visible::after{opacity:1;transform:translateY(-50%) translateX(0)}
@media (max-width:480px){.side-socials a{width:42px !important;height:42px !important}.side-socials a svg{width:21px !important;height:21px !important}.side-socials a::after{display:none}}

/* ---- v5: contrast rhythm + conversion focus (2026-10-21) ---- */
.hero-video-wrap::before{background:linear-gradient(180deg,transparent 45%,rgba(42,26,23,.55) 75%,rgba(42,26,23,.92) 100%) !important}
.video-caption{color:#F3EBDD !important;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.video-caption .line1,.video-caption .line2,.line1,.line2{color:#F3EBDD !important}
.video-caption .line2{opacity:1 !important;color:#E8D9B8 !important}
.play-badge{background:rgba(42,26,23,.85) !important;color:#F3EBDD !important}
.tagline-band{background:linear-gradient(135deg,#6B1F23 0%,#4E1518 100%) !important;border:0 !important;position:relative;overflow:hidden}
.tagline-band::before{content:"„";position:absolute;left:4%;top:-40px;font-family:'Cormorant',serif;font-size:220px;line-height:1;color:rgba(200,165,116,.14);pointer-events:none}
.tagline-band p.quote{color:#F3EBDD !important}
.tagline-band p.cite{color:#C8A574 !important}
.origins-strip{background:#36100F !important}
.gallery-section{background:#EADFCB !important}
.gcase{box-shadow:0 10px 30px rgba(54,16,15,.18)}
.promise-band{background:linear-gradient(135deg,#6B1F23 0%,#4E1518 100%) !important;color:#F3EBDD;padding:56px 0 !important;position:relative;overflow:hidden}
.promise-band::after{content:"";position:absolute;right:-140px;top:-140px;width:420px;height:420px;border:1px solid rgba(200,165,116,.3);border-radius:50%;pointer-events:none}
.pb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:34px}
.pb-item{display:flex;flex-direction:column;gap:8px;padding-left:18px;border-left:2px solid rgba(200,165,116,.55)}
.pb-item svg{width:30px;height:30px;color:#C8A574;margin-bottom:4px}
.pb-item b{font-family:'Cormorant',serif;font-size:1.55rem;font-weight:600;line-height:1.1;color:#F3EBDD !important}
.pb-item span{font-size:.95rem;line-height:1.55;color:#E8D9B8 !important}
.pb-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}
.btn-gold,.promise-band .btn-gold{background:#C8A574 !important;color:#36100F !important;border:1px solid #C8A574 !important;font-weight:700}
.btn-gold:hover{background:#E4D3AE !important;border-color:#E4D3AE !important}
.promise-band .btn-ghost{color:#F3EBDD !important;border:1px solid rgba(243,235,221,.6) !important;background:transparent !important}
.promise-band .btn-ghost:hover{background:rgba(243,235,221,.12) !important}
.pb-note{font-size:.82rem;color:#E8D9B8 !important;letter-spacing:.02em}
@media (max-width:860px){.pb-grid{grid-template-columns:1fr;gap:18px}.pb-cta .btn{width:100%;justify-content:center}.promise-band{padding:44px 0 !important}}
.btn-primary{position:relative;overflow:hidden;isolation:isolate}
.btn-primary::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(200,165,116,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .5s cubic-bezier(.22,.61,.36,1);z-index:-1;pointer-events:none}
.btn-primary:hover::after,.btn-primary:focus-visible::after{transform:translateX(120%)}
.btn:focus-visible{outline:2px solid #C8A574;outline-offset:3px}
@keyframes mRing{0%{box-shadow:0 0 0 0 rgba(107,31,35,.55)}100%{box-shadow:0 0 0 18px rgba(107,31,35,0)}}
.btn-primary.m-ring{animation:mRing 1.1s ease-out 2}
.section-head::before{animation:none !important;background:#C8A574 !important;transform:scaleX(0);transform-origin:center;transition:transform .7s cubic-bezier(.22,.61,.36,1)}
.section-head.m-seen::before{transform:scaleX(1)}
.section-head h2 em{color:#6B1F23 !important}
.fr-row .fr-resp strong,.fr-row > *:last-child strong,.srv-headline em,.approach-card h3 em{color:#6B1F23 !important}
.srv-tech .tech-item{border-left:2px solid #C8A574 !important}
@media (prefers-reduced-motion:reduce){.btn-primary::after{display:none}.btn-primary.m-ring{animation:none}.section-head::before{transform:none !important;transition:none !important}}

/* ---- v6: service tab icons + panel visual (2026-10-21) ---- */
.srv-tab{display:grid !important;grid-template-columns:44px 1fr;grid-template-rows:auto auto auto;column-gap:12px;align-items:center}
.srv-tab .srv-ico{grid-row:1/4;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(107,31,35,.08);color:#6B1F23;border:1px solid rgba(107,31,35,.18);transition:background .25s,color .25s,transform .25s,border-color .25s}
.srv-tab .srv-ico svg{width:28px;height:28px}
.srv-tab.is-active .srv-ico{background:#6B1F23;color:#F3EBDD;border-color:#6B1F23;transform:translateY(-2px);box-shadow:0 8px 18px rgba(107,31,35,.3)}
.srv-tab:hover:not(.is-active) .srv-ico{background:rgba(107,31,35,.14);transform:translateY(-1px)}
.srv-tab .srv-tab-num{grid-column:2;margin-bottom:2px !important}
.srv-tab .srv-tab-name{grid-column:2}
.srv-tab .srv-tab-sub{grid-column:2}
@media (max-width:640px){.srv-tab{grid-template-columns:36px 1fr;column-gap:8px}.srv-tab .srv-ico{width:36px;height:36px;border-radius:10px}.srv-tab .srv-ico svg{width:22px;height:22px}}

.srv-visual{width:96px;height:96px;border-radius:24px;margin-bottom:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6B1F23 0%,#4E1518 100%);color:#C8A574;box-shadow:0 14px 34px rgba(107,31,35,.28);position:relative}
.srv-visual::after{content:"";position:absolute;inset:-6px;border-radius:30px;border:1px solid rgba(200,165,116,.45);pointer-events:none}
.srv-visual svg{width:60px;height:60px}
@keyframes srvPop{0%{opacity:0;transform:scale(.6) rotate(-6deg)}60%{opacity:1;transform:scale(1.06) rotate(1deg)}100%{transform:scale(1) rotate(0)}}
.srv-visual.pop,.srv-panel.is-active .srv-visual{animation:srvPop .55s cubic-bezier(.22,.61,.36,1) both}
@media (max-width:640px){.srv-visual{width:72px;height:72px;border-radius:18px}.srv-visual svg{width:44px;height:44px}}
@media (prefers-reduced-motion:reduce){.srv-visual,.srv-visual.pop{animation:none !important}.srv-tab .srv-ico{transition:none}}
