/* Atlas Steel — ajustements Odoo (genere par tools/generer_shims_css.py).
   Ne pas editer a la main : regenerer apres toute mise a jour de la charte.

   1. Les <button> de la SPA deviennent des <a> dans Odoo : on reporte ici
      les regles de la charte pour que le rendu reste identique.
   2. En-tete et pied de page Odoo masques (remplaces par ceux d'Atlas).
   3. Quelques utilitaires propres a l'integration (recherche, menu mobile).
*/

/* ── 1. Elements Odoo masques ─────────────────────────────────────────── */
/* L'en-tete et le pied natifs sont remplaces par ceux d'Atlas Steel (.hd/.ft).
   Le masquage se fait ici, par selecteurs d'identifiant : un xpath
   position="attributes" sur //header est ecrase par les gabarits de website. */
header#top,
footer#bottom{display:none !important}
.atlas-odoo-hidden{display:none !important}

/* ── 2. Report des regles <button> sur les <a> ────────────────────────── */
.hd-nav>li>a{display:flex;align-items:center;height:100%;padding:0 15px;font-family:var(--disp);
  
  font-size:16px;font-weight:400;color:var(--g700);cursor:pointer;transition:color .15s;border:none;
  border-bottom:2px solid transparent;background:none;text-transform:none;letter-spacing:-.012em;
  white-space:nowrap}
.hd-nav>li>a:hover,.hd-nav>li:hover>a{color:var(--ink);border-bottom-color:var(--accent)}
.hd-mega li a{display:block;width:100%;text-align:left;padding:5px 0;font-size:13.5px;color:var(--g700);background:none;border:none;cursor:pointer;transition:color .12s}
.hd-mega li a:hover{color:var(--accent)}
.mg-acc a{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;background:none;border:none;cursor:pointer;padding:0;font-family:var(--mono);font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--ink);transition:color .12s}
.mg-acc a:hover{color:var(--accent)}
.hd-nav>li>a{height:auto;padding:13px 0;border:none;width:100%;font-size:11px}
.ft li a{font-size:13px;color:rgba(255,255,255,.52);background:none;border:none;cursor:pointer;padding:0;text-align:left;transition:color .15s;font-family:inherit}
.ft li a:hover{color:#fff}
.bc a{background:none;border:none;color:var(--accent);cursor:pointer;font:inherit;padding:0}
.bc a:hover{text-decoration:underline}

/* ── 3. Utilitaires d'integration ─────────────────────────────────────── */

/* Barre de recherche de l'en-tete (la SPA ouvre un voile, on garde un champ) */
.hd-search{margin-left:auto;margin-right:9px}
.hd-search input{height:35px;width:150px;border:1px solid var(--g200);
  background:#fff;padding:0 11px;font-family:var(--mono);font-size:10.5px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.hd-search input:focus{outline:none;border-color:var(--ink)}

/* Selecteur de langue : meme gabarit que les icones d'en-tete */
.hd-lang{font-family:var(--mono);font-size:10px;font-weight:600;
  letter-spacing:.08em;color:var(--g600);text-decoration:none;cursor:pointer}
.hd-lang:hover{border-color:var(--ink);color:var(--ink)}

/* Bloc « Toute la gamme » en bas du mega-menu */
.mg-bas{margin-top:14px;padding-top:12px;border-top:1px solid var(--g200)}

/* NB : le bouton hamburger (.hd-toggle) est deja gere par la charte
   (display:none puis display:block dans la media query 960px). */