/* Thème Atelier : il utilise les valeurs de base de assets/css/app.css. */

/* Entre 981 et 1100 px le menu complet ne tient pas toujours (libellés français) : menu dans un tiroir à droite. */
@media (min-width: 981px) and (max-width: 1100px) {
  body[data-theme="atelier"] .main-nav, body[data-theme="atelier"] .lang-switch, body[data-theme="atelier"] .header-search { display: none; }
  body[data-theme="atelier"] .nav-toggle { display: inline-grid; }
  body[data-theme="atelier"] .header-tools { margin-left: auto; }
  body[data-theme="atelier"] .mobile-nav { position: fixed; top: var(--header-h); right: 0; bottom: 0; left: auto; width: min(420px, 100%); z-index: 49; padding: 16px 24px 40px; overflow-y: auto; background: var(--c-surface); color: var(--c-ink); box-shadow: var(--shadow-pop); }
  body[data-theme="atelier"] .mobile-nav.is-open { display: block; }
  body[data-theme="atelier"] .mobile-nav a { display: flex; align-items: center; gap: 12px; padding: 14px 4px; border-bottom: var(--border); color: inherit; text-decoration: none; font-weight: 600; font-size: 1.05rem; }
  body[data-theme="atelier"] .mobile-nav .lang-row { display: flex; gap: 8px; margin-top: 18px; }
  body[data-theme="atelier"] .mobile-nav .lang-row a { border: var(--border); border-radius: var(--radius); padding: 8px 14px; font-size: .95rem; }
}