/* YNI Solutions — Studio 10.1. Focused corrections, layered AFTER 10.0. */
/* Give the video, promotion and technology strip their own breathing room. */
#yni-site .y98-audit-ribbon, #yni-site section.y98-audit-ribbon.elementor-element{
  margin:22px 16px 22px!important; width:calc(100% - 32px)!important;
  border-radius:24px!important; overflow:hidden!important; clear:both!important;
}
#yni-site .y9-trust-section,#yni-site .y97-trust-section{margin-top:0!important}
#yni-site .y98-audit-ribbon .yni-shell{width:min(1250px,calc(100% - 72px))!important}
/* Real colors only. Never tint logo pixels with hue-rotate; never make a white tile on hover. */
#yni-site .y97-brand,#yni-site .y97-brand:hover,#yni-site .y97-brand:focus-visible{background:transparent!important;box-shadow:none!important;border-color:transparent!important}
#yni-site .y97-brand img{transition:filter .3s ease,opacity .3s ease,transform .32s ease!important;max-width:195px!important;filter:grayscale(1) brightness(0) invert(1)!important;mix-blend-mode:normal!important;opacity:.86!important}
#yni-site .y97-brand:hover img,#yni-site .y97-brand:focus-visible img{filter:none!important;mix-blend-mode:normal!important;opacity:1!important;transform:translateY(-2px) scale(1.035)!important}
/* The existing SVG/PNG may contain an opaque rectangle, or may be monochrome already.
   Until a TRANSPARENT branded source is configured/prepared, stay clean and white on hover,
   rather than displaying manufactured blues/purples or unwanted blue/white rectangles. */
#yni-site .y97-brand[data-opaque-logo="1"]:not([data-yni-clean-logo="1"]) img,
#yni-site .y97-brand[data-opaque-logo="1"]:not([data-yni-clean-logo="1"]):hover img,
#yni-site .y97-brand[data-opaque-logo="1"]:not([data-yni-clean-logo="1"]):focus-visible img{
  filter:grayscale(1) invert(1) contrast(1.65)!important;mix-blend-mode:screen!important;opacity:.88!important;
}
#yni-site .y97-brand[data-yni-clean-logo="1"] img{filter:grayscale(1) brightness(0) invert(1)!important;mix-blend-mode:normal!important}
#yni-site .y97-brand[data-yni-clean-logo="1"]:hover img,#yni-site .y97-brand[data-yni-clean-logo="1"]:focus-visible img{filter:none!important;mix-blend-mode:normal!important;opacity:1!important}
#yni-site .y97-brand::before,#yni-site .y97-brand::after{display:none!important}
/* ZEN IT+ : white like the other two, with restrained orange distinction and legible labels. */
#yni-site .y97-three-plans .yni-plan.yui-zen-plus,
#yni-site .y97-three-plans .yni-plan.yni-selected,
#yni-site .y98-perso-plans .yni-plan.yni-selected,
#yni-site .elementor-element.y98-perso-plans .yni-plan.yni-selected{
 background:#fff!important;background-image:none!important;color:#24262a!important;border:1.5px solid #f28c57!important;
 box-shadow:0 17px 34px rgba(31,24,18,.065)!important;
}
#yni-site .y97-three-plans .yni-plan.yni-selected *,
#yni-site .y98-perso-plans .yni-plan.yni-selected *,
#yni-site .elementor-element.y98-perso-plans .yni-plan.yni-selected *{
 color:#24262a!important;text-shadow:none!important;
}
#yni-site .y97-three-plans .yni-plan.yni-selected .yni-plan-link,
#yni-site .y98-perso-plans .yni-plan.yni-selected a.yni-button{color:#1c2025!important;background:#ff7830!important;border-color:#ff7830!important}
#yni-site .y97-three-plans .yni-plan.yni-selected:hover{border-color:#fa6d2a!important;transform:translateY(-3px)!important}
/* A contained scroll narrative instead of hijacking wheel/touch events. Three stages stay in view on large screens. */
@media(min-width:1100px) and (min-height:840px) and (prefers-reduced-motion:no-preference){
 #yni-site .y97-guide-section.y101-scroll-story{min-height:calc(100svh + 560px)!important;overflow:visible!important;display:block!important;position:relative!important;isolation:isolate!important}
 #yni-site .y97-guide-section.y101-scroll-story > .yni-shell,
 #yni-site .y97-guide-section.y101-scroll-story > .e-con-inner{position:sticky!important;top:88px!important;z-index:2!important}
 #yni-site .y97-guide-section.y101-scroll-story .yni-head{margin-bottom:20px!important}
 #yni-site .y97-guide-section.y101-scroll-story .yni-guide-choice{padding-top:10px!important;padding-bottom:10px!important;min-height:52px!important}
}
#yni-site .yni-guide .y100-step-feedback{display:block!important;min-height:23px!important;color:#ffc39b!important}
#yni-site .yni-guide .y100-guide-visual .y99-visual-node.y100-is-active .y99-visual-icon{background:#fb7b35!important}
#yni-site .yni-guide .y100-guide-visual .y99-visual-node{transition:transform .45s,opacity .45s!important}
#yni-site .yni-guide-right .y101-guide-stage-copy{color:#eee1dc!important;font-size:12px!important;line-height:1.5!important;min-height:31px!important;margin:-4px 0 18px!important;transition:opacity .2s!important}
#yni-site .yni-guide-right .y101-stage-bar{height:3px;width:100%;border-radius:3px;background:#ffffff24;overflow:hidden;margin:4px 0 14px}
#yni-site .yni-guide-right .y101-stage-bar span{display:block;height:100%;width:33.333%;background:#ff8141;border-radius:3px;transition:width .45s ease}
@media(max-width:760px){
 #yni-site .y98-audit-ribbon,#yni-site section.y98-audit-ribbon.elementor-element{margin:12px 8px 14px!important;width:calc(100% - 16px)!important;border-radius:18px!important}
 #yni-site .y98-audit-ribbon .yni-shell{width:calc(100% - 38px)!important}
}
@media(prefers-reduced-motion:reduce){#yni-site .yni-guide .y101-stage-bar span{transition:none!important}}