/* Clear destinations and comfortable targets shared by every page. */
.site-header .desktop-nav{gap:clamp(12px,1.3vw,22px)}
.desktop-nav a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
.mobile-nav{--navigation-header-height:112px;top:var(--navigation-header-height);max-height:calc(100dvh - var(--navigation-header-height));overflow-y:auto;overscroll-behavior:contain;gap:4px;padding:12px 24px 20px;box-sizing:border-box}
.mobile-nav a{display:flex;align-items:center;min-height:44px}
.site-header .menu-toggle{min-width:44px;min-height:44px;place-content:center;padding:10px}
.desktop-nav a:focus-visible,.mobile-nav a:focus-visible,.article-destinations a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.article-destinations{display:flex;flex-wrap:wrap;gap:12px 32px;margin:0 8% 32px;padding:20px 0;border-top:1px solid #c9c9c6;border-bottom:1px solid #c9c9c6}
.article-destinations a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;line-height:1.6;color:#292a27;text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){.mobile-nav{--navigation-header-height:90px;padding-bottom:88px}.article-destinations{margin:0 7% 24px;gap:8px 24px;padding:16px 0}.article-destinations a{font-size:13px}}

/* Shared reading and touch targets, checked across the page templates. */
footer .footer-business a{display:flex;align-items:center;min-height:44px}
.news-feature .news-meta,.news-feature small,.news-label,#news-count{color:#625e57}
.boutique-page .shop-footnote{color:#666}
.home-page .interior-links>span{color:#675c50;font-size:11px}
.realisations-page .realisation-kind{color:#625e57}
.about-principles-grid article>span,.about-process-grid article>span{color:#675c50}
.about-brands-list dt,.about-meeting address{color:#675c50}
.article-hero .news-meta,.article-source p,.article-end .news-label{color:#625e57}

/* Les trois univers partagent un seul bouton dans la navigation. */
.site-header .desktop-nav{align-items:center}
.nav-ranges{position:relative}
.nav-ranges-toggle{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:44px;padding:9px 13px;border:1px solid #ffffff50;border-radius:3px;background:#ffffff05;color:inherit;font:inherit;line-height:1.5;white-space:nowrap;cursor:pointer;transition:background-color .2s,border-color .2s}
.nav-ranges-toggle[aria-expanded="true"]{background:#ffffff10;border-color:#ffffff90}@media (hover:hover) and (pointer:fine){.nav-ranges-toggle:hover{background:#ffffff10;border-color:#ffffff90}}
.nav-ranges-toggle.range-current{border-color:#ffffffa0}
.nav-ranges-toggle svg{width:10px;height:6px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .2s}
.nav-ranges-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.nav-ranges-toggle:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.nav-ranges-menu{position:absolute;top:calc(100% + 12px);left:0;min-width:220px;display:grid;gap:2px;padding:8px;border:1px solid #ffffff30;border-radius:4px;background:#242523;color:#f0f0ed;box-shadow:0 18px 36px #0004}
.nav-ranges-menu[hidden]{display:none}
.nav-ranges-menu a{display:flex;align-items:center;min-height:44px;padding:10px 13px;font-size:14px;border-radius:2px}
.nav-ranges-menu a[aria-current="page"]{background:#ffffff0d}@media (hover:hover) and (pointer:fine){.nav-ranges-menu a:hover{background:#ffffff0d}}
.desktop-nav .nav-ranges-menu a:after{display:none}
.nav-ranges-menu a:focus-visible{outline-offset:-3px;background:#ffffff0d}
.mobile-nav .nav-ranges{width:100%;margin-bottom:4px}
.mobile-nav .nav-ranges-toggle{width:100%;justify-content:space-between}
.mobile-nav .nav-ranges-menu{position:static;min-width:0;margin-top:8px;box-shadow:none;background:#ffffff05}
@media(prefers-reduced-motion:reduce){.nav-ranges-toggle,.nav-ranges-toggle svg{transition:none}}

/* Liens de lecture et de contact utilisables aussi au doigt. */
.review-quote figcaption a,.local-contact .business-email,.local-contact address a,.contact-direct .business-email,.news-read,.news-source-note a,.article-back,.article-source a{display:inline-flex;align-items:center;min-height:44px;max-width:100%}
.review-quote figcaption a{font-size:12px}
.local-contact .business-email{margin-bottom:12px}
.local-contact address a{margin-top:4px}
.article-back{align-self:flex-start}
.review-quote figcaption a:focus-visible,.local-contact a:focus-visible,.contact-direct a:focus-visible,.news-read:focus-visible,.article-back:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.catalog-main>.catalog-categories+.kitchen-tabs{margin-top:-8px}

/* Toutes les rubriques restent visibles sur les petits ordinateurs. */
@media(min-width:921px){
  body .site-header .desktop-nav{display:flex}
  body .site-header .menu-toggle{display:none}
  body .mobile-nav{display:none}
}
@media(min-width:921px) and (max-width:1200px){
  body .site-header{padding-left:3%;padding-right:3%;gap:20px}
  body .site-header .wordmark{flex-shrink:0}
  body .site-header .brand-logo{width:98px;height:60px}
  body .site-header .desktop-nav{gap:16px;font-size:12px}
  body .site-header .nav-ranges-toggle{gap:10px;padding:9px 11px}
  body .site-header .header-cta{flex-shrink:0;margin-left:0;padding:11px 14px;font-size:12px;letter-spacing:0;white-space:nowrap}
}
@media(min-width:761px) and (max-width:920px){
  body .site-header .desktop-nav{display:none}
  body .site-header .header-cta{margin-left:auto}
  body .site-header .menu-toggle{display:grid;gap:7px;background:none;border:0}
  body .site-header .menu-toggle span{display:block;width:26px;height:1px;background:#fff}
}
