/* ═══════════════════════════════════════════════════════════
   COMMERCIFY AD DETAILS - TYPOGRAPHY DESKTOP
   Desktop uniquement (≥992px)
   ═══════════════════════════════════════════════════════════ */

@media (min-width: 992px) {
    /* ============================================================
       TITRE PRINCIPAL DE L'ANNONCE (page de détail uniquement)
       ============================================================ */
    /* Cibler uniquement le titre dans product-info (page de détail), JAMAIS dans les vignettes */
    /* Les vignettes utilisent .product-card .product-title, donc on cible uniquement .product-info */
    /* Le sélecteur .product-info est spécifique à la page de détail, pas aux vignettes */
    .product-info .product-title,
    .product-info h2.product-title {
        font-family: cursive !important;
        font-size: 2.5rem !important; /* ~40px - titre principal plus grand que les autres */
        font-weight: 600 !important;
        color: #B8860B !important;
        text-shadow: none !important;
    }

    /* ============================================================
       DESCRIPTION DE L'ANNONCE
       ============================================================ */
    .product-details.entry p {
        font-family: cursive !important;
        font-size: 1.6rem !important; /* ~25.6px - augmenté de ~16% */
        font-weight: 400;
        line-height: 1.7 !important;
        color: #666 !important;
    }

    /* ============================================================
       SPÉCIFICATIONS
       ============================================================ */
    .product-details.entry .row.g-2 .d-flex.flex-column .mb-1 {
        font-family: cursive !important;
        font-size: 1.3rem !important; /* ~20.8px - augmenté de ~18% */
        font-weight: 500;
        color: #666 !important;
    }

    .product-details.entry .row.g-2 .badge {
        font-family: cursive !important;
        font-size: 1.3rem !important; /* ~20.8px - augmenté de ~18% */
        font-weight: 500;
    }

    /* ============================================================
       TAGS
       ============================================================ */
    .product-details.entry ul.d-flex.flex-wrap.g-1 .badge {
        font-family: cursive !important;
        font-size: 1.2rem !important; /* ~19.2px - augmenté de 20% */
        font-weight: 500;
    }

    /* ============================================================
       LOCALITÉ
       ============================================================ */
    /* Cibler les liens dans la liste de localité (liens avec catalog=country, catalog=postalcode, catalog=city) */
    .product-details.entry .list.list-sm.list-checked li a[href*="catalog=country"],
    .product-details.entry .list.list-sm.list-checked li a[href*="catalog=postalcode"],
    .product-details.entry .list.list-sm.list-checked li a[href*="catalog=city"] {
        font-family: cursive !important;
        font-size: 1.4rem !important; /* ~22.4px - augmenté de ~17% */
        font-weight: 500;
    }

    /* ============================================================
       LIVRAISON
       ============================================================ */
    /* Cibler les badges de livraison - utiliser un sélecteur plus spécifique */
    /* Les badges de livraison sont dans un ul.d-flex.flex-wrap.g-1 qui suit un h3 "Livraison" */
    .product-details.entry ul.d-flex.flex-wrap.g-1:not(:has(.badge[style*="background-color: #1f2937"])) li .badge,
    /* Alternative : cibler tous les badges dans ul.d-flex après le h3 Livraison */
    .product-details.entry > ul.d-flex.flex-wrap.g-1 li .badge {
        font-family: cursive !important;
        font-size: 1.3rem !important; /* ~20.8px - augmenté de ~18% */
        font-weight: 500;
    }
    
    /* Plus spécifique : badges avec padding: 8px 16px (caractéristique des badges de livraison) */
    .product-details.entry ul.d-flex.flex-wrap.g-1 li .badge[style*="padding: 8px 16px"] {
        font-family: cursive !important;
        font-size: 1.3rem !important; /* ~20.8px - augmenté de ~18% */
        font-weight: 500;
    }

    /* ============================================================
       TITRES DES SECTIONS (Description, Spécifications, Tags, Localité, Livraison, Infos)
       ============================================================ */
    /* Tous les titres h3 dans product-details avec taille augmentée */
    .product-details.entry h3.nk-block-title.page-title {
        font-family: cursive !important;
    }
    
    /* Titre de la section Infos - cibler par le style inline font-size: 1.5rem */
    .product-details.entry h3.nk-block-title.page-title[style*="font-size: 1.5rem"] {
        font-size: 2.3rem !important; /* ~36.8px - augmenté de ~15% */
        font-weight: 600;
    }
    
    /* Autres titres de sections (Description, Spécifications, Tags, Localité, Livraison) */
    .product-details.entry h3.nk-block-title.page-title:not([style*="font-size: 1.5rem"]) {
        font-size: 2.1rem !important; /* ~33.6px - augmenté de ~17% */
        font-weight: 600;
    }

    /* ============================================================
       SECTION INFOS
       ============================================================ */

    /* Liste des infos - cibler les li qui ont margin-bottom: 0.8rem ET qui contiennent des spans avec background rgba */
    .product-details.entry ul.list.list-sm.list-checked[style*="list-style: none"] li {
        font-family: cursive !important;
        font-size: 1.65rem !important; /* ~26.4px - augmenté de ~18% */
        font-weight: 400;
    }

    .product-details.entry ul.list.list-sm.list-checked[style*="list-style: none"] li span[style*="background: rgba(218,165,32,0.15)"] {
        font-family: cursive !important;
        font-size: 1.65rem !important; /* ~26.4px - augmenté de ~18% */
        font-weight: 500;
    }

    .product-details.entry ul.list.list-sm.list-checked[style*="list-style: none"] li a[href*="catalog=category"],
    .product-details.entry ul.list.list-sm.list-checked[style*="list-style: none"] li a[href*="catalog=scategory"],
    .product-details.entry ul.list.list-sm.list-checked[style*="list-style: none"] li a[href*="catalog=rayon"],
    .product-details.entry ul.list.list-sm.list-checked[style*="list-style: none"] li a[href*="catalog=srayon"] {
        font-family: cursive !important;
        font-size: 1.65rem !important; /* ~26.4px - augmenté de ~18% */
        font-weight: 500;
    }

    /* ============================================================
       SUPPRESSION DE L'EFFET DE FLOU (DESKTOP)
       ============================================================ */
    /* Supprimer l'effet de flou sur le type de prix et prix récurrence */
    .price-details,
    .price-value,
    .price-currency {
        filter: none !important;
        -webkit-filter: none !important;
    }

    /* Supprimer l'effet de flou sur les valeurs des spécifications */
    .product-details.entry .row.g-2 .badge {
        filter: none !important;
        -webkit-filter: none !important;
    }

    /* Supprimer l'effet de flou sur les tags */
    .product-details.entry ul.d-flex.flex-wrap.g-1 .badge {
        filter: none !important;
        -webkit-filter: none !important;
    }

    /* Supprimer l'effet de flou sur la livraison */
    .product-details.entry ul.d-flex.flex-wrap.g-1 li .badge[style*="padding: 8px 16px"] {
        filter: none !important;
        -webkit-filter: none !important;
    }
}

