/*
Theme Name: Kadence Child
Theme URI: https://metrobelleville.paris
Description: Thème enfant de Kadence pour MetroBelleville
Author: MetroBelleville
Template: kadence
Version: 1.0.0
*/

/* ─── FOOTER ROUGE ──────────────────────────────────────────────────────────── */
.site-footer-row.site-footer-row-columns-1,
.site-bottom-footer-inner-wrap {
    background-color: #cc2b2b !important;
}

.site-footer a,
#colophon a {
    color: #ffffff !important;
    text-decoration: none;
}

.site-footer a:hover,
#colophon a:hover {
    opacity: 0.75;
}

/* ─── FOOTER COMPACT MOBILE ─────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .site-bottom-footer-inner-wrap {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .site-footer-row.site-footer-row-columns-1 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
}

/* ─── NAVIGATION MOBILE ─────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
    #site-navigation,
    .header-navigation.main-navigation {
        display: none !important;
    }
    .mobile-trigger,
    .kadence-menu-toggle {
        display: block !important;
    }
}

/* ─── HERO MOBILE ───────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
    .kt-inside-inner-col:has(.hero-tagline) {
        background-size: 150% auto !important;
        background-position: 58% center !important;
    }
}

/* ============================================================
   WOOCOMMERCE — Charte graphique Métro Belleville
   ============================================================ */

/* Body, page, site — fond sombre global */
body,
#page,
.hfeed,
.site {
    background-color: #111111 !important;
}

/* Hero section boutique */
.entry-hero.product-archive-hero-section,
.entry-hero.product-archive-hero-section .entry-hero-container-inner {
    background-color: #111111 !important;
}

.entry-hero.product-archive-hero-section .page-title,
.entry-hero.product-archive-hero-section h1 {
    font-family: 'Bebas Neue', sans-serif !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    letter-spacing: 0.1em;
}

/* Content areas */
.post-type-archive-product .content-area,
.post-type-archive-product .site-main,
.single-product .content-area,
.single-product .site-main,
.woocommerce-cart .content-area,
.woocommerce-checkout .content-area,
.tax-product_cat .content-area {
    background-color: #111111 !important;
}

/* Breadcrumb */
.woocommerce-breadcrumb {
    background-color: #111111 !important;
    color: #888888 !important;
    padding: 12px 0 !important;
}
.woocommerce-breadcrumb a {
    color: #cc0000 !important;
}

/* Grille produits */
ul.products,
ul.products.grid-cols {
    background-color: #111111 !important;
    padding: 0 !important;
}

/* Carte produit */
ul.products li.product,
ul.products li.product.content-bg {
    background-color: #1a1a1a !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 0 !important;
    transition: border-color 0.2s ease, transform 0.2s ease;
}
ul.products li.product:hover {
    border-color: #cc0000 !important;
    transform: translateY(-2px);
}

/* Zone titre/prix sous image — sélecteurs validés */
.product-details,
.product-details.content-bg,
.entry-content-wrap,
.product-details.content-bg.entry-content-wrap {
    background-color: #1a1a1a !important;
    padding: 16px 16px 20px !important;
}

/* Titre produit dans la grille */
.woocommerce-loop-product__title,
ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.08em !important;
    color: #ffffff !important;
    background-color: transparent !important;
}

/* Prix dans la grille */
ul.products li.product .price,
ul.products li.product .price .amount,
.price,
.price .amount,
.woocommerce-Price-amount {
    color: #cc0000 !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
}

/* Bouton "Choisir les options" dans la grille */
ul.products li.product .button {
    background-color: #cc0000 !important;
    color: #ffffff !important;
    border: none !important;
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: 0.95rem !important;
    letter-spacing: 0.1em !important;
    font-weight: 400 !important;
    border-radius: 0 !important;
    padding: 10px 20px !important;
    transition: background-color 0.2s ease !important;
}
ul.products li.product .button:hover {
    background-color: #aa0000 !important;
}

/* Compteur résultats */
.woocommerce-result-count {
    color: #888888 !important;
    font-size: 0.85rem !important;
    background-color: transparent !important;
}

/* Barre de tri */
.woocommerce-ordering select {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border: 1px solid #333333 !important;
    border-radius: 0 !important;
}

/* ─── FICHE PRODUIT ──────────────────────────────────────────────────────────── */

/* Fond fiche produit */
.single-product .entry-content,
.single-product div.product,
.single-product #page,
.single-product .site,
.single-product .hfeed,
.single-product .entry,
.single-product article {
    background-color: #111111 !important;
}

