/* Y.N.I Solutions — V11.5 : finitions typographiques, orientation et boutons.
   Append-only overrides: no destructive changes to Elementor templates. */
:root{--yni115-orange:#ff762f;--yni115-ink:#181b20}
/* Hero: smaller relative to earlier oversized display; keep the two-line composition. */
#yni-site .y8-home-hero .y91-display,
#yni-site .y8-home-hero .y91-display .elementor-heading-title,
#yni-site .y91-home .yni-h1,
#yni-site .y91-home .yni-h1 .elementor-heading-title{
  font-size:clamp(37px,4.7vw,68px)!important;
  line-height:1.055!important;letter-spacing:-.055em!important;
  max-width:1100px!important;
}
#yni-site .y91-home .yni-hero-copy{max-width:1170px!important}
/* The icon from the existing logo does not grow; its tagline becomes legible. */
.y9-header .y9-brand{position:relative;flex-direction:column;justify-content:center;align-items:flex-start;width:202px!important;max-width:202px!important;min-width:0;gap:0}
.y9-header .y9-brand img{width:171px!important;height:50px!important;object-fit:contain!important;object-position:left center;max-width:171px!important;transform:none!important}
.y9-header .yni115-brand-slogan{display:block;color:#f5f1ed;font-family:inherit;font-size:9px;font-weight:640;line-height:1.25;letter-spacing:0;white-space:nowrap;margin-top:-2px;margin-left:1px;opacity:.95}
.y9-header .y9-brand:hover img{transform:none!important}
@media(max-width:1280px){.y9-header .y9-brand{width:178px!important;max-width:178px!important}.y9-header .yni115-brand-slogan{font-size:8px}}
@media(max-width:690px){.y9-header .y9-brand{width:130px!important;max-width:130px!important}.y9-header .y9-brand img{width:112px!important;height:40px!important}.y9-header .yni115-brand-slogan{font-size:7px;white-space:normal;margin-top:-3px}}
/* Smaller and clearer header dropdown indicator: no oversized orange square. */
.y9-header .yni113-nav-icon{width:16px!important;height:17px!important;background:transparent!important;border:none!important;border-radius:0!important;color:#ff9a61!important;margin-left:3px;transition:transform .2s,color .2s!important}
.y9-header .yni113-nav-icon svg{width:14px;height:14px;stroke-width:1.6!important}
.y9-header .y9-trigger:hover .yni113-nav-icon{background:transparent!important;color:#fff!important;border:0!important}
.y9-header .y9-dropdown.is-open .yni113-nav-icon{transform:rotate(-180deg)}
/* SumUp rests white and returns to source colors on hover, without white tile overlays. */
#yni-site .y97-brand[data-brand-name="SumUp"] img{filter:grayscale(1) brightness(0) invert(1)!important;opacity:.82!important;mix-blend-mode:normal!important}
#yni-site .y97-brand[data-brand-name="SumUp"]:hover img,#yni-site .y97-brand[data-brand-name="SumUp"]:focus-within img{filter:none!important;opacity:1!important}
#yni-site .y97-brand[data-brand-name="SumUp"]{background:transparent!important;box-shadow:none!important}
/* Arrow icon drawn by the official Elementor icon font, with accessible source text kept outside. */
#yni-site .yni115-icon,.y9-header .yni115-icon,footer .yni115-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.07em;font-style:normal;margin-inline-start:.32em;line-height:1;transition:transform .28s ease,color .28s ease;vertical-align:baseline}
#yni-site a:hover .yni115-icon,.y9-header a:hover .yni115-icon,footer a:hover .yni115-icon{transform:translateX(4px)}
#yni-site a:focus-visible,.y9-header a:focus-visible,footer a:focus-visible{outline:2px solid var(--yni115-orange);outline-offset:4px}
/* Employer the existing task selection instead of changing a user's Elementor content. */
#yni-site .yni115-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;padding:15px 0 17px}
#yni-site .yni115-filter{display:grid;gap:7px;min-width:0}
#yni-site .yni115-filter label{color:#3b3d40;font-size:12px!important;font-weight:750!important;letter-spacing:.005em}
#yni-site .yni115-filter select{width:100%;max-width:100%;min-height:43px;border:1px solid #dcd8d2!important;border-radius:12px;background:#fff;color:#202126;appearance:auto;font:600 12px/1.3 inherit;padding:8px 10px}
#yni-site .yni115-filter select:focus-visible{outline:2px solid #ff762f;outline-offset:2px}
#yni-site .yni115-filters-note{grid-column:1/-1;margin:0;color:#62626a!important;font-size:11.5px!important;line-height:1.5!important}
#yni-site .yni-guide[data-yni115-persona="perso"] .yni115-filters{display:none!important}
#yni-site .yni-guide .yni-guide-left{min-width:0!important}
#yni-site .yni-guide .yni-guide-right{min-width:0!important}
#yni-site .yni115-result-badge{display:block;margin:.65em 0;color:#ff9c70;font-size:12px;font-weight:750;line-height:1.5}
#yni-site .yni115-result-badge[hidden]{display:none!important}
@media(max-width:760px){#yni-site .yni115-filters{grid-template-columns:1fr!important}}
/* Better spacing in contact page, especially the sidebar shown in screenshot. */
#yni-site .yni-contact-section .yni-contact-copy,#yni-site .yni-contact-section .yni-contact-info,
#yni-site .yni-contact-section .yni-split-text,#yni-site .yni-contact-intro{line-height:1.65!important}
#yni-site .yni-contact-section p,#yni-site .yni-contact-section .yni-muted,#yni-site .yni-contact-intro p{margin:12px 0 19px!important;line-height:1.68!important}
#yni-site .yni-contact-section .yni-button,#yni-site .yni-contact-section .elementor-button{margin-top:12px}
/* Editor: outlines on active widget still usable, default animation does not mask actual text. */
body.elementor-editor-active #yni-site .yn7-reveal-ready,body.elementor-editor-active #yni-site .yni105-reveal,body.elementor-editor-active #yni-site .y106-prepare-reveal{opacity:1!important;transform:none!important;visibility:visible!important}
@media(prefers-reduced-motion:reduce){#yni-site .yni115-icon,.y9-header .yni115-icon{transition:none!important}}

/* Narrow screens: reduce hero typography proportionately, without changing the slogan. */
@media(max-width:690px){#yni-site .y8-home-hero .y91-display,#yni-site .y8-home-hero .y91-display .elementor-heading-title,#yni-site .y91-home .yni-h1,#yni-site .y91-home .yni-h1 .elementor-heading-title{font-size:clamp(32px,8vw,46px)!important;line-height:1.08!important}}
/* Contact sidebar's real classes, including Elementor-wrapped content. */
#yni-site .yni-contact-aside{display:flex;flex-direction:column;align-items:flex-start;gap:13px!important}
#yni-site .yni-contact-aside .yni-muted,#yni-site .yni-contact-aside .yni-note{line-height:1.7!important;max-width:46ch;margin-block:2px 9px!important}
#yni-site .yni-contact-aside .yni-title{line-height:1.18!important;margin:0!important}
#yni-site .yni-contact-aside .yni-button{margin:6px 0 12px!important}
/* Avoid accidental global icon inheritance on widgets generated before V11.5. */
#yni-site .yni115-icon{flex-shrink:0}

@media(min-width:1080px){#yni-site .yni115-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}