/* Y.N.I Solutions Studio 11.6 — a quieter editorial UI, shared interactions and precise brand assets. */
:root{--yni116-coral:#f36b2a;--yni116-dark:#22242a;--yni116-ease:cubic-bezier(.2,.75,.28,1)}
/* New supplied wordmark: cropped transparent padding, wordmark vertically aligned to its central divider. */
.y9-header .y9-nav{min-height:76px!important}
.y9-header .y9-brand{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:0!important;flex:0 0 225px!important;width:225px!important;max-width:225px!important;min-width:0!important;padding:0!important;overflow:visible!important}
.y9-header .y9-brand img{display:block!important;width:218px!important;max-width:218px!important;height:auto!important;max-height:68px!important;object-fit:contain!important;object-position:left center!important;transform:none!important;filter:none!important}
.y9-header .y9-brand .yni115-brand-slogan{display:block!important;margin:-2px 0 0 80px!important;padding:0!important;color:#f2f3f5!important;font-family:Montserrat,Arial,sans-serif!important;font-weight:650!important;font-size:8px!important;line-height:1.2!important;white-space:nowrap!important;opacity:.92!important}
.y9-header .y9-brand:hover img{transform:none!important}
@media(max-width:1280px){.y9-header .y9-brand{flex-basis:188px!important;width:188px!important;max-width:188px!important}.y9-header .y9-brand img{width:184px!important;max-width:184px!important}.y9-header .y9-brand .yni115-brand-slogan{font-size:7px!important;margin-left:66px!important}}
@media(max-width:690px){.y9-header .y9-brand{flex-basis:142px!important;width:142px!important;max-width:142px!important}.y9-header .y9-brand img{width:141px!important;max-width:141px!important;max-height:48px!important}.y9-header .y9-brand .yni115-brand-slogan{margin:-1px 0 0 48px!important;font-size:5.7px!important;letter-spacing:-.018em!important}}
@media(max-width:390px){.y9-header .y9-brand{flex-basis:122px!important;width:122px!important;max-width:122px!important}.y9-header .y9-brand img{width:122px!important}.y9-header .y9-brand .yni115-brand-slogan{font-size:5px!important;margin-left:44px!important}}
/* Homepage's original hero stays recognizable but no longer takes over the screen. */
#yni-site :is(.y8-home-hero,.y91-home,.y97-hero) :is(.y91-display,.yni-h1,.elementor-heading-title.y91-display),
#yni-site .y91-home .yni-h1 .elementor-heading-title,
#yni-site .y8-home-hero .y91-display .elementor-heading-title{
 font-size:clamp(32px,3.55vw,49px)!important;line-height:1.13!important;letter-spacing:-.042em!important;max-width:980px!important;font-weight:820!important
}
#yni-site .y91-home .yni-hero-copy{max-width:940px!important}
@media(max-width:690px){#yni-site :is(.y8-home-hero,.y91-home,.y97-hero) :is(.y91-display,.yni-h1),#yni-site .y8-home-hero .y91-display .elementor-heading-title{font-size:clamp(29px,7.1vw,38px)!important;line-height:1.17!important;letter-spacing:-.04em!important}}
/* Pro sectors first: warm paper editorial section; readable black title (was white on cream). */
#yni-site .y94-pro-domains{background:linear-gradient(110deg,#faf6f1,#fcf7f1 60%,#f8eee5)!important;padding:clamp(58px,7vw,100px) 0!important}
#yni-site .y94-pro-domains .yni-head{max-width:1050px!important;margin-bottom:35px!important}
#yni-site .y94-pro-domains .yni-head :is(h2,.yni-title,.elementor-heading-title),
#yni-site .y94-pro-domains .yni-head .yni-title :is(.elementor-heading-title,span),
#yni-site .yni-section.y94-pro-domains:has(.yni-services) .yni-head :is(h2,.yni-title,.elementor-heading-title){color:#24252a!important;text-shadow:none!important}
#yni-site .y94-pro-domains .yni-head :is(h2,.yni-title,.elementor-heading-title) em{color:#e86329!important;font-style:italic!important}
#yni-site .y94-pro-domains .yni-head .yni-kicker{color:#8f502c!important}
#yni-site .y94-pro-domains .yni-services{gap:14px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
#yni-site .y94-pro-domains .yni-service{border:1px solid #e9dbd0!important;border-top:3px solid #e9d8cc!important;background:#fff!important;border-radius:10px!important;box-shadow:0 8px 22px rgba(53,40,28,.035)!important;min-height:222px!important;padding:25px 24px!important;transition:transform .27s var(--yni116-ease),border-color .27s,box-shadow .27s!important}
#yni-site .y94-pro-domains .yni-service:hover{transform:translateY(-3px)!important;border-top-color:#f0793c!important;box-shadow:0 13px 31px rgba(59,37,25,.08)!important}
#yni-site .y94-pro-domains .yni-service-title,#yni-site .y94-pro-domains .yni-service-title .elementor-heading-title{color:#25262b!important;font-size:clamp(19px,1.45vw,23px)!important;line-height:1.24!important}
#yni-site .y94-pro-domains .yni-service .yni-muted{font-size:13.5px!important;margin-top:18px!important;line-height:1.73!important}
@media(max-width:1050px){#yni-site .y94-pro-domains .yni-services{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){#yni-site .y94-pro-domains .yni-services{grid-template-columns:1fr!important}#yni-site .y94-pro-domains .yni-service{min-height:0!important;padding:23px!important}}
/* All website CTAs share a restrained shape, readable hover state, and a single visible light sweep. */
#yni-site :is(a.yni-button,.elementor-widget-button .elementor-button,a.y103-tier-link,a.y103-secondary-link,a.y104-occasional-link,a.y107-text-link,a.y98-audit-link,a.y9-trust-link),
#yni-site :is(.yni-plan-link,.yni-plain-link),
.y9-header :is(a.y9-contact,a.y9-mobile-contact),.yni110-float-contact,#yni-site .yni-form button,
#yni-contact-direct .yni-direct-links a{
 position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
 border-radius:10px!important;min-height:42px!important;padding:10px 16px!important;
 text-decoration:none!important;border:1px solid currentColor!important;
 transition:transform .25s var(--yni116-ease),background-color .25s,border-color .25s,color .25s,box-shadow .25s!important;
 overflow:hidden!important;isolation:isolate!important;background-clip:padding-box!important;
}
/* An outline is still an outline; orange primary retains its orange background. */
#yni-site :is(.yni-btn-primary.yni-button,.yni-actions .yni-btn-primary .elementor-button,.y107-hero-actions .yni-btn-primary .elementor-button),
#yni-site .yni-form button,.y9-header a.y9-contact{background:#ff7836!important;border-color:#ff7836!important;color:#181a20!important}
#yni-site :is(.yni-btn-primary.yni-button,.yni-actions .yni-btn-primary .elementor-button,.y107-hero-actions .yni-btn-primary .elementor-button):hover,
#yni-site .yni-form button:hover,.y9-header a.y9-contact:hover{background:#ff945b!important;color:#17191d!important;border-color:#ff945b!important}
#yni-site :is(.yni-btn-ghost.yni-button,.yni-actions .yni-btn-ghost .elementor-button){color:#fff!important;background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.47)!important}
#yni-site :is(.yni-btn-ghost.yni-button,.yni-actions .yni-btn-ghost .elementor-button):hover{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.8)!important}
#yni-site :is(.yni-plain-link,.yni-plan-link,.y103-tier-link,.y103-secondary-link,.y104-occasional-link,.y107-text-link),
#yni-site :is(.yni-plain-link.elementor-widget-button .elementor-button,.yni-plan-link.elementor-widget-button .elementor-button,.y107-text-link.elementor-widget-button .elementor-button),
#yni-site .y94-pro-domains .yni-service .yni-button,#yni-site .y94-pro-domains .yni-service .elementor-button{
 min-height:38px!important;border:1px solid #edaa85!important;color:#a9491e!important;background:#fff!important;padding:9px 14px!important;font-weight:760!important;border-radius:9px!important;box-shadow:none!important;text-align:center!important;text-decoration:none!important
}
#yni-site :is(.yni-plain-link,.yni-plan-link,.y103-tier-link,.y103-secondary-link,.y104-occasional-link,.y107-text-link):hover,
#yni-site :is(.yni-plain-link.elementor-widget-button .elementor-button,.yni-plan-link.elementor-widget-button .elementor-button,.y107-text-link.elementor-widget-button .elementor-button):hover,
#yni-site .y94-pro-domains .yni-service .yni-button:hover,#yni-site .y94-pro-domains .yni-service .elementor-button:hover{
 background:#212329!important;border-color:#212329!important;color:#fff!important;box-shadow:0 10px 24px rgba(26,28,34,.14)!important
}
#yni-site .y107-fit-sticky .y107-text-link,#yni-site .y107-fit-sticky .y107-text-link .elementor-button{border-bottom:1px solid #edaa85!important;margin-top:11px!important;max-width:fit-content!important}
#yni-site :is(a.yni-button,.elementor-widget-button .elementor-button,.yni-plain-link,.yni-plan-link,a.y103-tier-link,a.y103-secondary-link,a.y104-occasional-link,a.y107-text-link,a.y98-audit-link),
.y9-header a.y9-contact,.yni110-float-contact,#yni-site .yni-form button{will-change:transform}
#yni-site :is(a.yni-button,.elementor-widget-button .elementor-button,.yni-plain-link,.yni-plan-link,a.y103-tier-link,a.y103-secondary-link,a.y104-occasional-link,a.y107-text-link,a.y98-audit-link):hover,
.y9-header a.y9-contact:hover,.yni110-float-contact:hover,#yni-site .yni-form button:hover{
 transform:translateY(-2px)!important;box-shadow:0 10px 22px rgba(28,25,24,.14)!important
}
/* Cover an orange background with a visibly lighter band, not a same-orange shine. Disable older animated pseudo-elements. */
#yni-site :is(a.yni-button,.elementor-widget-button .elementor-button,.yni-plain-link,.yni-plan-link,a.y103-tier-link,a.y103-secondary-link,a.y104-occasional-link,a.y107-text-link,a.y98-audit-link)::before,
.y9-header a.y9-contact::before,.yni110-float-contact::before,#yni-site .yni-form button::before{
 content:""!important;position:absolute!important;display:block!important;top:0!important;bottom:0!important;left:-95%!important;right:auto!important;width:48%!important;height:100%!important;
 border:0!important;background:linear-gradient(110deg,transparent,rgba(255,255,255,.41),transparent)!important;
 transform:skewX(-20deg)!important;opacity:1!important;z-index:0!important;pointer-events:none!important;transition:left .52s var(--yni116-ease)!important;
}
#yni-site :is(a.yni-button,.elementor-widget-button .elementor-button,.yni-plain-link,.yni-plan-link,a.y103-tier-link,a.y103-secondary-link,a.y104-occasional-link,a.y107-text-link,a.y98-audit-link):hover::before,
.y9-header a.y9-contact:hover::before,.yni110-float-contact:hover::before,#yni-site .yni-form button:hover::before{left:150%!important;transform:skewX(-20deg)!important;opacity:1!important}
#yni-site .y107-hero-actions .yni-button::after,#yni-site .y107-next .yni-button::after{display:none!important}
#yni-site :is(.yni-button,.elementor-button,.yni-plain-link,.yni-plan-link) :is(span,i,svg){position:relative;z-index:1}
/* "Décrire mon besoin" is no longer an underlined text link with a double orange rim. */
#yni-site .y107-fit-section :is(a.y107-text-link,.y107-text-link .elementor-button){border-bottom:1px solid #edaa85!important;text-decoration:none!important;transform:none!important}
#yni-site .y107-fit-section :is(a.y107-text-link,.y107-text-link .elementor-button):hover{transform:translateY(-2px)!important;border-color:#212329!important}
/* Offer chapter subnavigation: rectangular tabs with restrained underline indicator, not AI-looking pills. */
.yni111-subnav{padding:11px 16px 8px!important;background:#fffdf9!important}
.yni111-subnav-inner{gap:2px 13px!important}
.yni111-subnav a{position:relative!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:3px 3px 0 0!important;background:transparent!important;color:#343438!important;min-height:40px!important;padding:10px 8px!important;white-space:nowrap!important;box-shadow:none!important;transform:none!important;transition:color .2s,border-color .2s,background-color .2s!important}
.yni111-subnav a[aria-current="location"],.yni111-subnav a:hover,.yni111-subnav a:focus-visible{color:#bb531f!important;background:#fff2e9!important;border-bottom-color:#ed6928!important;outline-offset:2px!important}
@media(max-width:690px){.yni111-subnav-inner{gap:4px!important}.yni111-subnav a{font-size:11.5px!important;padding:10px 9px!important}}
/* Branded SumUp: readable solid white wordmark at rest (no permanently coloured rectangle); official source on hover. */
#yni-site .y97-brand[data-brand-name="SumUp"]{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;box-shadow:none!important;min-width:110px}
#yni-site .y97-brand[data-brand-name="SumUp"] .yni116-sumup-monochrome{display:block!important;position:absolute!important;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff!important;font:850 clamp(20px,1.7vw,26px)/1 Montserrat,Arial,sans-serif!important;letter-spacing:-.055em!important;white-space:nowrap;opacity:.88;transition:opacity .2s!important}
#yni-site .y97-brand[data-brand-name="SumUp"] img{opacity:0!important;filter:none!important;mix-blend-mode:normal!important;transition:opacity .28s,transform .28s!important}
#yni-site .y97-brand[data-brand-name="SumUp"]:hover .yni116-sumup-monochrome,#yni-site .y97-brand[data-brand-name="SumUp"]:focus-within .yni116-sumup-monochrome{opacity:0!important}
#yni-site .y97-brand[data-brand-name="SumUp"]:hover img,#yni-site .y97-brand[data-brand-name="SumUp"]:focus-within img{opacity:1!important;filter:none!important;mix-blend-mode:normal!important}
@media(prefers-reduced-motion:reduce){#yni-site :is(a.yni-button,.elementor-button,.yni-plain-link,.yni-plan-link)::before,.y9-header a.y9-contact::before{display:none!important}#yni-site :is(a.yni-button,.elementor-button,.yni-plain-link,.yni-plan-link):hover,.y9-header a.y9-contact:hover{transform:none!important}}