/*
Theme Name: Kadence Child - RacbyShop
Template: kadence
Version: 1.0.0
Text Domain: kadence-child-racbyshop
*/

/* (optionnel) styles globaux enfant ici */

/* ===============================
   KADENCE - UNDERLINE (menu + sous-menu)
   À coller en DERNIER dans style.css
   =============================== */

/* On rend le "wrap" du titre positionnable */
#masthead .primary-menu-container a .nav-drop-title-wrap,
#masthead .primary-menu-container .sub-menu a .nav-drop-title-wrap{
  position: relative;
  display: inline-block;
}

/* Le trait */
#masthead .primary-menu-container a .nav-drop-title-wrap::after,
#masthead .primary-menu-container .sub-menu a .nav-drop-title-wrap::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;          /* ajuste si besoin */
  height: 2px;
  background: #d4af37;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s ease;
  opacity: .95;
}

/* Hover */
#masthead .primary-menu-container li:hover > a .nav-drop-title-wrap::after,
#masthead .primary-menu-container .sub-menu li:hover > a .nav-drop-title-wrap::after{
  transform: scaleX(1);
}

/* Actif / Ancêtre (page courante, catégorie courante, etc.) */
#masthead .primary-menu-container li.current-menu-item > a .nav-drop-title-wrap::after,
#masthead .primary-menu-container li.current-menu-ancestor > a .nav-drop-title-wrap::after,
#masthead .primary-menu-container li.current-menu-parent > a .nav-drop-title-wrap::after{
  transform: scaleX(1);
}

/* Fallback si un menu n'a pas le span (rare) */
#masthead .primary-menu-container > ul > li > a,
#masthead .primary-menu-container .sub-menu a{
  position: relative;
}
#masthead .primary-menu-container > ul > li > a::after,
#masthead .primary-menu-container .sub-menu a::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  height: 2px;
  background: #d4af37;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s ease;
  opacity: .95;
}
#masthead .primary-menu-container > ul > li:hover > a::after,
#masthead .primary-menu-container .sub-menu li:hover > a::after{
  transform: scaleX(1);
}
/**
 * RACBYSHOP - STYLES GLOBAUX PREMIUM v2
 * =======================================
 * À COLLER À LA FIN de style.css du thème enfant
 * REMPLACE la version précédente (racbyshop-global-styles.css)
 *
 * EXCLUT le checkout pour éviter les conflits avec les blocs WooCommerce
 */

:root {
  --racby-gold: #D4AF37;
  --racby-gold-dark: #B8960F;
  --racby-violet: #6B46C1;
  --racby-violet-light: #9F7AEA;
  --racby-violet-dark: #553C9A;
  --racby-black: #1a1a1a;
  --racby-white: #ffffff;
  --racby-gray-50: #fafafa;
  --racby-gray-100: #f5f5f5;
  --racby-gray-200: #e5e5e5;
  --racby-gray-300: #d4d4d4;
  --racby-gray-400: #a3a3a3;
  --racby-gray-500: #737373;
  --racby-gray-700: #404040;
}

/* ==========================================
   1. BOUTONS WOOCOMMERCE
   (PAS le checkout = exclure .woocommerce-checkout)
   ========================================== */

/* Boutons principaux - shop, panier, page produit */
.woocommerce:not(.woocommerce-checkout) .button.alt,
.woocommerce:not(.woocommerce-checkout) button.button.alt,
.woocommerce:not(.woocommerce-checkout) a.button.alt,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
button.single_add_to_cart_button {
  background: linear-gradient(135deg, var(--racby-black) 0%, var(--racby-violet) 100%) !important;
  color: var(--racby-white) !important;
  border: none !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  padding: 14px 28px !important;
  font-size: 14px !important;
}

.woocommerce:not(.woocommerce-checkout) .button.alt:hover,
.woocommerce:not(.woocommerce-checkout) button.button.alt:hover,
.woocommerce:not(.woocommerce-checkout) a.button.alt:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
button.single_add_to_cart_button:hover {
  background: linear-gradient(135deg, var(--racby-violet) 0%, var(--racby-black) 100%) !important;
  color: var(--racby-gold) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(107, 70, 193, 0.35) !important;
}

