/* -------------------------------------------------------------------------- */
/* 1) Masquage date de livraison estimée selon contexte                         */
/* -------------------------------------------------------------------------- */
body.c_21 #estimated-delivery-date {
  display: none !important;
}

/* Bloc estimé dans la description (si présent) */
.description .estimated-delivery-date,
.woocommerce-product-details__short-description .estimated-delivery-date,
.woocommerce-Tabs-panel--description .estimated-delivery-date {
    background: rgba(var(--brand-primary-rgb), 0.4);
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    column-gap: 5px;
    padding: 10px;
}

.description .estimated-delivery-date .text-wrapper,
.woocommerce-product-details__short-description .estimated-delivery-date .text-wrapper,
.woocommerce-Tabs-panel--description .estimated-delivery-date .text-wrapper {
    margin-top: 0;
    margin-bottom: 0;
}

.description .estimated-delivery-date .estimated-date,
.woocommerce-product-details__short-description .estimated-delivery-date .estimated-date,
.woocommerce-Tabs-panel--description .estimated-delivery-date .estimated-date {
    font-weight: bold;
}


/* -------------------------------------------------------------------------- */
/* 2) Tableau attributs                                                        */
/* -------------------------------------------------------------------------- */
/* Style général du tableau */
.attribute_list {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05);
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 20px;
}

/* Zébrage : si tu as bien des classes odd/even, ça marche */
.attribute_list tr.odd {
    background-color: #FFF6EE;
}
.attribute_list tr.even {
    background-color: #F7931E;
}

/* Bonus robustesse : si jamais tu n’as PAS les classes odd/even,
   ce zébrage prend le relais (n'écrase pas odd/even si présents) */
.attribute_list tr:nth-child(odd) {
    background-color: #FFF6EE;
}
.attribute_list tr:nth-child(even) {
    background-color: #F7931E;
}

/* Style des cellules */
.attribute_list td.attribute {
    font-weight: bold;
    color: #5B3721;
    padding: 10px 14px;
    width: 45%;
    vertical-align: top;
}
.attribute_list td.attribute_value {
    padding: 10px 14px;
    width: 55%;
    vertical-align: top;
}

/* Séparateur horizontal discret entre les lignes */
.attribute_list tr:not(:last-child) td {
    border-bottom: 1px solid #dde5ef;
}

/* Responsive : taille de texte et padding sur petits écrans */
@media (max-width: 600px) {
    .attribute_list td {
        padding: 7px 8px;
        font-size: 1em;
    }
}


/* -------------------------------------------------------------------------- */
/* 3) Bloc description (wrapper optionnel)                                     */
/* -------------------------------------------------------------------------- */
/* Si tu utilises <div class="description-content"> dans ta description, ces styles s’appliquent */
.woocommerce div.product .woocommerce-Tabs-panel--description {
    border-radius: 16px;
    padding: 22px 26px 16px 26px;
    margin-bottom: 28px;
}

.woocommerce div.product .woocommerce-Tabs-panel--description ul {
    margin-left: 1em;
    margin-bottom: 1.2em;
}

.woocommerce div.product .woocommerce-Tabs-panel--description li {
    margin-bottom: 0.45em;
}

/* Liens DANS la description WooCommerce (onglet Description) */
.woocommerce div.product .woocommerce-Tabs-panel--description a {
  color: #F7931E;
  text-decoration: none;
  transition: color 0.3s ease;
}

.woocommerce div.product .woocommerce-Tabs-panel--description a:hover,
.woocommerce div.product .woocommerce-Tabs-panel--description a:focus {
  color: #000;
}




/* -------------------------------------------------------------------------- */
/* 4) TITRES H3 AVEC ICÔNES + FOND/BORDURE (FIX PRINCIPAL)                     */
/* -------------------------------------------------------------------------- */
/* IMPORTANT :
   On ne dépend PLUS de ".description-content h2" pour que ça marche partout.
   On cible directement tes h3 porteurs des classes fiche-... */
.woocommerce div.product h2.fiche-titre,
.woocommerce div.product h2.fiche-caracteristiques,
.woocommerce div.product h2.fiche-motif,
.woocommerce div.product h2.fiche-couleurs,
.woocommerce div.product h2.fiche-inspiration,
.woocommerce div.product h2.fiche-entretien,
.woocommerce div.product h2.fiche-plus,
.woocommerce div.product h2.fiche-pochette,
.woocommerce div.product h2.fiche-pdf, 
.woocommerce div.product h2.fiche-bonus, 
.woocommerce div.product h2.fiche-tissus, 
.woocommerce div.product h2.fiche-metrage {
    display: flex;
    align-items: center;
    gap: 0.55em;
    font-size: 1.13em;
    font-weight: 700;
    color: #5B3721;            /* Marron Amagate */
    background: #FFF6EE;       /* Orange très clair */
    border-left: 6px solid #F7931E; /* Orange Amagate */
    border-radius: 14px;
    margin-top: 1.1em;
    margin-bottom: 0.7em;
    padding: 1em 1em;
    min-height: 32px;
    position: relative;
}