/* Titre produit */
.single-product h1.product_title {
    font-family: 'Bebas Neue', sans-serif !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    letter-spacing: 0.08em !important;
    font-size: 2.2rem !important;
}

/* Prix fiche produit */
.single-product p.price,
.single-product span.price {
    color: #cc0000 !important;
    font-size: 1.6rem !important;
    font-weight: 700 !important;
}

/* Description courte */
.single-product .woocommerce-product-details__short-description {
    color: #bbbbbb !important;
    font-size: 0.95rem !important;
    line-height: 1.7;
}

/* Labels Taille/Coupe */
.single-product table.variations td.label label {
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: 1rem !important;
    letter-spacing: 0.1em !important;
    color: #ffffff !important;
    font-weight: 400 !important;
}

/* Selects variation */
.single-product table.variations select {
    background-color: #222222 !important;
    color: #e0e0e0 !important;
    border: 1px solid #444444 !important;
    border-radius: 0 !important;
    padding: 8px 12px !important;
    font-size: 0.9rem !important;
}
.single-product table.variations select:focus {
    border-color: #cc0000 !important;
    outline: none !important;
}

/* Lien Effacer */
.single-product .reset_variations {
    color: #cc0000 !important;
    font-size: 0.8rem !important;
}

/* Bouton Ajouter au panier */
.single-product button.single_add_to_cart_button {
    background-color: #cc0000 !important;
    color: #ffffff !important;
    border: none !important;
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: 1.1rem !important;
    letter-spacing: 0.15em !important;
    font-weight: 400 !important;
    border-radius: 0 !important;
    padding: 14px 32px !important;
    transition: background-color 0.2s ease !important;
}
.single-product button.single_add_to_cart_button:hover {
    background-color: #aa0000 !important;
}

/* Métadonnées */
.single-product .product_meta {
    color: #888888 !important;
    font-size: 0.85rem !important;
    border-top: 1px solid #2a2a2a;
    padding-top: 16px;
    margin-top: 16px;
}
.single-product .product_meta a {
    color: #cc0000 !important;
}

/* Onglets */
.single-product .woocommerce-tabs ul.tabs {
    background-color: #1a1a1a !important;
    border-bottom: 2px solid #cc0000 !important;
    padding: 0 !important;
}
.single-product .woocommerce-tabs ul.tabs li {
    background-color: #222222 !important;
    border: none !important;
    border-radius: 0 !important;
}
.single-product .woocommerce-tabs ul.tabs li a {
    color: #bbbbbb !important;
    font-family: 'Bebas Neue', sans-serif !important;
    letter-spacing: 0.1em !important;
    font-size: 1rem !important;
}
.single-product .woocommerce-tabs ul.tabs li.active {
    background-color: #cc0000 !important;
}
.single-product .woocommerce-tabs ul.tabs li.active a {
    color: #ffffff !important;
}
.single-product .woocommerce-tabs .panel {
    background-color: #1a1a1a !important;
    color: #bbbbbb !important;
    padding: 24px !important;
    border: 1px solid #2a2a2a !important;
}

/* ─── PANIER / CHECKOUT ──────────────────────────────────────────────────────── */

.woocommerce-cart table.cart,
.woocommerce-checkout form.checkout {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}
.woocommerce-cart table.cart th,
.woocommerce-checkout form.checkout label {
    color: #ffffff !important;
    font-family: 'Bebas Neue', sans-serif !important;
    letter-spacing: 0.08em !important;
    font-weight: 400 !important;
}
.woocommerce-cart table.cart td {
    color: #cccccc !important;
    border-color: #2a2a2a !important;
}
.woocommerce-cart .cart_totals,
.woocommerce-checkout .order-review {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

/* Boutons globaux WooCommerce */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    background-color: #cc0000 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    font-family: 'Bebas Neue', sans-serif !important;
    letter-spacing: 0.1em !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover {
    background-color: #aa0000 !important;
}

/* Champs checkout */
.woocommerce-checkout .woocommerce-input-wrapper input,
.woocommerce-checkout .woocommerce-input-wrapper select,
.woocommerce-checkout .woocommerce-input-wrapper textarea {
    background-color: #222222 !important;
    color: #e0e0e0 !important;
    border: 1px solid #444444 !important;
    border-radius: 0 !important;
}

/* Messages flash */
.woocommerce-message,
.woocommerce-info {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-top-color: #cc0000 !important;
}
.woocommerce-error {
    background-color: #2a0000 !important;
    color: #ffaaaa !important;
    border-top-color: #cc0000 !important;
}
/* Correctif Kadence content-bg */
.content-bg {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}
body.content-bg {
    background-color: #111111 !important;
}