/* Boutons dans les cartes produits (shop, catégories) */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product a.product_type_variable {
  background: linear-gradient(135deg, var(--racby-black) 0%, var(--racby-violet) 100%) !important;
  color: var(--racby-white) !important;
  border: none !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  padding: 10px 20px !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
  text-align: center !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.button:hover {
  background: linear-gradient(135deg, var(--racby-violet) 0%, var(--racby-black) 100%) !important;
  color: var(--racby-gold) !important;
  box-shadow: 0 4px 16px rgba(107, 70, 193, 0.3) !important;
}

/* ==========================================
   2. INPUTS - Shop + Panier (PAS checkout)
   ========================================== */

.woocommerce:not(.woocommerce-checkout) input[type="text"],
.woocommerce:not(.woocommerce-checkout) input[type="email"],
.woocommerce:not(.woocommerce-checkout) input[type="number"],
.woocommerce:not(.woocommerce-checkout) input[type="search"],
.woocommerce:not(.woocommerce-checkout) textarea {
  border: 2px solid var(--racby-gray-200) !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  font-size: 15px !important;
  color: var(--racby-black) !important;
  background: var(--racby-white) !important;
  transition: border-color 0.3s ease !important;
  outline: none !important;
}

.woocommerce:not(.woocommerce-checkout) input[type="text"]:focus,
.woocommerce:not(.woocommerce-checkout) input[type="email"]:focus,
.woocommerce:not(.woocommerce-checkout) input[type="number"]:focus {
  border-color: var(--racby-violet) !important;
  box-shadow: 0 0 0 3px rgba(107, 70, 193, 0.12) !important;
}

/* ==========================================
   3. SELECTS - Shop + Panier (PAS checkout)
   ========================================== */

.woocommerce:not(.woocommerce-checkout) select,
select.orderby {
  border: 2px solid var(--racby-gray-200) !important;
  border-radius: 12px !important;
  padding: 12px 40px 12px 16px !important;
  font-size: 15px !important;
  color: var(--racby-black) !important;
  background-color: var(--racby-white) !important;
  transition: border-color 0.3s ease !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236B46C1' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  cursor: pointer !important;
  outline: none !important;
}

.woocommerce:not(.woocommerce-checkout) select:focus,
select.orderby:focus {
  border-color: var(--racby-violet) !important;
  box-shadow: 0 0 0 3px rgba(107, 70, 193, 0.12) !important;
}

/* ==========================================
   4. CUSTOM SELECT DROPDOWN SCROLLBAR
   ========================================== */

.rcb-sel-drop::-webkit-scrollbar { width: 6px; }
.rcb-sel-drop::-webkit-scrollbar-track { background: #262626; }
.rcb-sel-drop::-webkit-scrollbar-thumb { background: var(--racby-violet); border-radius: 3px; }
.rcb-sel-drop { scrollbar-width: thin; scrollbar-color: var(--racby-violet) #262626; }

/* ==========================================
   5. TABLEAU PANIER
   ========================================== */

.woocommerce table.shop_table {
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid var(--racby-gray-200) !important;
}

.woocommerce table.shop_table th {
  background: var(--racby-gray-50) !important;
  font-weight: 700 !important;
  color: var(--racby-black) !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
}

.woocommerce a.remove {
  color: var(--racby-gray-400) !important;
  transition: color 0.3s ease !important;
}
.woocommerce a.remove:hover {
  color: #ef4444 !important;
  background: transparent !important;
}

/* ==========================================
   6. MESSAGES / NOTICES
   ========================================== */

.woocommerce-message,
.woocommerce-info { border-top-color: var(--racby-violet) !important; }
.woocommerce-message::before,
.woocommerce-info::before { color: var(--racby-violet) !important; }

/* ==========================================
   7. BREADCRUMBS
   ========================================== */

.woocommerce .woocommerce-breadcrumb a { color: var(--racby-violet) !important; text-decoration: none !important; }
.woocommerce .woocommerce-breadcrumb a:hover { color: var(--racby-gold) !important; }

/* ==========================================
   8. PAGINATION
   ========================================== */

.woocommerce nav.woocommerce-pagination ul li a {
  border-radius: 8px !important;
  border-color: var(--racby-gray-200) !important;
  transition: all 0.3s ease !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: var(--racby-violet) !important;
  color: var(--racby-white) !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--racby-black) !important;
  color: var(--racby-gold) !important;
  border-color: var(--racby-black) !important;
}

/* ==========================================
   9. PRIX GLOBAUX
   ========================================== */

.woocommerce del .woocommerce-Price-amount { color: var(--racby-gray-400) !important; }
.woocommerce ins .woocommerce-Price-amount { color: var(--racby-gold-dark) !important; font-weight: 800 !important; }

/* ==========================================
   10. MOBILE - BOUTONS FULL WIDTH
   ========================================== */

@media (max-width: 768px) {
  .woocommerce:not(.woocommerce-checkout) .button.alt,
  .woocommerce:not(.woocommerce-checkout) a.button.alt,
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    width: 100% !important;
    text-align: center !important;
  }
}
/**
 * RACBYSHOP - PANIER & CHECKOUT PREMIUM
 * =======================================
 * À COLLER À LA FIN de style.css du thème enfant
 * APRÈS le bloc global styles
 * 
 * Styles légers et sûrs pour ne PAS casser
 * les composants WooCommerce Blocks / Stripe
 */

/* ==========================================
   PANIER - PAGE
   ========================================== */

/* Tableau panier */
.woocommerce-cart table.shop_table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid #e5e5e5 !important;
}

