.elementor-4352 .elementor-element.elementor-element-1f246bab{--display:flex;}body.elementor-page-4352:not(.elementor-motion-effects-element-type-background), body.elementor-page-4352 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-vamtam_accent_2 );}/* Start custom CSS for text-editor, class: .elementor-element-24feda8d *//* === WooCommerce My Account (Dark Mode) === */

/* Overall container */
.woocommerce-account {
    background-color: #121212 !important; /* fond sombre */
    color: #e0e0e0 !important;            /* texte clair */
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.5);
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Headings inside account page */
.woocommerce-account h2,
.woocommerce-account h3 {
    color: #ffffff !important;
    font-weight: bold;
    margin-bottom: 15px;
}

/* Account navigation tabs (Dashboard, Orders, etc.) */
.woocommerce-MyAccount-navigation {
    background-color: #1e1e1e !important; /* onglets plus clairs que le fond */
    border: 1px solid #333 !important;
    border-radius: 6px;
    margin-bottom: 20px;
}

.woocommerce-MyAccount-navigation ul li a {
    color: #e0e0e0 !important;
    font-weight: 500;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    font-weight: bold;
    color: #DE9F17 !important; /* couleur primaire */
}

/* Form fields (login / register / edit account) */
.woocommerce-account form input,
.woocommerce-account form select,
.woocommerce-account form textarea {
    background-color: #1e1e1e !important;
    border: 1px solid #333 !important;
    color: #e0e0e0 !important;
    padding: 10px;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 15px;
}

/* Submit buttons */
.woocommerce-account form .button {
    background-color: #DE9F17 !important; /* couleur primaire */
    color: #121212 !important;
    border: none;
    border-radius: 6px;
    padding: 10px 20px;
    font-weight: bold;
    cursor: pointer;
}

.woocommerce-account form .button:hover {
    background-color: #b88614 !important; /* version plus sombre pour hover */
}

