/* =========================================
   WOOCOMMERCE - NOTICES / BOUTONS GLOBAUX
   ========================================= */

.woocommerce-notices-wrapper {
    max-width: 960px;
    margin: 1.5rem auto 1.25rem auto;
}

/* Bannière message Woo (Produit ajouté, erreurs, infos...) */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    position: relative;
    padding: 0.85rem 1rem 0.85rem 3rem !important;
    margin: 0 0 1rem 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(148, 163, 184, 0.45) !important;
    background: radial-gradient(circle at top left,
    rgba(148, 163, 184, 0.16),
    rgba(15, 15, 15, 0.98)) !important;
    color: var(--text-color) !important;
    font-size: 0.9rem;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
    border-left: none !important;
}

.woocommerce-message {
    border-color: rgba(34, 197, 94, 0.7) !important;
}

.woocommerce-error {
    border-color: rgba(239, 68, 68, 0.85) !important;
}

.woocommerce-info {
    border-color: rgba(56, 189, 248, 0.8) !important;
}

/* Petit point coloré à gauche */
.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border-radius: 999px;
}

.woocommerce-message::before {
    background: #22c55e;
}

.woocommerce-error::before {
    background: #ef4444;
}

.woocommerce-info::before {
    background: #38bdf8;
}

/* Si la notice est une <ul> */
.woocommerce-notices-wrapper > ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

/* Bouton dans les notices (View Cart, etc.) */
.woocommerce-message .button,
.woocommerce-error .button,
.woocommerce-info .button {
    float: right;
    border-radius: 999px;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    padding: 0.4rem 0.9rem;
    margin-left: 0.75rem;
}

/* Boutons WooCommerce génériques => rouge TT */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: var(--accent-color) !important;
    border-color: var(--accent-color) !important;
    color: #fff !important;
    border-radius: 999px;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: .08em;
    font-weight: 600;
    padding: 0.55rem 1.3rem;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: var(--accent-hover) !important;
    border-color: var(--accent-hover) !important;
    color: #fff !important;
}

/* =========================================
   WOOCOMMERCE - TEXTE GLOBAL / BREADCRUMB
   ========================================= */

.single-product .product {
    color: #fff;
}

.woocommerce .woocommerce-breadcrumb {
    color: #aaa;
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.woocommerce .woocommerce-breadcrumb a {
    color: #ccc;
}

.woocommerce .woocommerce-breadcrumb a:hover {
    color: var(--accent-color);
}

/* Cacher certains titres de blocs Gutenberg éventuels */
.wc-block-grid .wc-block-grid__product-title {
    color: #fff;
}

/* =========================================
   FORMULAIRES & TABLES GÉNÉRAUX
   ========================================= */

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    background-color: #111;
    border: 1px solid #333;
    color: #fff;
}

/* Tables */
.woocommerce table.shop_table {
    border: 1px solid #333;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
    border-top: 1px solid #333;
}

/* Checkout Review */
.woocommerce-checkout-review-order-table {
    border: 1px solid #333;
    border-radius: 8px;
}

.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th {
    padding: 10px 12px;
}

/* Checkout form spacing */
.woocommerce-checkout form.checkout {
    margin-top: 1rem;
}

/* Bouton place order */
.woocommerce-checkout #place_order {
    width: 100%;
}