.woocommerce-cart table.shop_table th {
  background: #fafafa !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  letter-spacing: 1.2px !important;
  padding: 16px 12px !important;
}

.woocommerce-cart table.shop_table td {
  padding: 20px 12px !important;
  vertical-align: middle !important;
  border-bottom: 1px solid #f5f5f5 !important;
}

/* Image produit panier */
.woocommerce-cart table.shop_table td.product-thumbnail img {
  border-radius: 10px !important;
  width: 80px !important;
  height: 80px !important;
  object-fit: cover !important;
}

/* Nom du produit */
.woocommerce-cart table.shop_table td.product-name a {
  color: #1a1a1a !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  transition: color 0.3s ease !important;
}

.woocommerce-cart table.shop_table td.product-name a:hover {
  color: #6B46C1 !important;
}

/* Variations dans le panier */
.woocommerce-cart table.shop_table td.product-name .variation {
  font-size: 12px !important;
  color: #737373 !important;
  margin-top: 4px !important;
}

/* Prix */
.woocommerce-cart table.shop_table td.product-price,
.woocommerce-cart table.shop_table td.product-subtotal {
  font-weight: 700 !important;
  color: #1a1a1a !important;
  font-size: 15px !important;
}

/* Bouton supprimer */
.woocommerce-cart table.shop_table a.remove {
  color: #a3a3a3 !important;
  font-size: 22px !important;
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  transition: all 0.3s ease !important;
}

.woocommerce-cart table.shop_table a.remove:hover {
  background: #fef2f2 !important;
  color: #ef4444 !important;
}

/* Coupon input */
.woocommerce-cart .coupon input[type="text"] {
  border: 2px solid #e5e5e5 !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  height: 48px !important;
  transition: border-color 0.3s ease !important;
}

.woocommerce-cart .coupon input[type="text"]:focus {
  border-color: #6B46C1 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(107, 70, 193, 0.12) !important;
}

/* Bouton Appliquer coupon */
.woocommerce-cart .coupon button,
.woocommerce-cart .coupon .button {
  background: #fff !important;
  color: #1a1a1a !important;
  border: 2px solid #e5e5e5 !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 12px 20px !important;
  height: 48px !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
}

.woocommerce-cart .coupon button:hover,
.woocommerce-cart .coupon .button:hover {
  border-color: #6B46C1 !important;
  color: #6B46C1 !important;
}

/* Bouton Mettre à jour */
.woocommerce-cart button[name="update_cart"],
.woocommerce-cart input[name="update_cart"] {
  background: #fff !important;
  color: #1a1a1a !important;
  border: 2px solid #e5e5e5 !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 12px 24px !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
}

.woocommerce-cart button[name="update_cart"]:hover {
  border-color: #6B46C1 !important;
  color: #6B46C1 !important;
}

.woocommerce-cart button[name="update_cart"]:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

/* Totaux panier */
.woocommerce-cart .cart_totals {
  border-radius: 16px !important;
  overflow: hidden !important;
}

