/* =============================================================================
   Flexi Dog — woocommerce.css
   Overrides spécifiques aux pages WC.
   ============================================================================= */

/* Single product layout */
.product-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-6);
    padding: var(--space-6) 0;
}
@media (min-width: 1024px) {
    .product-layout { grid-template-columns: 1fr 1fr; }
}
.product-gallery img { border-radius: var(--radius-md); }
.product-summary { display: flex; flex-direction: column; gap: var(--space-4); }
.product-summary h1 { font-size: var(--fs-h2); }
.product-rating { color: var(--c-orange-500); font-size: var(--fs-small); }
.product-price { font-size: var(--fs-h2); color: var(--c-blue-700); font-weight: 700; }
.product-price del { color: var(--c-text-mute); font-weight: 400; font-size: var(--fs-base); margin-right: var(--space-2); }
.product-meta-badges { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.product-add-to-cart .single_add_to_cart_button { background: var(--c-orange-700) !important; color: #fff !important; padding: var(--space-4) var(--space-6) !important; font-size: 1.125rem !important; border-radius: var(--radius-sm) !important; }
.product-add-to-cart .single_add_to_cart_button:hover { background: #B84804 !important; }

.product-tab { background: var(--c-bg-card); border: 1px solid var(--c-border); border-radius: var(--radius-sm); }
.product-tab summary { padding: var(--space-3) var(--space-4); cursor: pointer; font-weight: 600; }
.product-tab[open] summary { border-bottom: 1px solid var(--c-border); }
.product-tab > *:not(summary) { padding: var(--space-3) var(--space-4); }

/* Archive produits */
.products { display: grid; grid-template-columns: 1fr; gap: var(--space-5); list-style: none; padding: 0; }
@media (min-width: 600px) { .products { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .products { grid-template-columns: repeat(3, 1fr); } }
.product { background: var(--c-bg-card); border-radius: var(--radius-md); padding: var(--space-4); box-shadow: var(--shadow-sm); }
.product img { aspect-ratio: 1/1; object-fit: cover; border-radius: var(--radius-sm); margin-bottom: var(--space-3); }
.product .woocommerce-loop-product__title { font-size: var(--fs-h4); margin-bottom: var(--space-2); }
.product .price { color: var(--c-blue-700); font-weight: 600; font-size: var(--fs-base); }
.product .button { display: inline-block; margin-top: var(--space-3); background: var(--c-orange-700); color: #fff; padding: var(--space-2) var(--space-4); border-radius: var(--radius-sm); text-decoration: none; font-weight: 600; font-size: var(--fs-small); }
.product .button:hover { background: #B84804; color: #fff; }

/* Cart */
.cart-container { padding: var(--space-6) 0; }
.cart-empty { text-align: center; padding: var(--space-9) 0; }
.cart-empty p { font-size: 1.125rem; margin-bottom: var(--space-5); }

/* Checkout */
.checkout-container { padding: var(--space-6) 0; }
.woocommerce-form { background: var(--c-bg-card); padding: var(--space-5); border-radius: var(--radius-md); box-shadow: var(--shadow-sm); }

/* My account */
.myaccount-dashboard { padding: var(--space-6) 0; }
.woocommerce-MyAccount-navigation ul { display: flex; flex-wrap: wrap; gap: var(--space-2); padding: 0; margin: 0 0 var(--space-5); }
.woocommerce-MyAccount-navigation a { padding: var(--space-2) var(--space-4); background: var(--c-bg-card); border-radius: var(--radius-sm); border: 1px solid var(--c-border); }
.woocommerce-MyAccount-navigation .is-active a { background: var(--c-blue-700); color: #fff; border-color: var(--c-blue-700); }

/* Messages WC */
.woocommerce-message, .woocommerce-error, .woocommerce-info {
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-sm);
    margin-bottom: var(--space-4);
    font-size: var(--fs-small);
}
.woocommerce-message { background: var(--c-green-100); color: var(--c-green-700); border-left: 4px solid var(--c-green-700); }
.woocommerce-error { background: #ffe5e5; color: #b80000; border-left: 4px solid #b80000; }
.woocommerce-info { background: var(--c-blue-100); color: var(--c-blue-700); border-left: 4px solid var(--c-blue-700); }

/* Disclaimer sur fiche produit */
.disclaimer-product {
    margin-top: var(--space-7);
    padding: var(--space-4);
    background: var(--c-blue-100);
    border-left: 4px solid var(--c-blue-700);
    border-radius: var(--radius-sm);
    font-size: var(--fs-small);
}