/*
Theme Name: Mayana Tunnel
Theme URI: https://mayanadistrib.yt
Description: Thème de marque Mayana Distrib (enfant de Twenty Twenty-Four). Réutilise le header/footer + CSS exacts du site sur les pages WooCommerce (compte, connexion, checkout, merci). Remplace GoStore.
Template: twentytwentyfour
Version: 1.1.2
*/

:root{ --m-ink:#161616; --m-cta:#fa9500; --m-warm:#ff6900; --m-price:#f50000; --m-line:#ededeb; --m-soft:#f4f3f1; --m-bg:#fafafa; }

/* On masque l'entête/pied par défaut de Twenty Twenty-Four : on injecte le VRAI header/footer du site. */
.wp-site-blocks > header.wp-block-template-part,
.wp-site-blocks > footer.wp-block-template-part{ display:none !important; }

body{ background:var(--m-bg); color:var(--m-ink); }

/* Conteneur des pages WC */
.woocommerce, .wp-block-woocommerce-checkout, .wp-block-woocommerce-cart,
.woocommerce-account .woocommerce, .woocommerce-checkout #content, .entry-content > .woocommerce{
  max-width:1180px; margin:28px auto; padding:0 clamp(16px,5vw,48px);
}
h1.entry-title, .wc-block-components-title, .woocommerce-account h1, .woocommerce-checkout h1{
  font-family:'Poppins',sans-serif; letter-spacing:-.4px; color:var(--m-ink);
}

/* Boutons WooCommerce -> charte */
.button, .wp-element-button, .wc-block-components-button,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
  background:var(--m-cta) !important; border-color:var(--m-cta) !important; color:#fff !important;
  border-radius:12px !important; font-weight:700 !important; box-shadow:none !important;
}
.button:hover, .wp-element-button:hover, .wc-block-components-button:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover{ background:var(--m-warm) !important; border-color:var(--m-warm) !important; }

a{ color:var(--m-ink); }
.woocommerce a:hover{ color:var(--m-cta); }
.price, .woocommerce-Price-amount, .wc-block-components-product-price{ color:var(--m-price) !important; font-weight:700; }

.woocommerce form .form-row input.input-text, .woocommerce-account input, .wc-block-components-text-input input, .input-text, select, textarea{
  border:1.5px solid var(--m-line) !important; border-radius:11px !important; background:#fff !important; padding:12px 14px !important;
}

