/* IOF theme identity: French flag palette with contrast-aware light and dark surfaces. */
:root{--iof-navy:#0b1830;--iof-blue:#214d87;--iof-blue-light:#c6dcf4;--iof-blue-pale:#eaf1fa;--iof-red:#d9273f;--iof-ink:#17243a;--iof-paper:#f4f6f9;--iof-line:#d9e0ea;--iof-shadow:0 14px 34px rgba(11,24,48,.12)}
html{scroll-behavior:smooth;scroll-padding-top:6rem}
body{color:var(--iof-ink);background:var(--iof-paper);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{font-family:"DM Sans",sans-serif;font-weight:700;letter-spacing:-.025em;text-wrap:balance}
p{text-wrap:pretty}
a,button,input,select,textarea{transition:color 180ms ease,background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}
:focus-visible{outline:3px solid var(--iof-blue);outline-offset:3px}
header.fixed{color:#fff;background:var(--iof-navy);border-bottom:3px solid var(--iof-red);box-shadow:0 10px 28px rgba(11,24,48,.18)}
.iof-brand-link{display:inline-flex;align-items:center;min-height:5rem}
.iof-brand-logo{display:block;width:clamp(172px,22vw,238px);max-height:62px;height:auto;object-fit:contain}
header.fixed nav>div>a{color:#f7f9fc;border-radius:.4rem}
header.fixed nav>div>a:hover,header.fixed nav>div>a:focus-visible{color:#fff;background:var(--iof-red);box-shadow:none}
header.fixed nav>div>div a:hover,header.fixed nav>div>div a:focus-visible{color:var(--iof-navy);background:#edf2f8}
#mobile-menu{background:var(--iof-navy)}
#eks-carousel{overflow:hidden;color:#fff;background:var(--iof-navy);box-shadow:var(--iof-shadow)}
#eks-carousel>div{max-width:90rem;background:var(--iof-navy)}
#eks-carousel h1,#eks-carousel p{color:#fff}
#eks-carousel h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.04em}
#eks-carousel a.bg-yellow-400{border-radius:.55rem;color:#fff;background:var(--iof-red);box-shadow:0 9px 22px rgba(217,39,63,.28)}
#eks-carousel a.bg-yellow-400:hover{background:var(--iof-blue);transform:translateY(-2px)}
#tarifs,#subscription{background:var(--iof-paper)}
.iof-plan-card{border:1px solid var(--iof-line);border-radius:1rem;box-shadow:0 12px 30px rgba(11,24,48,.10);transition:transform 180ms ease,box-shadow 180ms ease}
.iof-plan-card:hover{transform:translateY(-3px);box-shadow:var(--iof-shadow)}
#normal-pack .iof-plan-card{color:var(--iof-ink);background:#fff}
#premium-pack .iof-plan-card{color:#fff;background:var(--iof-navy)}
#normal-pack .iof-plan-title{color:var(--iof-navy)}
#premium-pack .iof-plan-title{color:#fff}
#normal-pack .iof-plan-price{color:var(--iof-blue)}
#premium-pack .iof-plan-price{color:var(--iof-blue-light)}
.iof-plan-cta{color:#fff!important;background:var(--iof-red)!important;border-radius:.55rem}
.iof-plan-cta:hover,.iof-plan-cta:focus-visible{color:#fff!important;background:var(--iof-blue)!important}
#btn-normal.bg-yellow-400,#btn-normal.bg-yellow-600{color:#fff!important;background:var(--iof-red)!important}
#btn-premium.bg-yellow-900{color:#fff!important;background:var(--iof-blue)!important}
#btn-premium.bg-gray-800,#btn-normal.bg-gray-200,#btn-premium.bg-gray-200{color:var(--iof-navy)!important;background:var(--iof-blue-pale)!important;border:1px solid var(--iof-line)}
#btn-normal.bg-gray-200:hover,#btn-premium.bg-gray-200:hover{color:var(--iof-navy)!important;background:#d6e4f4!important}
.iof-faq-accordion{color:var(--iof-ink);background:#fff;border:1px solid var(--iof-line);border-left:4px solid var(--iof-red);border-radius:.75rem;box-shadow:0 6px 18px rgba(11,24,48,.06)}
.iof-faq-accordion:hover,.iof-faq-accordion:focus-within{border-left-color:var(--iof-blue);box-shadow:0 12px 26px rgba(11,24,48,.12)}
.iof-faq-question{color:var(--iof-navy)!important}
.iof-contact-note{color:var(--iof-navy);background:var(--iof-blue-pale);border:1px solid var(--iof-line);border-left:4px solid var(--iof-red);border-radius:.85rem}

/* Global replacement for legacy Tailwind yellow and amber accents. */
.bg-yellow-50,.bg-yellow-100{background-color:var(--iof-blue-pale)!important}
.bg-yellow-200{background-color:#d6e4f4!important}
.bg-yellow-300,.bg-yellow-400,.bg-yellow-500,.bg-yellow-600{color:#fff!important;background-color:var(--iof-red)!important}
.bg-yellow-700{color:#fff!important;background-color:var(--iof-blue)!important}
.bg-yellow-800,.bg-yellow-900{color:#fff!important;background-color:var(--iof-navy)!important}
.hover\:bg-yellow-50:hover,.hover\:bg-yellow-100:hover,.hover\:bg-yellow-200:hover{background-color:#d6e4f4!important}
.hover\:bg-yellow-300:hover,.hover\:bg-yellow-400:hover,.hover\:bg-yellow-500:hover,.hover\:bg-yellow-600:hover{color:#fff!important;background-color:var(--iof-blue)!important}
.hover\:bg-yellow-700:hover,.hover\:bg-yellow-800:hover,.hover\:bg-yellow-900:hover{color:#fff!important;background-color:var(--iof-navy)!important}
[class*="text-yellow-"],[class*="text-amber-"]{color:var(--iof-blue)!important}
:is(.bg-black,.bg-gray-900,.bg-slate-950,#premium-pack,[class*="bg-[#111827]"],[class*="bg-[#0d1320]"],[class*="bg-[#1a2235]"]) [class*="text-yellow-"],
:is(.bg-black,.bg-gray-900,.bg-slate-950,#premium-pack,[class*="bg-[#111827]"],[class*="bg-[#0d1320]"],[class*="bg-[#1a2235]"]) [class*="text-amber-"]{color:var(--iof-blue-light)!important}
:is(.bg-black,.bg-gray-900,.bg-slate-950,#premium-pack,[class*="bg-[#111827]"],[class*="bg-[#0d1320]"],[class*="bg-[#1a2235]"]) :is(h1,h2,h3,h4,h5,h6,.text-gray-900,.text-black){color:#fff!important}
[class*="bg-yellow-400/"],[class*="bg-amber-400/"]{background-color:rgb(33 77 135/.18)!important}
[class*="border-yellow-"],[class*="border-amber-"]{border-color:rgb(155 197 244/.45)!important}
[class*="ring-yellow-"],[class*="ring-amber-"]{--tw-ring-color:rgb(155 197 244/.58)!important}
[class*="accent-yellow-"],[class*="accent-amber-"]{accent-color:var(--iof-red)!important}
[class~="bg-brand-50"],[class~="bg-brand-100"]{background-color:var(--iof-blue-pale)!important}
[class~="bg-brand-200"]{background-color:#d6e4f4!important}
[class~="bg-brand"],[class~="bg-brand-300"],[class~="bg-brand-400"],[class~="bg-brand-500"],[class~="bg-brand-600"]{color:#fff!important;background-color:var(--iof-red)!important}
[class~="bg-brand-700"],[class~="bg-brand-800"],[class~="bg-brand-900"]{color:#fff!important;background-color:var(--iof-navy)!important}
[class*="bg-accent"]{color:#fff!important;background-color:var(--iof-blue)!important}
[class*="text-brand"]{color:var(--iof-red)!important}
[class*="text-accent"]{color:var(--iof-blue)!important}
[class*="border-brand"]{border-color:var(--iof-red)!important}
[class*="border-accent"]{border-color:var(--iof-blue)!important}
[class*="shadow-"][class*="250,204,21"],[class*="shadow-"][class*="245,158,11"]{box-shadow:0 14px 32px rgb(11 24 48/.18)!important}
[class*="drop-shadow-"][class*="250,204,21"],[class*="drop-shadow-"][class*="245,158,11"]{filter:drop-shadow(0 0 18px rgb(33 77 135/.30))!important}
[class*="from-yellow-400"][class*="via-amber-400"][class*="to-yellow-400"]{color:#fff!important;background-image:linear-gradient(110deg,var(--iof-red),var(--iof-blue),var(--iof-red))!important}
[class*="from-yellow-400"][class*="via-amber-400"][class*="to-yellow-400"] :is(.text-black,.text-black/60,.text-black/70){color:#fff!important}
.bg-purple-600{color:#fff!important;background-color:var(--iof-blue)!important}
.hover\:bg-purple-700:hover{color:#fff!important;background-color:var(--iof-navy)!important}
.footer-shell__link:hover,.footer-shell__link:focus-visible,.footer-shell__link.is-active{color:var(--iof-blue-light)!important}
.footer-shell__toggle:hover,.footer-shell__toggle:focus-visible,.footer-shell__toggle.is-open{border-color:var(--iof-blue-light)!important;color:var(--iof-blue-light)!important}
.comment-form.review-form-card input[type="submit"]{color:#fff!important;background:var(--iof-red)!important;border-color:var(--iof-red)!important}
.comment-form.review-form-card .text-yellow-500{color:var(--iof-blue)!important}
.bull-ch-logos::-webkit-scrollbar-thumb{background:var(--iof-red)!important}
/* Shared consent plugin still ships its original gold palette; apply the IOF brand after wp_head. */
body .eksneks-privacy-settings{border:1px solid var(--iof-red)!important;background:var(--iof-red)!important;color:#fff!important;box-shadow:0 10px 26px rgb(217 39 63/.30)!important}
body .eksneks-privacy-settings:hover,body .eksneks-privacy-settings:focus-visible{border-color:var(--iof-blue)!important;background:var(--iof-blue)!important;color:#fff!important}
body .eksneks-consent-modal__dialog{border-top-color:var(--iof-red)!important}
body .eksneks-consent-modal :is(.eksneks-consent-modal__eyebrow,.eksneks-consent-modal__link,.eksneks-consent-modal__close:hover){color:var(--iof-blue-light)!important}
body .eksneks-consent-modal__close:hover{border-color:var(--iof-blue-light)!important;background:rgb(33 77 135/.24)!important}
body .eksneks-consent-modal :is(.eksneks-consent-modal__close:focus-visible,.eksneks-consent-modal__button:focus-visible){outline-color:var(--iof-blue)!important}
body .eksneks-consent-modal .eksneks-consent-modal__button--primary{border-color:var(--iof-red)!important;background:var(--iof-red)!important;color:#fff!important}
body .eksneks-consent-modal .eksneks-consent-modal__button--primary:hover,body .eksneks-consent-modal .eksneks-consent-modal__button--primary:focus-visible{border-color:var(--iof-blue)!important;background:var(--iof-blue)!important;color:#fff!important}
body .eksneks-consent-modal .eksneks-consent-modal__button--secondary:hover,body .eksneks-consent-modal .eksneks-consent-modal__button--secondary:focus-visible{border-color:var(--iof-blue)!important;color:var(--iof-blue)!important}
body .eksneks-consent-required{border-left-color:var(--iof-red)!important}
body .eksneks-consent-required button{border-color:var(--iof-red)!important;background:var(--iof-red)!important;color:#fff!important}
body .eksneks-consent-required button:hover,body .eksneks-consent-required button:focus-visible{border-color:var(--iof-blue)!important;background:var(--iof-blue)!important;color:#fff!important}
@media(max-width:767px){.iof-brand-link{min-height:4.5rem}.iof-brand-logo{width:176px;max-height:54px}#eks-carousel>div{height:auto;min-height:0}#eks-carousel>div>div:first-child{height:min(62vw,340px)}#eks-carousel>div>div:last-child{padding:2.25rem 1.35rem 2.75rem;text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,button,input,select,textarea{transition:none}.iof-plan-card{transition:none}}

/* Header actions: keep the trial CTA clear of the brand mark and usable in the mobile drawer. */
.iof-header__inner{min-height:4.25rem;gap:.75rem}
.iof-header__brand{flex-shrink:0}
.iof-header__brand .iof-brand-link{min-height:4.25rem}
.iof-header__brand .iof-brand-logo{width:clamp(168px,19vw,230px);max-height:58px}
.iof-header__nav{align-self:stretch}
.iof-header__nav>div>a{height:4.25rem;align-items:center;padding-inline:.75rem!important;border-bottom:3px solid transparent;border-radius:0!important}
.iof-header__nav>div>a:hover,.iof-header__nav>div>a:focus-visible,.iof-header__nav>div>a.is-active{border-bottom-color:var(--iof-red)}
.iof-header__actions{flex-shrink:0;gap:.55rem}
.iof-demo-cta{display:flex;align-items:center}
.iof-demo-cta .eksneks-test-request-cta{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;margin:0;padding:.7rem 1rem;border:1px solid var(--iof-red);border-radius:.65rem;background:var(--iof-red);color:#fff;font-size:.9rem;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap;box-shadow:0 7px 18px rgb(217 39 63/.2)}
.iof-demo-cta .eksneks-test-request-cta:hover,.iof-demo-cta .eksneks-test-request-cta:focus-visible{border-color:var(--iof-blue);background:var(--iof-blue);color:#fff;transform:translateY(-1px)}
.iof-header__icon-link{color:#dce5f2}
.iof-header__icon-link:hover,.iof-header__icon-link:focus-visible{background:rgb(255 255 255/.1);color:#fff}
.iof-header__menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:1px solid rgb(255 255 255/.25);border-radius:.7rem;background:transparent;color:#fff}
.iof-header__mobile-menu{width:min(20rem,88vw);padding-top:1rem;padding-bottom:1rem;box-shadow:0 20px 50px rgb(7 15 33/.35)}
.iof-header__mobile-link{display:block;color:#e3e9f3;text-decoration:none;transition:background-color 180ms ease,color 180ms ease}
.iof-header__mobile-link:hover,.iof-header__mobile-link:focus-visible,.iof-header__mobile-link.is-active{background:rgb(33 77 135/.32);color:#fff}
.iof-header__mobile-link.is-active{box-shadow:inset 3px 0 var(--iof-red)}
.iof-header__mobile-actions .iof-demo-cta .eksneks-test-request-cta{width:100%}
.iof-header__mobile-cart{background:var(--iof-blue);color:#fff}
.iof-header__mobile-cart:hover,.iof-header__mobile-cart:focus-visible{background:var(--iof-red);color:#fff}
@media(max-width:1279px){.iof-header__inner{min-height:4.25rem}.iof-header__brand .iof-brand-link{min-height:4.25rem}}

/* Define responsive header visibility here as well as in the compiled theme CSS. */
.iof-header__nav{display:none}
.iof-header__actions{display:none}
.iof-header__menu-toggle{display:inline-flex}
.iof-header__mobile-menu{display:flex}
@media(min-width:768px){
.iof-header__actions{display:flex;margin-left:auto}
.iof-header__actions .iof-header__icon-link{display:none}
.iof-header__mobile-actions .iof-demo-cta{display:none}
}
@media(min-width:1280px){
.iof-header__nav{display:flex}
.iof-header__actions{display:flex}
.iof-header__actions .iof-header__icon-link{display:flex}
.iof-header__menu-toggle{display:none}
.iof-header__mobile-menu{display:none}
}