/* Tables (Orders, Addresses, etc.) */
.woocommerce-account table {
    background-color: #1e1e1e !important;
    border: 1px solid #333 !important;
    border-radius: 6px;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.woocommerce-account table th,
.woocommerce-account table td {
    padding: 10px !important;
    border-bottom: 1px solid #333 !important;
    color: #e0e0e0 !important;
}

.woocommerce-account table th {
    background-color: #2c2c2c !important;
    font-weight: bold;
}

/* Links */
.woocommerce-account a {
    color: #DE9F17 !important; /* couleur primaire */
    text-decoration: underline;
}

.woocommerce-account a:hover {
    color: #b88614 !important; /* version plus sombre pour hover */
}

/* Notices (success, errors) */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-info {
    background-color: #2c2c2c !important;
    color: #e0e0e0 !important;
    border: 1px solid #444 !important;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

/* ========================================
   Début - Dark Mode pour My Account : Commandes (/orders)
   ======================================== */
.woocommerce-account.woocommerce-orders {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    padding: 20px;
    border-radius: 8px;
}

.woocommerce-account.woocommerce-orders table {
    background-color: #1e1e1e !important;
    border: 1px solid #333 !important;
    border-radius: 6px;
    width: 100%;
    border-collapse: collapse;
}

.woocommerce-account.woocommerce-orders th,
.woocommerce-account.woocommerce-orders td {
    padding: 10px;
    border-bottom: 1px solid #333;
    color: #e0e0e0 !important;
}

.woocommerce-account.woocommerce-orders th {
    background-color: #2c2c2c !important;
    font-weight: bold;
}
/* ========================================
   Fin - Dark Mode pour My Account : Commandes
   ======================================== */


/* ========================================
   Début - Dark Mode pour My Account : Voir la commande (/view-order)
   ======================================== */
.woocommerce-account.woocommerce-view-order {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    padding: 20px;
    border-radius: 8px;
}

.woocommerce-account.woocommerce-view-order table,
.woocommerce-account.woocommerce-view-order .woocommerce-order-overview {
    background-color: #2c2c2c !important;
    border: 1px solid #333 !important;
    border-radius: 6px;
    padding: 15px;
}

.woocommerce-account.woocommerce-view-order th,
.woocommerce-account.woocommerce-view-order td {
    color: #e0e0e0 !important;
    padding: 10px;
    border-bottom: 1px solid #333;
}
/* ========================================
   Fin - Dark Mode pour My Account : Voir la commande
   ======================================== */


/* ========================================
   Début - Dark Mode pour My Account : Téléchargements (/downloads)
   ======================================== */
.woocommerce-account.woocommerce-downloads {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    padding: 20px;
    border-radius: 8px;
}

.woocommerce-account.woocommerce-downloads table {
    background-color: #1e1e1e !important;
    border: 1px solid #333 !important;
    border-radius: 6px;
    width: 100%;
    border-collapse: collapse;
}

.woocommerce-account.woocommerce-downloads th,
.woocommerce-account.woocommerce-downloads td {
    padding: 10px;
    border-bottom: 1px solid #333;
    color: #e0e0e0 !important;
}
/* ========================================
   Fin - Dark Mode pour My Account : Téléchargements
   ======================================== */


/* ========================================
   Début - Dark Mode pour My Account : Modifier le compte (/edit-account)
   ======================================== */
.woocommerce-account.woocommerce-edit-account {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    padding: 20px;
    border-radius: 8px;
}

.woocommerce-account.woocommerce-edit-account input,
.woocommerce-account.woocommerce-edit-account select,
.woocommerce-account.woocommerce-edit-account textarea {
    background-color: #2c2c2c !important;
    color: #e0e0e0 !important;
    border: 1px solid #333 !important;
    padding: 10px;
    border-radius: 4px;
    width: 100%;
    margin-bottom: 15px;
}

.woocommerce-account.woocommerce-edit-account .button {
    background-color: #DE9F17 !important;
    color: #121212 !important;
    border: none;
    border-radius: 6px;
    padding: 10px 20px;
    font-weight: bold;
    cursor: pointer;
}

.woocommerce-account.woocommerce-edit-account .button:hover {
    background-color: #b88614 !important;
}
/* ========================================
   Fin - Dark Mode pour My Account : Modifier le compte
   ======================================== */


/* ========================================
   Début - Dark Mode pour My Account : Adresses (/edit-address)
   ======================================== */
.woocommerce-account.woocommerce-edit-address {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    padding: 20px;
    border-radius: 8px;
}

.woocommerce-account.woocommerce-edit-address input,
.woocommerce-account.woocommerce-edit-address select,
.woocommerce-account.woocommerce-edit-address textarea {
    background-color: #2c2c2c !important;
    color: #e0e0e0 !important;
    border: 1px solid #333 !important;
    padding: 10px;
    border-radius: 4px;
    width: 100%;
    margin-bottom: 15px;
}

.woocommerce-account.woocommerce-edit-address .button {
    background-color: #DE9F17 !important;
    color: #121212 !important;
    border: none;
    border-radius: 6px;
    padding: 10px 20px;
    font-weight: bold;
    cursor: pointer;
}

.woocommerce-account.woocommerce-edit-address .button:hover {
    background-color: #b88614 !important;
}
/* ========================================
   Fin - Dark Mode pour My Account : Adresses
   ======================================== */


/* ========================================
   Début - Dark Mode pour My Account : Moyens de paiement (/payment-methods)
   ======================================== */
.woocommerce-account.woocommerce-payment-methods {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    padding: 20px;
    border-radius: 8px;
}

.woocommerce-account.woocommerce-payment-methods table {
    background-color: #1e1e1e !important;
    border: 1px solid #333 !important;
    border-radius: 6px;
    width: 100%;
    border-collapse: collapse;
}

.woocommerce-account.woocommerce-payment-methods th,
.woocommerce-account.woocommerce-payment-methods td {
    padding: 10px;
    border-bottom: 1px solid #333;
    color: #e0e0e0 !important;
}
/* ========================================
   Fin - Dark Mode pour My Account : Moyens de paiement
   ======================================== */


/* ========================================
   Début - Dark Mode pour My Account : Mot de passe perdu (/lost-password)
   ======================================== */
.woocommerce-account.woocommerce-lost-password {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    padding: 20px;
    border-radius: 8px;
}

.woocommerce-account.woocommerce-lost-password input {
    background-color: #2c2c2c !important;
    color: #e0e0e0 !important;
    border: 1px solid #333 !important;
    padding: 10px;
    border-radius: 4px;
    width: 100%;
    margin-bottom: 15px;
}

.woocommerce-account.woocommerce-lost-password .button {
    background-color: #DE9F17 !important;
    color: #121212 !important;
    border: none;
    border-radius: 6px;
    padding: 10px 20px;
    font-weight: bold;
    cursor: pointer;
}

.woocommerce-account.woocommerce-lost-password .button:hover {
    background-color: #b88614 !important;
}
/* ========================================
   Fin - Dark Mode pour My Account : Mot de passe perdu
   ======================================== */


/* ========================================
   Début - Dark Mode pour My Account : Déconnexion (/customer-logout)
   ======================================== */
.woocommerce-account.woocommerce-logout {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    padding: 40px;
    border-radius: 8px;
    text-align: center;
    font-weight: bold;
}
/* ========================================
   Fin - Dark Mode pour My Account : Déconnexion
   ======================================== */
/* ========================================
   Début - Dark Mode pour WooCommerce Order Details (quantité et prix)
   ======================================== */
.woocommerce-account.woocommerce-view-order .woocommerce-order-details {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
}

/* Quantité du produit */
.woocommerce-account.woocommerce-view-order .woocommerce-order-details .product-quantity {
    color: #e0e0e0 !important;
}

/* Prix des produits dans le tbody */
.woocommerce-account.woocommerce-view-order .woocommerce-order-details tbody .woocommerce-Price-amount {
    color: #e0e0e0 !important;
}

/* Prix dans le tfoot : sous-total, expédition, total */
.woocommerce-account.woocommerce-view-order .woocommerce-order-details tfoot .woocommerce-Price-amount,
.woocommerce-account.woocommerce-view-order .woocommerce-order-details tfoot th,
.woocommerce-account.woocommerce-view-order .woocommerce-order-details tfoot td {
    color: #e0e0e0 !important;
}

/* Texte "via Forfait" */
.woocommerce-account.woocommerce-view-order .woocommerce-order-details tfoot .shipped_via {
    color: #e0e0e0 !important;
}
/* ========================================
   Fin - Dark Mode pour WooCommerce Order Details
   ======================================== */
.woocommerce-account.woocommerce-orders,
.woocommerce-account.woocommerce-view-order,
.woocommerce-account.woocommerce-downloads,
.woocommerce-account.woocommerce-edit-account,
.woocommerce-account.woocommerce-edit-address,
.woocommerce-account.woocommerce-payment-methods,
.woocommerce-account.woocommerce-lost-password,
.woocommerce-account.woocommerce-logout {
    padding: 0 !important;
}/* End custom CSS */