/* ── mGalaxy Shop — Branding custom.css ─────────────────
   Surcharge du thème Storefront pour correspondre à l'identité
   visuelle du site vitrine mgalaxy.com
   ────────────────────────────────────────────────────── */

/* Typo */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* Tokens */
:root {
  --mg-bg:       #1e1e1e;
  --mg-fg:       #fafafa;
  --mg-primary:  #d87a2e;
  --mg-card:     #272727;
  --mg-border:   #363636;
  --mg-muted:    #9a9a9a;
  --mg-radius:   8px;
}

/* ── Base ────────────────────────────────────────────── */
body {
  background-color: var(--mg-bg);
  color: var(--mg-fg);
  font-family: 'Inter', sans-serif;
  font-size: 17px;
  line-height: 1.65;
}

h1 { font-size: 2rem; }
h2 { font-size: 1.6rem; }
h3 { font-size: 1.3rem; }

.woocommerce-loop-product__title {
  font-size: 1.05rem !important;
}

.price,
.woocommerce-Price-amount {
  font-size: 1.1rem !important;
}

.button,
a.button,
button,
input[type="submit"] {
  font-size: 0.95rem !important;
}

a {
  color: var(--mg-primary);
}
a:hover {
  color: var(--mg-fg);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--mg-fg);
  font-family: 'Inter', sans-serif;
}

p, li, td, th, label, span {
  color: var(--mg-fg);
}

/* ── Header ──────────────────────────────────────────── */
.site-header {
  background-color: #161616 !important;
  border-bottom: 1px solid var(--mg-border) !important;
}

.site-header .site-title a,
.site-header .site-title a:visited {
  color: var(--mg-fg) !important;
}

.site-header .site-description {
  color: var(--mg-muted) !important;
}

/* Icône panier dans le header */
.site-header-cart .cart-contents {
  color: var(--mg-fg);
}
.site-header-cart .cart-contents:hover {
  color: var(--mg-primary);
}

/* Popup mini-cart */
.site-header-cart .widget_shopping_cart,
.site-header-cart .widget_shopping_cart .widget_shopping_cart_content {
  background-color: var(--mg-card) !important;
  border: 1px solid var(--mg-border) !important;
  color: var(--mg-fg) !important;
}

.site-header-cart .widget_shopping_cart a,
.site-header-cart .widget_shopping_cart .woocommerce-mini-cart__product-link {
  color: var(--mg-fg) !important;
}

.site-header-cart .widget_shopping_cart .woocommerce-Price-amount {
  color: var(--mg-primary) !important;
}

.site-header-cart .widget_shopping_cart .quantity {
  color: var(--mg-muted) !important;
}

.site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total {
  background-color: var(--mg-card) !important;
  border-top: 1px solid var(--mg-border) !important;
  color: var(--mg-fg) !important;
}

.site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons {
  background-color: var(--mg-card) !important;
}

.site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons a.button {
  background-color: #4a9edd !important;
  color: #fff !important;
  border-color: #4a9edd !important;
}

.site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons a.button:hover {
  background-color: #3a8ecd !important;
  border-color: #3a8ecd !important;
}

/* ── Navigation ──────────────────────────────────────── */
.main-navigation ul li a,
ul.menu li a,
.handheld-navigation .dropdown-toggle {
  color: var(--mg-muted) !important;
}
.main-navigation ul li a:hover,
.main-navigation ul li:hover > a,
ul.menu li a:hover {
  color: var(--mg-fg) !important;
}
.main-navigation ul li.current-menu-item > a,
ul.menu li.current-menu-item > a {
  color: var(--mg-primary) !important;
}

/* Sous-menus */
.main-navigation ul ul {
  background-color: #161616;
  border: 1px solid var(--mg-border);
}

/* ── En-têtes de page WooCommerce — padding réduit ──── */
.storefront-full-width-content.woocommerce-cart .entry-header,
.storefront-full-width-content.woocommerce-checkout .entry-header,
.storefront-full-width-content.woocommerce-account .entry-header,
.storefront-full-width-content .woocommerce-products-header {
  padding-bottom: 2rem !important;
}

/* ── Contenu principal ───────────────────────────────── */
.site-content {
  background-color: var(--mg-bg);
}

.woocommerce-result-count {
  color: var(--mg-muted);
}

.woocommerce-ordering select {
  background-color: var(--mg-card);
  color: var(--mg-fg);
  border: 1px solid var(--mg-border);
  border-radius: var(--mg-radius);
}

/* ── Cartes produits ─────────────────────────────────── */
ul.products li.product {
  background-color: var(--mg-card);
  border: 1px solid var(--mg-border);
  border-radius: var(--mg-radius);
  padding: 1rem;
  transition: border-color 0.2s, transform 0.2s;
}

ul.products li.product:hover {
  border-color: var(--mg-primary);
  transform: translateY(-2px);
}

ul.products li.product .woocommerce-loop-product__title {
  color: var(--mg-fg);
  font-size: 1rem;
  font-weight: 600;
}