.woocommerce-cart .cart_totals h2 {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  margin-bottom: 16px !important;
}

.woocommerce-cart .cart_totals table {
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid #e5e5e5 !important;
}

.woocommerce-cart .cart_totals table th {
  font-weight: 600 !important;
  color: #1a1a1a !important;
  background: #fafafa !important;
}

/* Bouton "Passer commande" */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  background: linear-gradient(135deg, #1a1a1a 0%, #6B46C1 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 14px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  padding: 18px 28px !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  background: linear-gradient(135deg, #6B46C1 0%, #1a1a1a 100%) !important;
  color: #D4AF37 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(107, 70, 193, 0.35) !important;
}

/* ==========================================
   PANIER VIDE
   ========================================== */

.woocommerce-cart .cart-empty {
  text-align: center !important;
  padding: 60px 20px !important;
  font-size: 16px !important;
  color: #737373 !important;
}

.woocommerce-cart .return-to-shop a {
  background: linear-gradient(135deg, #1a1a1a 0%, #6B46C1 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 14px 28px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  transition: all 0.3s ease !important;
}

.woocommerce-cart .return-to-shop a:hover {
  background: linear-gradient(135deg, #6B46C1 0%, #1a1a1a 100%) !important;
  color: #D4AF37 !important;
}

/**
 * RACBYSHOP - PANIER & CHECKOUT (WC BLOCKS)
 * ============================================
 * REMPLACE racbyshop-cart-checkout.css
 * À COLLER À LA FIN de style.css du thème enfant
 * 
 * Cible la structure WooCommerce Blocks
 * (pas le panier shortcode classique)
 */

/* ==========================================
   PANIER - WC BLOCKS
   ========================================== */

/* Container panier */
.wc-block-cart {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* En-tête colonnes */
.wc-block-cart .wc-block-cart__main .wc-block-cart-items th,
.wc-block-cart-items__header span {
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  letter-spacing: 1.2px !important;
  color: #1a1a1a !important;
}

/* Image produit */
.wc-block-cart-item__image img,
.wc-block-cart .wc-block-components-product-image img {
  border-radius: 10px !important;
  object-fit: cover !important;
}

/* Nom produit */
.wc-block-cart-item__product .wc-block-components-product-name,
.wc-block-cart .wc-block-components-product-name {
  color: #1a1a1a !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  font-size: 14px !important;
  transition: color 0.3s ease !important;
}

.wc-block-cart .wc-block-components-product-name:hover {
  color: #6B46C1 !important;
}

/* Metadata (couleur, taille) */
.wc-block-cart .wc-block-components-product-metadata {
  font-size: 12px !important;
  color: #737373 !important;
}

/* Prix */
.wc-block-cart .wc-block-components-product-price,
.wc-block-cart .wc-block-cart-item__total .wc-block-components-product-price {
  font-weight: 700 !important;
  color: #1a1a1a !important;
}

/* Lien supprimer */
.wc-block-cart .wc-block-cart-item__remove-link,
.wc-block-cart .wc-block-components-product-details + a {
  color: #a3a3a3 !important;
  font-size: 12px !important;
  transition: color 0.3s ease !important;
}

.wc-block-cart .wc-block-cart-item__remove-link:hover {
  color: #ef4444 !important;
}

/* ==========================================
   QUANTITÉ DANS LE PANIER BLOCKS
   ========================================== */

/* Les WC Blocks ont leur propre quantity UI
   On la style sans la remplacer */
.wc-block-cart .wc-block-components-quantity-selector {
  border: 2px solid #e5e5e5 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: border-color 0.3s ease !important;
}

.wc-block-cart .wc-block-components-quantity-selector:hover,
.wc-block-cart .wc-block-components-quantity-selector:focus-within {
  border-color: #6B46C1 !important;
}

.wc-block-cart .wc-block-components-quantity-selector input {
  font-weight: 700 !important;
  font-size: 15px !important;
  color: #1a1a1a !important;
}

.wc-block-cart .wc-block-components-quantity-selector button {
  color: #1a1a1a !important;
  transition: all 0.2s ease !important;
}

.wc-block-cart .wc-block-components-quantity-selector button:hover {
  background: #6B46C1 !important;
  color: #fff !important;
}

/* ==========================================
   SIDEBAR PANIER (TOTAL)
   ========================================== */

.wc-block-cart .wc-block-cart__sidebar {
  background: transparent !important;
}

/* Titre "Total panier" */
.wc-block-cart .wc-block-cart__totals-title,
.wc-block-cart .wc-block-components-totals-wrapper h2 {
  font-weight: 700 !important;
  color: #1a1a1a !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* Code promo input */
.wc-block-cart .wc-block-components-totals-coupon input,
.wc-block-components-totals-coupon__input input {
  border: 2px solid #e5e5e5 !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  transition: border-color 0.3s ease !important;
}

.wc-block-cart .wc-block-components-totals-coupon input:focus,
.wc-block-components-totals-coupon__input input:focus {
  border-color: #6B46C1 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(107, 70, 193, 0.12) !important;
}

/* Bouton Appliquer coupon */
.wc-block-cart .wc-block-components-totals-coupon button,
.wc-block-components-totals-coupon__button {
  background: #fff !important;
  color: #1a1a1a !important;
  border: 2px solid #e5e5e5 !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
}

.wc-block-cart .wc-block-components-totals-coupon button:hover {
  border-color: #6B46C1 !important;
  color: #6B46C1 !important;
}

/* Total */
.wc-block-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #1a1a1a !important;
}

/* ==========================================
   BOUTON "VALIDER LA COMMANDE" (Panier)
   ========================================== */

.wc-block-cart .wc-block-cart__submit-button,
.wc-block-cart .wc-block-cart__submit-container a,
.wc-block-cart .wc-block-components-button.outlined,
.wc-block-cart a.wc-block-cart__submit-button,
.wc-block-cart .wp-block-woocommerce-proceed-to-checkout-block a,
.wc-block-cart .wc-block-cart__submit-container .wc-block-components-button {
  background: linear-gradient(135deg, #1a1a1a 0%, #6B46C1 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 14px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  padding: 18px 28px !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
  display: block !important;
  text-align: center !important;
  width: 100% !important;
}

.wc-block-cart .wc-block-cart__submit-button:hover,
.wc-block-cart .wc-block-cart__submit-container a:hover,
.wc-block-cart a.wc-block-cart__submit-button:hover,
.wc-block-cart .wc-block-cart__submit-container .wc-block-components-button:hover {
  background: linear-gradient(135deg, #6B46C1 0%, #1a1a1a 100%) !important;
  color: #D4AF37 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(107, 70, 193, 0.35) !important;
}

/* ==========================================
   CHECKOUT - BOUTON COMMANDER
   ========================================== */

.woocommerce-checkout #place_order,
.wc-block-components-checkout-place-order-button,
.wc-block-checkout__actions button,
.wp-block-woocommerce-checkout .wc-block-components-button {
  background: linear-gradient(135deg, #1a1a1a 0%, #6B46C1 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 14px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  padding: 18px 32px !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  width: 100% !important;
}

.woocommerce-checkout #place_order:hover,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-checkout__actions button:hover {
  background: linear-gradient(135deg, #6B46C1 0%, #1a1a1a 100%) !important;
  color: #D4AF37 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(107, 70, 193, 0.35) !important;
}

/* Checkout titres */
.wc-block-checkout h2,
.wc-block-checkout h3 {
  font-weight: 700 !important;
  color: #1a1a1a !important;
}

/* Checkout messages */
.woocommerce-checkout .woocommerce-info,
.wc-block-checkout .wc-block-components-notice-banner {
  border-radius: 12px !important;
}

/* Méthodes de paiement */
.wc-block-checkout .wc-block-components-radio-control,
.woocommerce-checkout .wc_payment_methods {
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* ==========================================
   RESPONSIVE MOBILE
   ========================================== */

@media (max-width: 768px) {
  /* Boutons full width */
  .wc-block-cart .wc-block-cart__submit-button,
  .woocommerce-checkout #place_order,
  .wc-block-components-checkout-place-order-button {
    font-size: 14px !important;
    padding: 16px 24px !important;
    letter-spacing: 1px !important;
  }

  /* Sidebar en dessous */
  .wc-block-cart .wc-block-cart__sidebar {
    margin-top: 24px !important;
  }
}