/*
Theme Name:     Crystia
Theme URI:      n/a
Template:       kadence
Author:         Crystia
Author URI:     n/a
Description:    Child Theme Description
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/
/* Nettoyage des icônes Kadence dans le menu mobile */
.mm-menu .kadence-svg-icon,
.mm-menu .kadence-arrow-down-svg {
    display: none !important;
}

/* Optionnel : Si tu vois que le texte n'est plus centré verticalement après avoir viré l'icône */
.mm-menu .mm-listitem__text {
    display: flex;
    align-items: center;
}

/* Mobile uniquement */
@media (max-width: 767.98px){
  /* Si la galerie Kadence n’est PAS encore initialisée, réserve l’espace 1:1 */
  @supports selector(:has(*)) {
    .kwt-gallery-single .product_image:has(.kadence-product-gallery-main:not(.kt-product-gal-loaded)){
      aspect-ratio: 1 / 1;   /* change ici si tes visuels ne sont pas carrés (ex: 4 / 5) */
      min-height: 320px;      /* filet de sécurité, ajuste si besoin */
      width: 100%;
    }
  }

  /* Hygiène images */
  .kwt-gallery-single .kadence-product-gallery-main .splide__slide img{
    display:block; width:100%; height:auto;
  }
}

.gslide-desc {
	display: none;
}

.kadence-woo-cart-form-wrap {
	padding: 20px 20px 20px 20px;
}

.comment-text {
	background-color: #FFFFFF!important;
}

/* --- Début Design Crystia Warranty Box --- */

/* 1. La Boîte Globale (Le Conteneur) */
#yith-wapo-block-1 .yith-wapo-addon {
    padding: 15px !important;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    background-color: #fcfcfc !important;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

/* Effet au survol de la souris (Optionnel mais sympa) */
#yith-wapo-block-1 .yith-wapo-addon:hover {
    border-color: #bfaf65;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

/* 2. Le Nom de l'option (Crystia Care+) */
#yith-wapo-block-1 .yith-wapo-addon-label {
    font-weight: 600;
    color: #333;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

/* 3. Le Prix (Gros et Gras comme demandé) */
#yith-wapo-block-1 .option-price {
    font-size: 1.1em;
    font-weight: 600;
    color: #000;
    margin-left: 5px;
}

/* Petite astuce : on grise les parenthèses pour ne garder que le chiffre en vedette */
#yith-wapo-block-1 .option-price .brackets {
    color: #999;
    font-weight: normal;
}

/* 4. La Description (Le petit texte en dessous) */
#yith-wapo-block-1 .yith-wapo-option .description {
    margin-top: 5px;
    margin-left: 28px; /* Pour aligner avec le texte (en sautant la checkbox) */
    font-size: 13px;
    color: #666; /* Gris doux */
    font-style: italic;
    line-height: 1.4;
}

/* 5. Ajustement Checkbox */
#yith-wapo-block-1 input[type="checkbox"] {
    transform: scale(1.2); /* Checkbox un poil plus grosse */
    margin-right: 8px;
    cursor: pointer;
}

/* --- Fin Design Crystia Warranty Box --- */

/* --- Début Design Tableau Prix Total --- */

/* 1. Le Conteneur Global */
#wapo-total-price-table {
    margin-top: 15px;           /* Espace entre la garantie et le total */
    padding: 15px 20px;         /* De l'air à l'intérieur */
    background-color: #f9f9f9;  /* Fond gris très clair pour unifier */
    border: 1px dashed #ccc;    /* Bordure pointillée style "Ticket" (très efficace) */
    border-radius: 10px;        /* Ton standard de 10px */
    width: 100%;                /* S'assure que ça prend toute la largeur dispo */
    box-sizing: border-box;     /* Pour éviter les débordements */
}

/* 2. Reset du tableau (pour virer les styles par défaut moches) */
#wapo-total-price-table table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    border: none;
}

/* 3. Les Lignes (Espacement) */
#wapo-total-price-table tr {
    border: none;
}

/* 4. Colonne de Gauche (Libellés : Product price, etc.) */
#wapo-total-price-table th {
    text-align: left;       /* Aligné à gauche */
    font-weight: 400;       /* Police normale, pas grasse */
    color: #666;            /* Gris doux */
    padding: 4px 0;         /* Petit espacement vertical */
    font-size: 14px;
}

/* 5. Colonne de Droite (Les Prix) */
#wapo-total-price-table td {
    text-align: right;      /* Aligné à droite */
    font-weight: 600;       /* Semi-bold */
    color: #333;            /* Gris foncé */
    padding: 4px 0;
}

/* --- LE GRAND TOTAL (Order total) --- */

/* La ligne du total */
#wapo-total-price-table .wapo-total-order {
    border-top: 1px solid #ddd; /* Une ligne de séparation fine au-dessus du total */
}

/* Le texte "Order Total" */
#wapo-total-price-table .wapo-total-order th {
    padding-top: 12px;      /* Espace au-dessus de la ligne */
    font-weight: 700;       /* Gras */
    text-transform: uppercase; /* EN MAJUSCULES pour le sérieux */
    font-size: 14px;
    color: #000;
}

/* Le PRIX FINAL */
#wapo-total-price-table #wapo-total-order-price {
    padding-top: 12px;
    font-size: 20px;        /* Bien gros ! */
    font-weight: 800;       /* Très gras */
    color: #000;            /* Noir profond */
}

/* --- Fin Design Tableau Prix Total --- */

/* Cache la phrase "5.00 out of 5 stars" */

/* 1. On cache le bouton technique généré par Kadence */
button[data-modal-open="warranty-popup"] {
    display: none !important;
}

/* 2. On rend ton lien texte joli et doré */
.crystia-popup-trigger {
    color: #bfb084;
    text-decoration: underline;
    cursor: pointer;
    font-weight: 600;
}
.crystia-popup-trigger:hover {
    color: #000;
}

/* Cache le bouton technique WARRANTY du footer */
button[data-modal-open="WARRANTY"],
.kt-blocks-modal-link[data-modal-open="WARRANTY"] {
    display: none !important;
}

/* Style complet du tableau Additional Information */

.woocommerce-product-attributes {
    font-family: inherit;
}

/* Labels (Material, Weight, Length, etc.) */


.woocommerce-product-attributes-item__value {
    font-size: 14px !important;
    font-weight: 500 !important;
    font-style: italic !important;
    font-family: inherit !important;
		text-transform: capitalize;
}

.woocommerce-product-attributes-item__value p {
    font-size: 14px !important;
    font-weight: 500 !important;
    font-style: italic !important;
    font-family: inherit !important;
    margin: 0 !important;
	text-transform: capitalize;
}

.woocommerce div.product .woocommerce-tabs {
	border: none;
}