:root{--ink:#153d32;--green:#217a50;--lime:#d8ed83;--muted:#596960;--paper:#f7f5ef}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,input{font:inherit}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.header{height:104px;display:flex;align-items:center;justify-content:space-between}.logo{width:162px;height:auto;display:block}.header nav{display:flex;gap:36px;font-size:15px;font-weight:600}.header nav a{text-decoration:none;padding:10px 0}.header .active{border-bottom:3px solid var(--lime)}.hero{display:grid;grid-template-columns:1fr 1.16fr;align-items:center;min-height:340px;gap:12px;padding:16px 0 28px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--green)}.trivior-home .hero h1{font-size:3rem;line-height:1.1;letter-spacing:-1px;margin:16px 0 20px;font-weight:700;color:#102c29}h1 span{color:#155840;position:relative;display:inline-block}h1 span:after{content:"";position:absolute;left:0;right:15%;height:8px;bottom:-10px;background:var(--lime);border-radius:70% 30% 55% 45%;transform:rotate(-2deg)}.hero-copy>p{font-size:19px;line-height:1.55;color:var(--muted);margin:0}.hero-art{display:block;width:100%;height:auto;mix-blend-mode:multiply}.search-area{position:relative;z-index:2}.or-search{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:end;gap:24px;background:#fff;padding:23px 26px;border-radius:18px;box-shadow:0 12px 35px #153d320c;border:1px solid #153d3208}.or-field{min-width:0;position:relative}.or-field label{display:block;font-size:13px;font-weight:700;margin:0 0 10px;color:#153d32}.or-field input:not([type=hidden]){width:100%;min-width:0;border:0;border-bottom:1px solid #dce3dc;border-radius:0;background:#fff;color:var(--ink);padding:8px 0 12px;font-size:16px;outline-offset:4px}.or-field input::placeholder{color:#859088}.or-search-button{height:55px;padding:0 30px;border:0;border-radius:10px;background:var(--ink);color:white;font-weight:700;cursor:pointer}.or-search-button:hover{background:var(--green)}.map-link{display:table;margin:23px auto 0;font-weight:600;font-size:14px;text-decoration:none;border-bottom:1px solid #6c8f7e;padding-bottom:7px}.map-link span{margin-left:12px}.or-location-suggestions{position:absolute;top:calc(100% + 12px);right:0;width:min(620px,calc(100vw - 64px));max-height:360px;overflow-y:auto;overscroll-behavior:contain;padding:14px;background:#fff;box-shadow:0 8px 25px #0002;border:1px solid #e0e8e2;border-radius:14px;z-index:5}.or-location-suggestions:empty{display:none}.or-location-suggestions:not(:empty)::before{content:"Choisissez votre commune :";display:block;margin:0 0 12px;font-size:16px;color:var(--ink)}.or-location-suggestion{display:block;width:100%;padding:10px 14px;border:0;border-radius:9px;background:var(--green);color:#fff;text-align:left;line-height:1.5;font-size:15px;white-space:normal;overflow-wrap:anywhere;cursor:pointer}.or-location-suggestion+.or-location-suggestion{margin-top:8px}.or-location-suggestion:hover,.or-location-suggestion:focus-visible{background:var(--ink)}.categories{padding:54px 0 34px}.section-heading{text-align:center;margin-bottom:27px}.trivior-home h2{font-size:30px;line-height:1.2;letter-spacing:-1.2px;margin:10px 0}.section-heading p{color:var(--muted);margin:12px 0 0;font-size:16px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.category{display:flex;align-items:center;gap:13px;min-height:116px;padding:18px 15px;border:1px solid transparent;border-radius:13px;text-decoration:none;transition:background .15s,border-color .15s,transform .15s}.color-0{background:#eaf0dd}.color-1{background:#efeade}.color-2{background:#e0edf0}.category:hover{border-color:#86a68e;transform:translateY(-2px)}.icon{display:grid;place-items:center;width:50px;height:56px;flex-shrink:0;border-radius:14px;background:#ffffff66}.icon img{width:32px;height:32px}.category-text{min-width:0}.category strong{font-size:14px;line-height:1.3;display:block}.category small{display:block;font-size:12px;color:var(--muted);line-height:1.45;margin-top:8px}.arrow{margin-left:auto;font-size:20px}.steps{margin:0 0 34px;padding:32px 38px 36px;background:#153d32;border-radius:20px;color:#fffef4}.steps h2{font-size:30px;margin:0 0 28px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.step-grid article{display:flex;gap:17px}.step-grid article+article{border-left:1px solid #ffffff26;padding-left:26px}.number{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;background:var(--lime);color:var(--ink);border-radius:50%;font-size:14px;font-weight:700}.steps h3{font-size:16px;line-height:1.35;margin:0 0 10px}.steps p{font-size:13px;line-height:1.6;margin:0;color:#d0ddd3}.preview-note{opacity:.7}:focus-visible{outline:3px solid #217a50;outline-offset:4px}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.trivior-home .hero h1{font-size:3rem}.hero-copy>p{font-size:17px}.desktop-break{display:none}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.step-grid{gap:16px}.steps{padding:28px}.step-grid article+article{padding-left:16px}}@media(max-width:700px){.wrap{width:calc(100% - 32px)}.header{height:80px}.logo{width:128px}.header nav{gap:16px;font-size:13px}.header nav a:last-child{display:none}.hero{grid-template-columns:1fr;gap:8px;padding-top:22px}.trivior-home .hero h1{font-size:2rem;letter-spacing:-.5px;margin-top:18px}.hero-copy>p{font-size:17px}.hero-art{max-width:470px;margin:auto}.or-search{grid-template-columns:1fr;gap:20px;padding:22px}.or-search-button{width:100%}.categories{padding-top:42px}.trivior-home h2{font-size:24px}.section-heading .eyebrow{font-size:9px;letter-spacing:1.5px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category{position:relative;flex-direction:column;align-items:flex-start;padding:14px;gap:12px;min-height:172px}.category .arrow{position:absolute;right:13px;top:19px}.category strong{font-size:13px}.category small{font-size:12px}.icon{height:45px;width:45px}.steps{padding:25px 22px}.steps h2{font-size:24px}.step-grid{grid-template-columns:1fr;gap:24px}.step-grid article+article{padding:22px 0 0;border-left:0;border-top:1px solid #ffffff26}}@media(prefers-reduced-motion:reduce){.category{transition:none}}

@media(max-width:700px){.or-location-suggestions{left:0;right:0;width:100%;max-height:320px;padding:10px}.or-location-suggestion{font-size:14px}}

@media(min-width:701px) and (max-width:1050px){.or-location-suggestions{width:100%}}

/* Integrate the original search markup with the homepage layout. */
body.trivior-home{background:var(--paper);font-family:Arial,Helvetica,sans-serif}
.trivior-home .or-location-field{display:block}
.trivior-home .or-field input{height:auto;margin:0;box-shadow:none}
.trivior-home .or-field label{line-height:1.4}
.trivior-home .or-search-button{margin:0;font-size:16px;line-height:1.4}
.trivior-home .or-location-suggestion{height:auto;margin-bottom:0;font-weight:400}
.trivior-home .or-location-suggestion:hover{color:white}
.trivior-home .hero{border:0;background:none}
.trivior-home .category{color:var(--ink)}
.trivior-home .or-results-layout{margin:32px 0}
.trivior-home .steps p{margin-bottom:0}
.trivior-home .header nav a:hover{color:var(--green)}

.trivior-home h2,.trivior-home h3{font-weight:700}.trivior-home .section-heading h2{color:var(--ink)}.trivior-home .header nav a,.trivior-home .map-link,.trivior-home footer a{color:var(--ink)}

.trivior-home .trivior-nearby-status{box-sizing:border-box;max-width:620px;margin:14px auto 0;padding:14px 18px;border:1px solid #c8dba5;border-left:4px solid #217a50;border-radius:10px;background:#edf3dd;color:#153d32;font-size:16px;line-height:1.5;text-align:center}.trivior-home .trivior-nearby-status[hidden]{display:none}@media(max-width:700px){.trivior-home .trivior-nearby-status{font-size:15px;padding:12px 14px}}

.trivior-home button.map-link{background:transparent;color:var(--ink);border:0;border-bottom:1px solid #6c8f7e;border-radius:0;padding:0 0 7px;line-height:1.4;cursor:pointer}.trivior-home button.map-link:hover{background:transparent;color:var(--green)}.trivior-home button.map-link:disabled{opacity:.65;cursor:wait}

/* Trivior — shared GeneratePress container, header and footer. */
body.trivior-home { --trivior-page-width: min(1200px, calc(100% - 64px)); }
body.trivior-home .site.grid-container,
body.trivior-home .inside-header { box-sizing:border-box; width:var(--trivior-page-width); max-width:none; margin-inline:auto; }
body.trivior-home .inside-header,
body.trivior-home .site-content { padding-left:0; padding-right:0; }
body.trivior-home #primary { width:100%; }
body.trivior-home .site-main { margin:0; }
body.trivior-home .site,
body.trivior-home .site-header,
body.trivior-home .site-footer,
body.trivior-home .site-info { background:#f7f5ef; }
body.trivior-home .main-navigation,
body.trivior-home .main-navigation ul ul { background:#f7f5ef; }
body.trivior-home .inside-header { min-height:104px; padding-top:0; padding-bottom:0; }
body.trivior-home .site-header .site-logo img { width:162px; height:auto; }
body.trivior-home .main-navigation .main-nav ul li a { font-family:Arial,Helvetica,sans-serif; font-size:15px; font-weight:600; color:#153d32; }
body.trivior-home .main-navigation .main-nav ul li.current-menu-item > a { text-decoration:underline; text-decoration-color:#d8ed83; text-decoration-thickness:3px; text-underline-offset:14px; }
@media(max-width:1050px) { body.trivior-home { --trivior-page-width:calc(100% - 64px); } }
@media(max-width:700px) {
 body.trivior-home { --trivior-page-width:calc(100% - 32px); }
 body.trivior-home .inside-header { min-height:80px; }
 body.trivior-home .site-header .site-logo img { width:128px; }
}

body.trivior-home .site-footer,
body.trivior-home .site-info { background:#f7f5ef !important; }


/* Trivior — compact first screen and readable content. */
body.trivior-home { font-size:1.0625rem; line-height:1.6; }
.trivior-home .hero { grid-template-columns:minmax(0,1fr) minmax(0,1fr); padding:8px 0 20px; }
.trivior-home .hero-art { max-height:340px; object-fit:contain; }
.trivior-home .hero-copy > p { font-size:1.0625rem; }
.trivior-home .steps h3,
.trivior-home .or-result-item h3 { font-size:1.25rem; line-height:1.3; }
.trivior-home .or-results p { font-size:1.0625rem; line-height:1.6; }
@media(max-width:700px) {
 body.trivior-home { font-size:1rem; }
 .trivior-home .hero { grid-template-columns:minmax(0,1fr); padding-top:16px; }
 .trivior-home .hero-art { max-height:220px; }
 .trivior-home .hero-copy > p,.trivior-home .or-results p { font-size:1rem; }
}
