/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.12.1.1769433087
Updated: 2026-01-26 14:11:27

*/
:root {
    --vert-profond: #174b35;
    --creme: #eae2cb;
    --creme-leger: rgba(234, 226, 203, 0.2);
    --orange-bali: #9e4d24;
    --rose-poudre: #d1866f;
}

/* --- CONFIGURATION GLOBALE --- */
.custom-product-wrapper {
    max-width: 1100px;
    margin: 40px auto;
    color: var(--vert-profond, #174b35);
    font-family: 'Zodiak', serif;
}

.product-main-layout {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    align-items: flex-start; /* Aligne le haut de l'image avec le haut du texte */
    
}

/* --- SECTION GAUCHE : IMAGES --- */
.product-col-left { 
    flex: 0 0 500px; 
}

.main-img-container img {
    width: 100%;
    height: 550px; /* Légèrement plus haut pour un look galerie */
    object-fit: cover;
    border: 1px solid var(--creme, #eae2cb);
    border-radius: 0 !important;
}

.product-gallery-nav { 
    display: flex; 
    gap: 12px; 
    margin-top: 15px; 
}

.thumb-trigger {
    width: 75px; 
    height: 75px; 
    object-fit: cover;
    cursor: pointer; 
    border: 1px solid var(--creme, #eae2cb); 
    opacity: 0.5;
    transition: all 0.3s ease;
    border-radius: 0 !important;
}

.thumb-trigger.active, .thumb-trigger:hover { 
    opacity: 1; 
    border-color: var(--vert-profond, #174b35); 
}

/* --- SECTION DROITE : INFOS & ACHAT --- */
.product-col-right { 
    flex: 1; 
    min-width: 320px; 
}

.p-title { 
    margin-top : 40px;
    font-size: 2.8rem; 
    line-height: 1.2;
    margin-bottom: 15px; 
    font-weight: normal;
}

/* On ajoute du style pour la description courte si elle existe */
.p-short-desc {
    font-family: sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    color: #444;
    margin-bottom: 25px;
    max-width: 450px;
}

.p-price { 
    font-size: 2rem; 
    font-weight: bold; 
    color: var(--orange-bali, #9e4d24); 
    margin-bottom: 35px; 
}

/* --- BOUTON AJOUTER AU PANIER --- */
.p-action-area { 
    max-width: 280px; /* Largeur contenue pour un look pro */
    margin-bottom: 50px; 
}

.p-btn {
    display: block;
    background: var(--vert-profond, #174b35);
    color: var(--creme, #eae2cb) !important;
    text-align: center;
    padding: 18px 25px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: bold;
    font-size: 0.85rem;
    transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border-radius: 0 !important;
}

.p-btn:hover { 
    background: var(--orange-bali, #9e4d24);
    box-shadow: 4px 4px 0px var(--vert-profond, #174b35); /* Effet design décalé */
}

/* --- BLOC RÉASSURANCE STYLISÉ --- */
.p-reassurance {
    border-top: 1px solid var(--creme, #eae2cb);
    padding-top: 35px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.re-item {
    display: flex;
    align-items: flex-start; /* Aligné en haut pour les textes à deux lignes */
    gap: 15px;
}

.re-icon { 
    font-size: 1.3rem; 
    background: var(--creme-leger, rgba(234, 226, 203, 0.3));
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.re-content {
    display: flex;
    flex-direction: column;
}

.re-label {
    font-weight: bold;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.re-sub {
    font-family: sans-serif;
    font-size: 0.85rem;
    color: #666;
}

/* --- FOOTER : DESCRIPTION LONGUE --- */
.product-footer-section { 
    margin-top: 80px; 
    border-top: 1px solid var(--creme, #eae2cb); 
    padding-top: 50px; 
}

.desc-title { 
    text-transform: uppercase; 
    letter-spacing: 4px; 
    font-size: 1.3rem; 
    margin-bottom: 35px; 
}

.p-full-description {
    font-family: sans-serif;
    line-height: 1.8;
    color: #333;
    max-width: 850px;
}

/* --- RESPONSIVE DESIGN --- */

@media (max-width: 1024px) {
    .product-main-layout { gap: 40px; }
    .product-col-left { flex: 0 0 400px; }
    .main-img-container img { height: 450px; }
    .p-title { font-size: 2.2rem; }
}

@media (max-width: 768px) {
    .custom-product-wrapper { margin: 20px 20px; }
    .product-main-layout { flex-direction: column; gap: 40px; }
    .product-col-left, .product-col-right { flex: 0 0 100%; width: 100%; }
    .main-img-container img { height: 400px; }
    .p-action-area { max-width: 100%; }
    .p-title, .p-price, .p-short-desc { text-align: center; margin-left: auto; margin-right: auto; }
    .product-gallery-nav { justify-content: center; }
}

@media (max-width: 480px) {
    .main-img-container img { height: 320px; }
    .p-title { font-size: 1.8rem; }
}

/* --- PANIER LUXE & BIEN-ÊTRE --- */

/* Fond et typographie générale */
.woocommerce-cart .site-content {
    background-color: #fdfbf7; /* Un blanc cassé très léger */
    font-family: 'Zodiak', serif;
}

/* Structure du tableau */
.woocommerce-cart-form table.shop_table {
    border: none !important;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(23, 75, 53, 0.05); /* Ombre très légère */
    border-radius: 0 !important;
    overflow: hidden;
}

/* En-tête du tableau */
.woocommerce-cart-form table.shop_table thead th {
    background-color: #174b35 !important; /* Vert Profond */
    color: #eae2cb !important; /* Crème */
    padding: 25px !important;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none !important;
}

/* Lignes de produits */
.woocommerce-cart-form table.shop_table td {
    border-bottom: 1px solid #f0ede6 !important;
    padding: 30px 20px !important;
    vertical-align: middle;
}

/* Image produit avec effet */
.product-thumbnail img {
    border-radius: 0 !important;
    transition: transform 0.3s ease;
}

.woocommerce-cart-form table.shop_table tr:hover .product-thumbnail img {
    transform: scale(1.05);
}

/* Noms des produits */
.product-name a {
    color: #174b35 !important;
    font-size: 1.2rem !important;
    text-decoration: none;
    transition: color 0.3s;
}

.product-name a:hover {
    color: #9e4d24 !important; /* Orange Bali */
}

/* Boutons secondaires (Code promo / Mise à jour) */
.coupon input#coupon_code {
    border: 1px solid #eae2cb !important;
    padding: 10px !important;
    border-radius: 0 !important; /* Déjà présent, parfait */
}

.coupon button.button, 
button[name="update_cart"] {
    background-color: transparent !important;
    color: #174b35 !important;
    border: 1.5px solid #174b35 !important;
    padding: 12px 25px !important;
    text-transform: uppercase;
    font-size: 0.8rem !important;
    letter-spacing: 1px;
    transition: all 0.4s !important;
    border-radius: 0 !important; /* AJOUTÉ ICI pour supprimer l'arrondi */
}

.coupon button.button:hover, 
button[name="update_cart"]:hover {
    background-color: #174b35 !important;
    color: #eae2cb !important;
    border-radius: 0 !important; /* Sécurité pour le survol */
}

/* --- BLOC TOTAUX PANIER (DESIGN PHOTO) --- */

.cart-collaterals .cart_totals {
    background: #fdfbf7 !important; /* Fond beige très clair comme sur la photo */
    border: none !important; /* On enlève les bordures inutiles */
    padding: 40px !important;
    border-radius: 0 !important; /* Look plus angulaire et moderne */
    max-width: 500px;
    margin-left: auto; /* Aligné à droite */
}

.cart-collaterals .cart_totals h2 {
    font-family: 'Zodiak', serif;
    font-size: 2.2rem;
    color: var(--vert-profond);
    text-align: left; /* Aligné à gauche comme la photo */
    margin-bottom: 40px;
    border-bottom: none !important;
}

/* Lignes de prix (Sous-total et Total) */
.cart_totals table.shop_table {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.cart_totals table th, 
.cart_totals table td {
    padding: 20px 0 !important;
    border-top: none !important;
    border-bottom: 1px solid rgba(23, 75, 53, 0.1) !important;
    font-family: 'Zodiak', serif;
    color: var(--vert-profond);
    font-size: 1.1rem;
}

.cart_totals .order-total th, 
.cart_totals .order-total td {
    border-bottom: none !important; /* Pas de ligne sous le total final */
    font-weight: bold;
}

/* BOUTON VALIDER LA COMMANDE (DESIGN PHOTO) */
.checkout-button {
    background-color: var(--orange-bali) !important; /* Ton Orange Bali */
    color: #ffffff !important;
    padding: 25px !important;
    font-size: 1.1rem !important;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: bold;
    border-radius: 0 !important;
    width: 100%;
    display: block;
    text-align: center;
    transition: all 0.4s ease !important;
    margin-top: 20px;
}

.checkout-button:hover {
    background-color: var(--vert-profond) !important;
    letter-spacing: 6px; /* Effet d'étirement plus marqué */
    transform: translateY(-2px);
}

/* --- STYLE MON COMPTE : CORRECTIONS FINALES --- */

/* 1. Intégration de l'œil dans le champ mot de passe */
.woocommerce-form-row--last {
    position: relative !important;
    display: block !important;
}

.woocommerce-account .show-password-input {
    position: absolute !important;
    top: 50% !important;
    right: 1px !important; /* Aligné au bord droit interne */
    transform: translateY(-50%) !important;
    background-color: var(--vert-profond) !important;
    height: calc(100% - 2px) !important; /* S'adapte à la hauteur du champ */
    width: 45px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 10 !important;
}

/* On ajuste le champ texte pour que le texte ne passe pas sous l'oeil */
.woocommerce-account input#password {
    padding-right: 50px !important;
}

/* 2. Correction de la couleur Politique de Confidentialité */
.woocommerce-privacy-policy-text a, 
.woocommerce-registration-pages a,
.woocommerce-form-register__questions a {
    color: var(--orange-bali) !important;
    text-decoration: none !important;
}

.woocommerce-privacy-policy-text a:hover {
    text-decoration: underline !important;
}

/* 3. Suppression de tout border-radius résiduel (Inputs et Boutons) */
.woocommerce-account .input-text,
.woocommerce-account .button,
.woocommerce-account form,
.woocommerce-account .u-column1,
.woocommerce-account .u-column2 {
    border-radius: 0 !important;
}

/* 4. Boutons principaux (Vert Profond) */
.woocommerce-account .button {
    background-color: var(--vert-profond) !important;
    color: var(--creme) !important;
    border: none !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
    padding: 15px 30px !important;
}

.woocommerce-account .button:hover {
    background-color: var(--orange-bali) !important;
}

/* 5. Lien "Mot de passe perdu" */
.lost_password a {
    color: var(--orange-bali) !important;
    font-size: 0.9rem;
}
/* --- FOOTER FIXÉ EN BAS : STYLE LÉGER & COHÉRENT --- */
.woocommerce-account .elementor-291 {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 115% !important;
    z-index: 9999 !important;
    
    /* On utilise ta couleur crème légère */
    background-color: rgba(234, 226, 203, 0.2) !important; 
    
    /* L'effet de flou pour que ce ne soit pas "sale" quand le texte passe dessous */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    
    /* Une petite bordure fine en haut pour délimiter proprement */
    border-top: 1px solid rgba(23, 75, 53, 0.1) !important;
}

/* Ajustement de l'espace pour ne pas boucher la vue sur le contenu */
.woocommerce-account .site-content {
    padding-bottom: 180px !important; 
}

/* Pour supprimer l'œil si l'intégration est capricieuse */
.woocommerce-account .show-password-input {
    display: none !important;
}