/* ============================================================
   SUPPRESSION DE L'EFFET DE FLOU (TOUS ÉCRANS)
   ============================================================ */
/* Supprimer l'effet de flou sur le type de prix et prix récurrence */
.price-details,
.price-value,
.price-currency {
    filter: none !important;
    -webkit-filter: none !important;
}

/* Supprimer l'effet de flou sur les valeurs des spécifications */
.product-details.entry .row.g-2 .badge {
    filter: none !important;
    -webkit-filter: none !important;
}

/* Supprimer l'effet de flou sur les tags */
.product-details.entry ul.d-flex.flex-wrap.g-1 .badge {
    filter: none !important;
    -webkit-filter: none !important;
}

/* Supprimer l'effet de flou sur la livraison */
.product-details.entry ul.d-flex.flex-wrap.g-1 li .badge[style*="padding: 8px 16px"] {
    filter: none !important;
    -webkit-filter: none !important;
}

/* ═══════════════════════════════════════════════════════════
   ALIGNEMENT BLOC IMAGE / GALERIE - PAGE DÉTAIL ANNONCE (Publisher AD Index)
   Aligner le bord du bloc image avec le bord des boutons (bookmark, etc.)
   et avec le bloc description/spécifications — LTR: gauche, RTL: droite (côté menu).
   On ne touche pas aux boutons ; seul le bloc .product-gallery est ramené au bord.
   ═══════════════════════════════════════════════════════════ */
.publisher-ad-action-buttons ~ .product-gallery {
    margin-inline-start: 0 !important;
    padding-inline-start: 0 !important;
}