/* Icône PNG devant chaque titre h2 */
.woocommerce div.product h2.fiche-titre::before,
.woocommerce div.product h2.fiche-caracteristiques::before,
.woocommerce div.product h2.fiche-motif::before,
.woocommerce div.product h2.fiche-couleurs::before,
.woocommerce div.product h2.fiche-inspiration::before,
.woocommerce div.product h2.fiche-entretien::before,
.woocommerce div.product h2.fiche-plus::before,
.woocommerce div.product h2.fiche-pochette::before,
.woocommerce div.product h2.fiche-pdf::before, 
.woocommerce div.product h2.fiche-bonus::before, 
.woocommerce div.product h2.fiche-tissus::before,
.woocommerce div.product h2.fiche-metrage::before {
    content: "";
    display: inline-block;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    margin-right: 0.50em;
    margin-left: -0.6em;
    flex-shrink: 0;
}

/* URLs des icônes */
.woocommerce div.product h2.fiche-caracteristiques::before {
    background-image: url("http://maboutique.local/wp-content/uploads/2026/02/caracteristiques.png");
}
.woocommerce div.product h2.fiche-motif::before {
    background-image: url("http://maboutique.local/wp-content/uploads/2026/02/motif.png");
}
.woocommerce div.product h2.fiche-couleurs::before {
    background-image: url("http://maboutique.local/wp-content/uploads/2026/02/couleurs.png");
}
.woocommerce div.product h2.fiche-inspiration::before {
    background-image: url("http://maboutique.local/wp-content/uploads/2026/02/inspiration.png");
}
.woocommerce div.product h2.fiche-entretien::before {
    background-image: url("http://maboutique.local/wp-content/uploads/2026/02/entretien.png");
}
.woocommerce div.product h2.fiche-plus::before {
    background-image: url("http://maboutique.local/wp-content/uploads/2026/02/plus.png");
}
.woocommerce div.product h2.fiche-pochette::before {
    background-image: url("http://maboutique.local/wp-content/uploads/2026/02/pochette.png");
}
.woocommerce div.product h2.fiche-pdf::before {
    background-image: url("http://maboutique.local/wp-content/uploads/2026/02/pdf.png");
}
.woocommerce div.product h2.fiche-bonus::before {
    background-image: url("http://maboutique.local/wp-content/uploads/2026/02/bonus.png");
}
.woocommerce div.product h2.fiche-tissus::before {
    background-image: url("http://maboutique.local/wp-content/uploads/2026/02/tissus.png");
}
.woocommerce div.product h2.fiche-metrage::before {
    background-image: url("http://maboutique.local/wp-content/uploads/2026/02/metrage.png");
}



/* -------------------------------------------------------------------------- */
/* 5) Responsive titres mobile                                                 */
/* -------------------------------------------------------------------------- */
@media (max-width: 600px) { 
  .woocommerce div.product h2.fiche-titre,
  .woocommerce div.product h2.fiche-caracteristiques,
  .woocommerce div.product h2.fiche-motif,
  .woocommerce div.product h2.fiche-couleurs,
  .woocommerce div.product h2.fiche-inspiration,
  .woocommerce div.product h2.fiche-entretien,
  .woocommerce div.product h2.fiche-plus,
  .woocommerce div.product h2.fiche-pochette,
  .woocommerce div.product h2.fiche-pdf, 
  .woocommerce div.product h2.fiche-bonus, 
  .woocommerce div.product h2.fiche-tissus, 
  .woocommerce div.product h2.fiche-metrage {
    font-size: 1.04em;
    padding: 0.38em 0.38em 0.38em 0.88em;
  }

  .woocommerce div.product h2.fiche-titre::before,
  .woocommerce div.product h2.fiche-caracteristiques::before,
  .woocommerce div.product h2.fiche-motif::before,
  .woocommerce div.product h2.fiche-couleurs::before,
  .woocommerce div.product h2.fiche-inspiration::before,
  .woocommerce div.product h2.fiche-entretien::before,
  .woocommerce div.product h2.fiche- plus::before,
  .woocommerce div.product h2.fiche-pochette::before,
  .woocommerce div.product h2.fiche-pdf::before, 
  .woocommerce div.product h2.fiche-bonus::before, 
  .woocommerce div.product h2.fiche-tissus::before,
  .woocommerce div.product h2.fiche-metrage::before {
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    margin-right: 0.38em;
    margin-left: -0.45em;
  }

.woocommerce div.product .woocommerce-Tabs-panel--description a {
  color: #F7931E;
  text-decoration: none;
  transition: color 0.3s ease;
}

.woocommerce div.product .woocommerce-Tabs-panel--description a:hover {
  color: #000;
}