/* TOPSTAR – typographie premium technique + menu « La marque » – 2026-11-07
   Chargé par le module Content box (headerFiles). Pour revenir en arrière :
   désélectionner ce fichier dans Content box > fichiers d'en-tête. */

/* ---------- Typographie ---------- */
#ph_megamenu > li > a {
  font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif !important;
  text-transform: uppercase !important; letter-spacing: .12em !important;
  font-size: 14px !important; font-weight: 500 !important;
}
.product-name {
  font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif !important;
  text-transform: uppercase !important; letter-spacing: .1em !important; font-weight: 400 !important;
}
.content_price .price, .content_price .product-price, #our_price_display {
  font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif !important;
  letter-spacing: .04em !important; font-weight: 500 !important;
}
.badge-nouveaute {
  background: #fff !important; color: #1e2643 !important; border: 1px solid #1e2643 !important;
  border-radius: 0 !important; font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif !important;
  letter-spacing: .16em !important; font-weight: 500 !important; font-size: 10px !important;
}
/* Titres de gamme dans les catégories */
.left-column.gamme p > strong {
  font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; text-transform: uppercase !important;
  letter-spacing: .08em !important; font-weight: 500 !important; color: #1e2643 !important; font-size: 17px !important;
}
body#category .content_scene_cat p, body#category .cat_desc p, body#category #center_column .rte p,
body#cms .rte p { font-size: 15px; line-height: 1.65; }

/* ---------- Menu « La marque » (ordinateur) ---------- */
@media (min-width: 768px) {
  #ph_megamenu > li.menu_link_58 .mega-menu { background: #1e2643 !important; }
  #ph_megamenu > li.menu_link_58 .mega_categories { display: flex !important; gap: 48px; padding: 40px 5vw 44px !important; }
  #ph_megamenu > li.menu_link_58 .mega_categories > .clearfix { display: none !important; }
  #ph_megamenu > li.menu_link_58 .mega_categories > .c-3 {
    flex: 0 0 300px; min-height: 230px; position: relative; float: none !important; width: auto !important;
    background: url(/img/cms/sp1-atelier-geste.jpg) center / cover no-repeat;
  }
  #ph_megamenu > li.menu_link_58 .mega_categories > .c-3 > * { display: none !important; }
  #ph_megamenu > li.menu_link_58 .mega_categories > .c-3::after {
    content: "Atelier près de Bordeaux\A Fabriquée en France depuis 1968.";
    white-space: pre-line; position: absolute; left: 0; right: 0; bottom: 0; padding: 18px 20px;
    background: linear-gradient(transparent, rgba(10,14,30,.85));
    font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif; text-transform: uppercase;
    color: #fff; font-size: 22px; line-height: 1.15; letter-spacing: .02em; text-align: left;
  }
  #ph_megamenu > li.menu_link_58 .mega_categories > .c-9 { flex: 1 1 auto; display: flex !important; gap: 48px; float: none !important; width: auto !important; }
  #ph_megamenu > li.menu_link_58 .ph-type-5 { flex: 1 1 0; float: none !important; width: auto !important; }
  #ph_megamenu > li.menu_link_58 .ph-type-5 > .title { display: none !important; }
  #ph_megamenu > li.menu_link_58 .ts-mm-label {
    font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif; font-size: 12px; letter-spacing: .16em;
    text-transform: uppercase; color: rgba(255,255,255,.55); margin: 0 0 14px; text-align: left;
  }
  #ph_megamenu > li.menu_link_58 .ph-type-5 ul { margin: 0 !important; padding: 0 !important; list-style: none !important;
    border-bottom: 1px solid rgba(255,255,255,.16); }
  #ph_megamenu > li.menu_link_58 .ph-type-5 ul li { margin: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important;
    float: none !important; width: 100% !important; text-align: left !important; }
  #ph_megamenu > li.menu_link_58 .ph-type-5 ul li a {
    display: flex !important; width: 100% !important; justify-content: space-between !important; align-items: center;
    background: none !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important;
    border-top: 1px solid rgba(255,255,255,.16) !important; padding: 13px 0 !important; margin: 0 !important;
    font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size: 16px !important;
    letter-spacing: .08em !important; text-transform: uppercase !important; color: #fff !important; text-align: left !important;
  }
  #ph_megamenu > li.menu_link_58 .ph-type-5 ul li a::after { content: "\2192"; color: rgba(255,255,255,.5); }
  #ph_megamenu > li.menu_link_58 .ph-type-5 ul li a:hover { color: rgba(255,255,255,.7) !important; }
}

/* ---------- Menu principal : OPS (vert OD) et bouton Prendre RDV (07/11) ---------- */
@media (min-width: 768px) {
  #ph_megamenu > li.menu_link_68 > a, #ph_megamenu > li.menu_link_68 > a span { color: #ffffff !important; }
  #ph_megamenu > li.menu_link_68 > a::before {
    content: ""; display: inline-block; width: 7px; height: 7px; background: #5a6b3b;
    margin: 0 8px 1px 0; vertical-align: middle;
  }
  #ph_megamenu > li.menu_link_78 > a {
    border: 1px solid rgba(255,255,255,.85) !important; padding: 7px 14px !important;
    line-height: 1.1 !important; height: auto !important; margin-top: 9px;
  }
  #ph_megamenu > li.menu_link_78 > a:hover { background: #ffffff !important; color: #1e2643 !important; }
}

/* ---------- Fiche produit : bloc « Coups de coeur » -> « Innovations TOPSTAR », sans rouge (07/11) ---------- */
#product #associeted_products .coupsdecoeur .title { font-size: 0 !important; color: #1e2643 !important;
  border-top-color: #1e2643 !important; border-bottom-color: #1e2643 !important; }
#product #associeted_products .coupsdecoeur .title::after { content: "Innovations TOPSTAR"; font-size: 32px; font-weight: 300; line-height: 1.4; }
#product #associeted_products .coupsdecoeur .mention { color: #1e2643 !important; border-top-color: #1e2643 !important; border-bottom-color: #1e2643 !important; }
#product #associeted_products .coupsdecoeur .product-container { background-color: #1e2643 !important; }
#associeted_products .product-name { letter-spacing: .04em !important; font-size: 14px !important; line-height: 1.2 !important; }
/* Bouton « haut de page » : bleu abyssal au lieu du rouge */
#top_window { background-color: #1e2643 !important; }