.woocommerce-MyAccount-navigation ul li{ border-radius:10px; margin-bottom:4px; }
.woocommerce-MyAccount-navigation ul li.is-active a{ background:var(--m-ink); color:#fff; border-radius:10px; }

/* === Correctif lisibilité tunnel WooCommerce (fond sombre hérité -> clair) === */
body.woocommerce-checkout, body.woocommerce-cart, body.woocommerce-account, body.woocommerce-page,
body.woocommerce-checkout .wp-site-blocks, body.woocommerce-account .wp-site-blocks, body.woocommerce-cart .wp-site-blocks,
body.woocommerce-checkout main, body.woocommerce-account main, body.woocommerce-cart main{
  background:#fafafa !important; color:#161616 !important;
}
.woocommerce-checkout h1,.woocommerce-checkout h2,.woocommerce-checkout h3,.woocommerce-checkout label,
.woocommerce-checkout #order_review_heading,.woocommerce-checkout p,.woocommerce-checkout td,.woocommerce-checkout th,
.woocommerce-account h1,.woocommerce-account h2,.woocommerce-account h3,.woocommerce-account label,.woocommerce-account p,
.woocommerce-cart h1,.woocommerce-cart h2,.woocommerce-cart label,.woocommerce-cart td,.woocommerce-cart th{
  color:#161616 !important;
}
.woocommerce-checkout main .woocommerce,.woocommerce-account main .woocommerce,.woocommerce-cart main .woocommerce{
  max-width:1180px; margin-left:auto; margin-right:auto;
}

/* === Alignement esthétique tunnel WooCommerce sur la base de design (Poppins/Inter) === */
.woocommerce-checkout, .woocommerce-cart, .woocommerce-account,
.woocommerce-checkout input, .woocommerce-checkout select, .woocommerce-checkout textarea,
.woocommerce-checkout label, .woocommerce-checkout p, .woocommerce-checkout td, .woocommerce-checkout th,
.woocommerce-checkout li, .woocommerce-checkout a, .woocommerce-checkout span,
.woocommerce-cart input, .woocommerce-cart td, .woocommerce-cart th, .woocommerce-cart label,
.woocommerce-account input, .woocommerce-account p, .woocommerce-account td, .woocommerce-account th, .woocommerce-account label {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
/* Titres de section -> Poppins 700 */
.woocommerce-checkout h1, .woocommerce-checkout h2, .woocommerce-checkout h3, .woocommerce-checkout #order_review_heading,
.woocommerce-cart h1, .woocommerce-cart h2, .woocommerce-account h1, .woocommerce-account h2, .woocommerce-account h3 {
  font-family: 'Poppins', sans-serif !important; font-weight: 700 !important; letter-spacing: -.3px; color: #161616 !important;
}
.woocommerce-checkout h3, .woocommerce-checkout #order_review_heading {
  font-size: 20px !important; line-height: 1.3 !important; margin: 0 0 16px !important;
}
/* Champs -> style codé exact */
.woocommerce-checkout input.input-text, .woocommerce-checkout textarea,
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-checkout select,
.woocommerce-cart input.input-text, .select2-container--default .select2-selection--single {
  border: 1.5px solid #ededeb !important; background: #fafafa !important; border-radius: 11px !important;
  padding: 12px 14px !important; font-size: 14px !important; color: #161616 !important; min-height: 46px; box-shadow: none !important; line-height: 1.4 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered { color: #161616 !important; line-height: 22px !important; padding-left: 0 !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px !important; }
.woocommerce-checkout .form-row label, .woocommerce-checkout .woocommerce-billing-fields label, .woocommerce-checkout .woocommerce-additional-fields label {
  font-size: 13px !important; font-weight: 600 !important; color: #4a4a4a !important;
}
/* Bouton Commander -> CTA codé */
.woocommerce #payment #place_order, .woocommerce-checkout #place_order {
  font-family: 'Poppins', sans-serif !important; font-weight: 600 !important; font-size: 15.5px !important;
  background: #fa9500 !important; color: #fff !important; border: none !important; border-radius: 12px !important;
  padding: 15px 28px !important; box-shadow: 0 8px 20px rgba(250,149,0,.28) !important; width: 100%; transition: background .15s;
}
.woocommerce #payment #place_order:hover { background: #ff6900 !important; }
/* Moyens de paiement + tableau récap */
.woocommerce-checkout ul.payment_methods li label, .woocommerce-checkout ul.wc_payment_methods label { font-size: 14px !important; font-weight: 600 !important; color: #161616 !important; }
.woocommerce-checkout #payment ul.payment_methods { border: 1px solid #ededeb !important; background: #fff !important; border-radius: 14px !important; }
.woocommerce-checkout-review-order-table th { font-family: 'Poppins', sans-serif !important; font-weight: 700 !important; font-size: 14px !important; color: #161616 !important; }
.woocommerce-checkout-review-order-table td, .woocommerce-checkout-review-order-table td .amount { font-size: 14px !important; }
.woocommerce-checkout-review-order-table .order-total .amount, .woocommerce-checkout .cart-subtotal .amount { color: #f50000 !important; font-weight: 700 !important; }
/* Liens / notices à la charte */
.woocommerce-checkout a { color: #fa9500; }
.woocommerce-info, .woocommerce-message { border-top-color: #fa9500 !important; }
.woocommerce-info::before, .woocommerce-message::before { color: #fa9500 !important; }