/* ================================================================
   THÈME ATS STUDIOS — habillage dark premium
   Palette : noir #0c0c0c · jaune #fce130 · gris #242424 / #2c2c2c
   Texte #f6f6f6 · Police Mulish
   Fichier chargé automatiquement par le thème classic PrestaShop.
   ================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,400;1,600&display=swap');

:root {
  --ats-black:      #0c0c0c;
  --ats-surface:    #242424;
  --ats-surface-2:  #2c2c2c;
  --ats-yellow:     #fce130;
  --ats-yellow-lt:  #ffe94d;
  --ats-text:       #f6f6f6;
  --ats-muted:      #b8b8b8;
  --ats-violet:     #5d4bbf;
  --ats-border:     #333333;
}

/* ---------- Base ---------- */
body {
  background-color: var(--ats-black) !important;
  color: var(--ats-text) !important;
  font-family: 'Mulish', Arial, sans-serif !important;
}

/* Neutralise les fonds blancs des conteneurs PrestaShop classic */
#wrapper, #content-wrapper, #content, #main, .page-content,
.page-wrapper, .card, .card-block, .block-category,
.featured-products, .page-home, #products, #js-product-list,
.page-header, .elementor-section {
  background-color: transparent !important;
  color: var(--ats-text) !important;
  box-shadow: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Mulish', Arial, sans-serif !important;
  color: var(--ats-text) !important;
  font-weight: 800;
}

p, li, span, td, label, .text-muted { color: inherit; }

a { color: var(--ats-text); transition: color .15s ease; }
a:hover, a:focus { color: var(--ats-yellow); text-decoration: none; }

::selection { background: var(--ats-yellow); color: #000; }

/* ---------- Header ---------- */
#header {
  background-color: var(--ats-black) !important;
  border-bottom: 2px solid var(--ats-yellow);
}
#header .header-top,
#header .header-nav,
.header-top { background-color: var(--ats-black) !important; }

/* Logo blanc ATS (remplace le logo par défaut) */
#_desktop_logo img,
#_mobile_logo img,
.header__logo img { display: none !important; }
#_desktop_logo a,
.header__logo a,
#_mobile_logo a {
  display: inline-block;
  width: 190px; height: 58px;
  background: url('../img/logo-ats-white.svg') no-repeat left center;
  background-size: contain;
}
#_mobile_logo a { width: 150px; height: 46px; }

/* Menu principal */
#_desktop_top_menu .top-menu a,
.header-top a,
.header-nav a { color: var(--ats-text) !important; }
#_desktop_top_menu .top-menu a:hover,
.header-nav a:hover { color: var(--ats-yellow) !important; }

/* Recherche */
#search_widget input[type="text"],
.form-control {
  background-color: var(--ats-surface) !important;
  color: var(--ats-text) !important;
  border: 1px solid var(--ats-border) !important;
}
#search_widget input::placeholder { color: var(--ats-muted); }

/* ---------- Boutons ---------- */
.btn-primary, button.btn-primary,
.btn.btn-primary, #submit-login,
.product-add-to-cart .btn,
.add-to-cart, .cart-content-btn .btn {
  background-color: var(--ats-yellow) !important;
  border-color: var(--ats-yellow) !important;
  color: var(--ats-black) !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.btn-primary:hover, .btn-primary:focus,
.add-to-cart:hover {
  background-color: var(--ats-yellow-lt) !important;
  border-color: var(--ats-yellow-lt) !important;
  color: var(--ats-black) !important;
}
.btn-secondary, .btn-tertiary, .btn-outline-primary {
  background-color: transparent !important;
  border: 1px solid var(--ats-yellow) !important;
  color: var(--ats-yellow) !important;
}
.btn-secondary:hover {
  background-color: var(--ats-yellow) !important;
  color: var(--ats-black) !important;
}

/* ---------- Prix ---------- */
.price, .product-price, .current-price span,
.product-miniature .price, .has-discount .price,
.product-prices .current-price {
  color: var(--ats-yellow) !important;
  font-weight: 800;
}
.regular-price { color: var(--ats-muted) !important; }

/* ---------- Cartes produits ---------- */
.product-miniature .thumbnail-container,
.product-miniature .product-description,
.js-product-miniature {
  background-color: var(--ats-surface) !important;
  border: 1px solid var(--ats-border) !important;
  color: var(--ats-text) !important;
  border-radius: 6px;
}
.product-miniature .product-title a { color: var(--ats-text) !important; }
.product-miniature .product-title a:hover { color: var(--ats-yellow) !important; }

/* Titres de section (Produits en vedette, etc.) */
.products-section-title, .featured-products .products-section-title,
.h2.products-section-title {
  color: var(--ats-text) !important;
  border-bottom: 3px solid var(--ats-yellow);
  display: inline-block;
  padding-bottom: 6px;
  text-transform: uppercase;
}

/* ---------- Footer ---------- */
#footer, .footer-container {
  background-color: #000 !important;
  color: var(--ats-muted) !important;
  border-top: 2px solid var(--ats-yellow);
}
#footer a, .footer-container a, .footer-container li a {
  color: var(--ats-muted) !important;
}
#footer a:hover, .footer-container a:hover { color: var(--ats-yellow) !important; }
.footer-container .h3, #footer .h3 { color: var(--ats-text) !important; }

/* ---------- Divers ---------- */
.breadcrumb, .breadcrumb a { color: var(--ats-muted) !important; }
.breadcrumb a:hover { color: var(--ats-yellow) !important; }
hr { border-color: var(--ats-border) !important; }
.modal-content { background-color: var(--ats-surface) !important; color: var(--ats-text) !important; }