/* Y.N.I Solutions — V11.1 · Stabilisation visuelle / navigation · 2026-11-02
 * Isolé à la fin de la cascade pour neutraliser les anciens styles conflictuels.
 * Compatible HTML Elementor et sections réutilisées. */
:root{--yni111-orange:#fb702f;--yni111-ink:#202126;--yni111-cream:#f8f3ee;--yni111-border:#eaded4}
#yni-site{color:var(--yni111-ink);overflow:clip}
#yni-site :is(h1,h2,h3,p,li){overflow-wrap:break-word;word-break:normal}
#yni-site :is(.yni-shell,.y107-hero-wrap,.y107-fit-grid,.y107-feature-grid,.y107-included-grid) {min-width:0;box-sizing:border-box}
#yni-site :is(.yni-section,.y107-fit-section,.y107-features-section,.y107-included-section,.y107-next-section){position:relative}
#yni-site [id]{scroll-margin-top:118px}
/* Le site ne doit pas afficher de texte gris sombre sur fond sombre. */
#yni-site :is(.yni-section.y94-pro-domains,.yni-section.y97-guide-section) :is(.yni-head,.yni-title,.yni-kicker){opacity:1}
#yni-site .y97-guide-section .yni-head .yni-title,#yni-site .y97-guide-section .yni-head h2{color:#22242a!important}
#yni-site .y97-guide-section .yni-head :is(p,.yni-muted){color:#51545a!important}
/* En-tête : présence plus affirmée, sans agrandir inutilement la hauteur. */
.y9-header .y9-nav{max-width:1530px!important;width:min(94%,1530px)!important;min-height:72px;box-shadow:0 15px 40px rgba(17,17,19,.18)!important}
.y9-header .y9-nav-center{gap:clamp(11px,1.5vw,26px)!important}
.y9-header a:focus-visible,.y9-header button:focus-visible{outline:2px solid #ff944f;outline-offset:4px}
/* Accueil : hiérarchie forte mais lisible, surtout sur largeur intermédiaire. */
#yni-site .yni-hero .y91-display,#yni-site .y97-hero .y91-display{font-size:clamp(38px,5.1vw,76px)!important;line-height:1.07!important;letter-spacing:-.048em!important;max-width:1150px!important}
#yni-site .yni-hero .yni-lead{max-width:790px!important;line-height:1.65!important}
#yni-site .yni-hero .yni-actions{gap:12px!important;display:flex!important;flex-wrap:wrap!important}
#yni-site .y98-audit-ribbon{margin-block:24px 33px!important;overflow:hidden;border-radius:24px!important}
#yni-site .y98-audit-ribbon .y98-audit-copy h2{font-size:clamp(30px,3.6vw,54px)!important;line-height:1.09!important}
/* Page d'offre : reset de structures Elementor multiples, source des chevauchements. */
#yni-site .elementor-widget-html.yni110-offer-html,#yni-site .elementor-widget-html.yni110-offer-html>.elementor-widget-container{width:100%!important;max-width:none!important;min-width:0!important;display:block!important;overflow:visible!important}
#yni-site :is(.y107-fit-section,.y107-features-section,.y107-included-section,.y107-next-section){width:100%!important;max-width:100%!important;box-sizing:border-box!important}
#yni-site .y107-fit-section{background:#fffdfb!important;padding:clamp(74px,8vw,112px) 0!important}
#yni-site .y107-fit-grid,#yni-site .yni110-fit-section .y107-fit-grid{display:grid!important;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)!important;gap:clamp(42px,5vw,88px)!important;width:min(1190px,calc(100% - 64px))!important;max-width:1190px!important;margin-inline:auto!important;align-items:start!important;}
#yni-site .y107-fit-section .y107-fit-sticky{position:static!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;min-width:0!important;width:100%!important;height:auto!important;overflow:visible!important}
#yni-site .y107-fit-section .y107-fit-sticky>*{position:static!important;display:block!important;width:auto!important;max-width:100%!important;inset:auto!important;float:none!important;clear:both!important;min-width:0!important;transform:none!important}
#yni-site .y107-fit-section .y107-fit-sticky .y107-kicker{font-size:11px!important;margin:0 0 18px!important;color:#bb5528!important;letter-spacing:.09em!important}
#yni-site .y107-fit-section .y107-fit-sticky h2.y107-section-title{font:800 clamp(29px,3vw,43px)/1.16 Montserrat,Arial,sans-serif!important;letter-spacing:-.035em!important;margin:0 0 20px!important;color:#23252b!important;max-width:560px!important}
#yni-site .y107-fit-section .y107-fit-sticky .y107-fit-lead{font:750 clamp(19px,1.8vw,24px)/1.46 Montserrat,Arial,sans-serif!important;margin:0 0 16px!important;max-width:520px!important;color:#2a2b31!important}
#yni-site .y107-fit-section .y107-fit-sticky .y107-fit-sub{font:400 16px/1.78 Montserrat,Arial,sans-serif!important;margin:0 0 24px!important;color:#52555d!important;max-width:520px!important}
#yni-site .y107-fit-section .y107-fit-sticky .y107-text-link{margin-top:4px!important;align-self:flex-start!important}
#yni-site .y107-fit-section .y107-fit-list{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;border-top:1px solid var(--yni111-border)!important}
#yni-site .y107-fit-section .y107-fit-item{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;align-items:start!important;column-gap:18px!important;row-gap:0!important;padding:21px 0 23px!important;margin:0!important;border-bottom:1px solid var(--yni111-border)!important;max-width:none!important;min-width:0!important;}
#yni-site .y107-fit-section .y107-fit-item .y107-fit-mark{display:grid!important;place-items:center!important;flex:none!important;width:39px!important;height:39px!important;background:#fff1e8!important;color:#b44b21!important;border-radius:12px!important;margin:0!important}
#yni-site .y107-fit-section .y107-fit-item-copy{display:block!important;min-width:0!important;width:100%!important}
#yni-site .y107-fit-section .y107-fit-item-copy h3{font-size:clamp(17px,1.45vw,20px)!important;line-height:1.37!important;color:#24252b!important;margin:0 0 9px!important;font-weight:800!important}
#yni-site .y107-fit-section .y107-fit-item-copy p{font-size:15px!important;line-height:1.72!important;color:#54565e!important;margin:0!important;max-width:100%!important}
/* Trois domaines côte à côte, sans cartes artificiellement vides et boutons aléatoires. */
#yni-site .yni110-features-section{background:linear-gradient(135deg,#f8f3ee 0%,#fffaf5 68%,#f7e9dd 100%)!important;padding:clamp(68px,7.5vw,105px) 0!important}
#yni-site .yni110-features-section>.yni-shell{max-width:1200px!important;width:calc(100% - 64px)!important;margin-inline:auto!important}
#yni-site .yni110-features-section .y107-features-head{margin-bottom:34px!important}
#yni-site .yni110-features-section .y107-feature-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;width:100%!important;align-items:stretch!important}
#yni-site .yni110-features-section .y107-feature{width:auto!important;min-width:0!important;min-height:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:13px!important;padding:16px 16px 24px!important;background:#fff!important;border:1px solid var(--yni111-border)!important;border-radius:22px!important;box-shadow:0 12px 32px rgba(32,24,19,.05)!important;overflow:hidden!important}
#yni-site .yni110-features-section .y107-feature::before{display:none!important}
#yni-site .yni110-features-section .yni110-photo-frame{width:100%!important;max-height:none!important;aspect-ratio:16/10!important;border-radius:14px!important;overflow:hidden!important;background:linear-gradient(130deg,#e5d6c9,#f0e3db)!important}
#yni-site .yni110-features-section .yni110-photo-frame img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
#yni-site .yni110-features-section .y107-feature h3{font-size:clamp(19px,1.75vw,24px)!important;color:#24252a!important;line-height:1.25!important;margin:8px 7px 0!important}
#yni-site .yni110-features-section .y107-feature p{font-size:14px!important;line-height:1.7!important;color:#50535b!important;margin:0 7px!important;flex:1!important}
#yni-site .yni110-features-section .y107-feature .y107-feature-link{margin:10px 7px 0!important;align-self:flex-start!important;padding:11px 15px!important;min-height:43px!important;background:#fff8f2!important;border:1px solid #edc2a6!important;border-radius:99px!important;color:#ac4b21!important;}
#yni-site .yni110-features-section .y107-feature:hover{border-color:#fb8c4a!important;transform:translateY(-4px)!important;box-shadow:0 24px 50px rgba(66,41,24,.11)!important}
/* Visuels et cartes dans offres pro / pages solutions. */
#yni-site .y94-pro-plans .yni-plan-grid{gap:22px!important;align-items:stretch!important}
#yni-site .y94-pro-plans .yni-plan{display:flex!important;flex-direction:column!important;gap:0!important;padding:34px 30px!important;min-height:unset!important}
#yni-site .y94-pro-plans .yni-plan .yni-plan-title{margin:10px 0 18px!important}
#yni-site .y94-pro-plans .yni-plan :is(.yni-plan-text,.yni-plan-text p){margin:17px 0!important;line-height:1.74!important}
#yni-site .y94-pro-plans .yni-plan ul{margin:8px 0 26px!important;padding-left:18px!important}
#yni-site .y94-pro-plans .yni-plan li{margin-bottom:11px!important;line-height:1.6!important}
#yni-site .y94-pro-plans .yni-plan .yni-plan-link,#yni-site .y94-pro-plans .yni-plan .yni-button{margin-top:auto!important;align-self:flex-start!important}
#yni-site .y103-compare-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:19px!important;align-items:stretch!important}
#yni-site .y103-compare-grid .y103-tier{min-width:0!important;min-height:0!important;display:flex!important;flex-direction:column!important;padding:30px 25px!important;gap:10px!important;}
#yni-site .y103-compare-grid .y103-tier p,#yni-site .y103-compare-grid .y103-tier li{color:#45464f!important;opacity:1!important;line-height:1.67!important}
#yni-site .y103-compare-grid .y103-tier .y103-tier-link{margin-top:auto!important}
#yni-site .y103-compare-grid .y103-tier:nth-child(3){border-color:var(--yni111-orange)!important;background:#fff0e2!important}
/* Sections anthracite : rectifier titres illisibles hérités d'Elementor. */
#yni-site :is(.yni-section.y94-pro-domains,.yni-section.y103-dark-section,.yni-section.y103-dark){color:#f9f7f5!important}
#yni-site :is(.yni-section.y94-pro-domains,.yni-section.y103-dark-section,.yni-section.y103-dark) :is(.yni-head h2,.yni-head .yni-title,.yni-head .elementor-heading-title){color:#fff!important}
#yni-site :is(.yni-section.y94-pro-domains,.yni-section.y103-dark-section,.yni-section.y103-dark) .yni-head p{color:#d4ceca!important}
#yni-site :is(.yni-section.y94-pro-domains,.yni-section.y103-dark-section,.yni-section.y103-dark) .yni-service{background:#fff!important;color:#20232a!important}
#yni-site :is(.yni-section.y94-pro-domains,.yni-section.y103-dark-section,.yni-section.y103-dark) .yni-service :is(h3,.elementor-heading-title){color:#20232a!important}
/* Titres et cartes de service sans texte noir sur anthracite (cas relevé sur pages offres). */
#yni-site .yni-section:has(.yni-services) .yni-services{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
#yni-site .yni-section:has(.yni-services) .yni-service{min-width:0!important;background:#fff!important;padding:28px!important;border-radius:22px!important;border:1px solid #eadfd5!important}
#yni-site .yni-section:has(.yni-services) .yni-service h3{color:#20232a!important}
/* Boutons : même reflet glissant sur les CTA, sans masquer textes ou flèches. */
#yni-site :is(a.yni-button,a.y98-audit-link,a.y9-contact,a.y103-tier-link,a.y107-feature-link,a.y9-trust-link,a.y107-primary),
.yni110-float-contact{position:relative!important;isolation:isolate;overflow:hidden!important;transition:transform .26s ease,box-shadow .26s ease,background .26s ease,border-color .26s ease!important}
#yni-site :is(a.yni-button,a.y98-audit-link,a.y9-contact,a.y107-feature-link,a.y107-primary)::before,
.yni110-float-contact::before{content:''!important;position:absolute!important;top:-22%!important;bottom:-22%!important;left:-90%!important;width:34%!important;height:auto!important;transform:skewX(-25deg)!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.29),transparent)!important;z-index:-1!important;pointer-events:none!important;transition:left .65s cubic-bezier(.19,.68,.3,1)!important}
#yni-site :is(a.yni-button,a.y98-audit-link,a.y9-contact,a.y107-feature-link,a.y107-primary):hover::before,.yni110-float-contact:hover::before{left:135%!important}
#yni-site :is(a.yni-button,a.y98-audit-link,a.y107-feature-link):hover{transform:translateY(-2px)!important}
#yni-site :is(.y107-fit-section,.y107-features-section,.y107-included-section,.y107-next-section) a:focus-visible{outline:3px solid #ff934f!important;outline-offset:4px!important}
/* Panneau de contact : lisibilité sans recouvrir l'écran. */
#yni-contact-direct .yni-direct-panel{max-width:min(520px,90vw);padding:clamp(23px,4vw,40px)!important}
.yni110-float-contact{box-shadow:0 13px 38px rgba(28,24,20,.16)!important}
/* Navigation contextuelle : placée juste sous les bannières des six offres. */
.yni111-subnav{position:relative;z-index:6;width:100%;padding:11px 16px;background:#fffdf9;border-bottom:1px solid #eaddd0;box-shadow:0 6px 19px rgba(28,23,20,.04)}
.yni111-subnav-inner{width:min(1190px,100%);margin:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.yni111-subnav-label{font:800 11px/1.1 Montserrat,Arial,sans-serif;letter-spacing:.085em;text-transform:uppercase;color:#9e4a25;margin-right:20px}
.yni111-subnav a{display:inline-flex;align-items:center;min-height:37px;padding:8px 14px;border-radius:99px;color:#38363a;font:700 12px/1.2 Montserrat,Arial,sans-serif;text-decoration:none;border:1px solid transparent;transition:background .23s,color .23s,border-color .23s}
.yni111-subnav a:hover,.yni111-subnav a:focus-visible,.yni111-subnav a[aria-current="location"]{background:#fff0e5;border-color:#f4c6a5;color:#b64c19}
/* Animation de présentation, toujours progressive et jamais invisible sans JS. */
.yni111-reveal{transition:transform .7s cubic-bezier(.2,.7,.23,1),filter .7s ease}
.yni111-reveal:not(.yni111-in-view){transform:translateY(12px);filter:saturate(.92)}
.yni111-reveal.yni111-in-view{transform:none;filter:none}
/* Responsive propre sur tablette et mobile. */
@media(max-width:1100px){#yni-site .y107-fit-grid,#yni-site .yni110-fit-section .y107-fit-grid{grid-template-columns:1fr!important;gap:30px!important}#yni-site .y107-fit-section .y107-fit-sticky{max-width:820px!important}#yni-site .yni110-features-section .y107-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#yni-site .y103-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.y9-header .y9-nav{width:calc(100% - 22px)!important;min-height:64px!important}#yni-site .yni-hero .y91-display,#yni-site .y97-hero .y91-display{font-size:clamp(32px,8.4vw,48px)!important;line-height:1.12!important}#yni-site .y107-fit-grid,#yni-site .yni110-fit-section .y107-fit-grid{width:calc(100% - 36px)!important}#yni-site .yni110-features-section>.yni-shell{width:calc(100% - 36px)!important}#yni-site .yni110-features-section .y107-feature-grid,#yni-site .y103-compare-grid,#yni-site .yni-section:has(.yni-services) .yni-services{grid-template-columns:1fr!important}#yni-site .yni110-features-section .y107-feature{padding:14px 14px 22px!important}#yni-site .y107-fit-section .y107-fit-item{grid-template-columns:34px minmax(0,1fr)!important;column-gap:12px!important;padding-block:18px!important}#yni-site .y107-fit-section .y107-fit-item .y107-fit-mark{width:33px!important;height:33px!important}#yni-site .y107-hero-actions{flex-direction:column!important;align-items:stretch!important}#yni-site .y107-hero-actions a{max-width:100%!important;width:100%!important} .yni111-subnav-label{display:none}.yni111-subnav-inner{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.yni111-subnav-inner::-webkit-scrollbar{display:none}.yni111-subnav a{flex-shrink:0} .yni110-float-contact{bottom:14px!important;right:13px!important}}
@media(prefers-reduced-motion:reduce){.yni111-reveal,#yni-site .yni110-features-section .y107-feature,.yni111-subnav a{transition:none!important;transform:none!important;filter:none!important}}