ul.products li.product .price {
  color: var(--mg-primary);
  font-weight: 700;
}

ul.products li.product .price del {
  color: var(--mg-muted);
  font-weight: 400;
}

ul.products li.product img {
  border-radius: calc(var(--mg-radius) - 2px);
}

/* ── Boutons ─────────────────────────────────────────── */

/* Boutons secondaires (défaut) */
.button,
button,
input[type="button"],
input[type="reset"],
a.button {
  background-color: var(--mg-card) !important;
  color: var(--mg-fg) !important;
  border: 1px solid var(--mg-border) !important;
  border-radius: var(--mg-radius) !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  transition: background-color 0.2s, border-color 0.2s !important;
}

.button:hover,
button:hover,
input[type="button"]:hover,
a.button:hover {
  background-color: var(--mg-border) !important;
  color: var(--mg-fg) !important;
  border-color: var(--mg-muted) !important;
}

/* Boutons primaires (actions principales) */
.woocommerce a.button.add_to_cart_button,
.woocommerce a.button.single_add_to_cart_button,
.woocommerce button.single_add_to_cart_button,
.woocommerce a.checkout-button,
.woocommerce #place_order,
.woocommerce .wc-proceed-to-checkout .button,
.woocommerce input[type="submit"],
.woocommerce-page input[type="submit"] {
  background-color: var(--mg-primary) !important;
  color: #fff !important;
  border-color: var(--mg-primary) !important;
}

.woocommerce a.button.add_to_cart_button:hover,
.woocommerce a.button.single_add_to_cart_button:hover,
.woocommerce button.single_add_to_cart_button:hover,
.woocommerce a.checkout-button:hover,
.woocommerce #place_order:hover,
.woocommerce input[type="submit"]:hover {
  background-color: #bf6a24 !important;
  border-color: #bf6a24 !important;
  color: #fff !important;
}

/* ── Formulaires ─────────────────────────────────────── */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
textarea,
select {
  background-color: var(--mg-card) !important;
  color: var(--mg-fg) !important;
  border: 1px solid var(--mg-border) !important;
  border-radius: var(--mg-radius) !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
  border-color: var(--mg-primary) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(216,122,46,0.25) !important;
}

label {
  color: var(--mg-fg);
}

/* ── Page produit unique ─────────────────────────────── */
.single-product .product_title {
  color: var(--mg-fg);
}

.single-product .price {
  color: var(--mg-primary);
  font-size: 1.5rem;
  font-weight: 700;
}

.woocommerce-product-details__short-description {
  color: var(--mg-muted);
}

.woocommerce-tabs .tabs li a {
  color: var(--mg-muted);
}
.woocommerce-tabs .tabs li.active a {
  color: var(--mg-fg);
  border-bottom-color: var(--mg-primary);
}

/* ── Cart / Checkout ─────────────────────────────────── */
.woocommerce table.shop_table {
  background-color: var(--mg-card);
  border: 1px solid var(--mg-border);
  border-radius: var(--mg-radius);
}

.woocommerce table.shop_table th {
  background-color: #161616;
  color: var(--mg-muted);
  border-bottom: 1px solid var(--mg-border);
}

.woocommerce table.shop_table td {
  border-bottom: 1px solid var(--mg-border);
  color: var(--mg-fg);
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review {
  background-color: var(--mg-card);
  border: 1px solid var(--mg-border);
  border-radius: var(--mg-radius);
  padding: 1.5rem;
}

/* ── Notifications WooCommerce ───────────────────────── */
.woocommerce-message,
.woocommerce-info {
  background-color: var(--mg-card);
  color: var(--mg-fg);
  border-top-color: var(--mg-primary);
}

.woocommerce-error {
  background-color: var(--mg-card);
  color: #f87171;
  border-top-color: #f87171;
}

/* ── Breadcrumb — supprimé ───────────────────────────── */
.storefront-breadcrumb {
  display: none !important;
  
}

/* ── Header margin-bottom — pages spécifiques ────────── */
.home.blog .site-header,
.home.page:not(.page-template-template-homepage) .site-header,
.home.post-type-archive-product .site-header {
  margin-bottom: 1rem !important;
}

/* ── Tri & compteur — inutile avec 4 produits ────────── */
.woocommerce-ordering,
.woocommerce-result-count {
  display: none !important;
}

/* ── Footer ──────────────────────────────────────────── */
.site-footer {
  background-color: #161616 !important;
  border-top: 1px solid var(--mg-border) !important;
  color: var(--mg-muted) !important;
}

.site-footer a {
  color: var(--mg-muted) !important;
}
.site-footer a:hover {
  color: var(--mg-primary) !important;
}

/* Masque "Built with WooCommerce" */
.site-info {
  display: none !important;
}

/* Barre mobile Storefront */
.storefront-handheld-footer-bar {
  background-color: #161616 !important;
  border-top: 1px solid var(--mg-border) !important;
}

.storefront-handheld-footer-bar ul li a {
  color: var(--mg-fg) !important;
}