@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//mondoconsole.com/wp-content/themes/woodmart/fonts/woodmart-font-3-400.woff2?v=8.0.6") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//mondoconsole.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//mondoconsole.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//mondoconsole.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//mondoconsole.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//mondoconsole.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//mondoconsole.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//mondoconsole.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//mondoconsole.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Satoshi", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 500;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "Satoshi", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Satoshi", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Satoshi", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 18px;
	--wd-header-el-font: "Satoshi", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 16px;
	--wd-brd-radius: 10px;
	--wd-primary-color: rgb(255,153,0);
	--wd-alternative-color: rgb(194,209,151);
	--wd-link-color: rgb(161,207,222);
	--wd-link-color-hover: rgb(145,186,199);
	--btn-default-bgcolor: rgb(36,36,36);
	--btn-default-bgcolor-hover: rgb(51,51,51);
	--btn-accented-bgcolor: rgb(255,153,0);
	--btn-accented-bgcolor-hover: rgb(255,153,0);
	--btn-font-weight: 500;
	--btn-transform: capitalize;
	--btn-color: rgb(255,255,255);
	--btn-font-size: 14px;
	--btn-bgcolor: rgb(16,16,16);
	--btn-color-hover: rgb(255,255,255);
	--btn-bgcolor-hover: rgb(16,16,16);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(249,63,57);
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: rgb(245,247,248);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(36,36,36);
	background-image: none;
}
html .page-title > .container > .title, html .page-title > .container > .wd-title-wrapp > .title {
	font-size: 28px;
	text-transform: capitalize;
}
.whb-top-bar .wd-nav.wd-nav-secondary > li > a {
	font-size: 13px;
}
html .wd-nav-mobile > li > a {
	text-transform: none;
}
html .wd-nav-mobile .wd-sub-menu li a {
	text-transform: none;
}
html .product.category-grid-item .wd-entities-title, html .product.category-grid-item.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .category-grid-item:first-child .wd-entities-title, html .product.wd-cat .wd-entities-title {
	text-transform: none;
}
html table th {
	text-transform: none;
}
html .wd-checkout-steps li {
	text-transform: none;
}
.page .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(245,247,248);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(245,247,248);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(245,247,248);
	background-image: none;
}
.single-post .wd-page-content {
	background-color: rgb(245,247,248);
	background-image: none;
}
.woodmart-archive-portfolio .wd-page-content {
	background-color: rgb(245,247,248);
	background-image: none;
}
.single-portfolio .wd-page-content {
	background-color: rgb(245,247,248);
	background-image: none;
}
html .wd-buy-now-btn {
	font-weight: 500;
	font-size: 14px;
	text-transform: capitalize;
	color: rgb(255,255,255);
	background: rgb(16,16,16);
}
html .wd-buy-now-btn:hover {
	color: rgb(255,255,255);
	background: rgb(16,16,16);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-bg: rgb(255,255,255);
}
.product-labels .product-label.onsale {
	background-color: rgb(52,152,219);
}
.product-labels .product-label.new {
	background-color: rgb(52,152,219);
}
.product-labels .product-label.featured {
	background-color: rgb(52,152,219);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	html .page-title > .container > .title, html .page-title > .container > .wd-title-wrapp > .title {
		font-size: 24px;
	}
	[class*="thumbs-grid-bottom"] .woocommerce-product-gallery__wrapper.wd-grid {
		--wd-col: 1;
	}

}

@media (max-width: 768.98px) {
	html .page-title > .container > .title, html .page-title > .container > .wd-title-wrapp > .title {
		font-size: 22px;
	}
	[class*="thumbs-grid-bottom"] .woocommerce-product-gallery__wrapper.wd-grid {
		--wd-col: 1;
	}

}
:root{
--wd-container-w: 1660px;
--wd-form-brd-radius: 35px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1660px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1660px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1660px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


@font-face {
	font-family: "Satoshi";
	src: url("//mondoconsole.com/wp-content/uploads/2024/10/Satoshi-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "Satoshi";
	src: url("//mondoconsole.com/wp-content/uploads/2024/10/Satoshi-Bold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
}

/*
 * STYLE GÉNÉRIQUE POUR LES DESCRIPTIONS LONGUES THÉMATIQUES (ex: Univers PlayStation sur page produit)
 * Objectif : Fond gris, blocs blancs, ombres, sans couleur orange.
 */

/*
 * STYLE POUR LA SECTION "UNIVERS PLAYSTATION" DANS UNE PAGE PRODUIT
 * OBJECTIF: Une seule grande carte, fond gris, ligne orange, pas de centrage.
 */

/* Conteneur principal de la section thématique sur la page produit
   C'est maintenant notre "grande carte" unique. */
.playstation-universe-section {
    font-family: Arial, sans-serif;
    background-color: #f4f6f8; /* Fond gris clair pour la carte entière */
    color: #333; /* Couleur de texte par défaut pour la carte */
    padding: 40px 30px; /* Marges internes pour le contenu de la carte */
    margin-top: 40px; /* Espace au-dessus de la carte */
    border-radius: 12px; /* Coins arrondis pour la carte */
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); /* Ombre pour la carte principale */
    box-sizing: border-box; /* S'assure que le padding est inclus dans la largeur */
    max-width: 100%; /* S'étend sur toute la largeur disponible du conteneur parent */
}

/* En-tête de la section (titre principal et paragraphe d'intro) */
.pu-header {
    text-align: left; /* Alignement à gauche comme sur l'image de référence */
    margin-bottom: 40px;
    padding: 0; /* Pas de padding ou fond ici, tout est géré par .playstation-universe-section */
    box-shadow: none; /* Supprime l'ombre s'il y en avait une */
    border-radius: 0;
}
.pu-header h1 {
    font-size: 2.3em; /* Ajusté pour une lecture en page produit */
    color: #222; /* Titre principal en gris foncé */
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #ff9900; /* Ligne orange sous le titre H1 */
    display: inline-block; /* Pour que la ligne ne prenne pas toute la largeur */
    position: relative;
    /* On retire l'ombre du texte pour un look plus plat */
    text-shadow: none;
}
/* Le pseudo-élément pour le soulignement du h1 */
.pu-header h1::after {
    content: none; /* Cache l'ancien soulignement par défaut si le thème l'ajoute */
}

.pu-header p {
    font-size: 1.1em;
    line-height: 1.7;
    color: #555; /* Texte intro en gris moyen */
}

/* Blocs de contenu (chaque sous-section comme "La Rivoluzione della Potenza") */
.pu-content-block {
    background-color: transparent; /* Pas de fond blanc pour les sous-blocs */
    border-radius: 0;
    padding: 0; /* Pas de padding pour les sous-blocs */
    margin-bottom: 30px; /* Espace entre les blocs de contenu */
    box-shadow: none; /* Pas d'ombre pour les sous-blocs */
}

.pu-content-block h2 {
    font-size: 2.2em;
    color: #222; /* Titres de section en gris foncé */
    margin-top: 40px; /* Espace au-dessus du h2 */
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ff9900; /* Ligne orange sous le h2 */
    display: inline-block; /* Pour la ligne */
    position: relative;
}
.pu-content-block h3 {
    font-size: 1.6em;
    color: #333; /* Sous-titres en gris plus clair */
    margin-top: 30px;
    margin-bottom: 15px;
}

.pu-content-block p {
    font-size: 1.05em;
    line-height: 1.7;
    margin-bottom: 15px;
    color: #555; /* Paragraphes en gris moyen */
}

.pu-content-block strong {
    color: #222; /* Texte gras en gris foncé */
}

.pu-content-block ul {
    list-style: disc; /* Puces de liste par défaut */
    padding-left: 20px;
    margin-bottom: 15px;
    color: #555; /* Couleur de texte des listes */
}
.pu-content-block ul li {
    margin-bottom: 8px;
    font-size: 1em;
}

.pu-content-block a {
    color: #007bff; /* Liens en bleu standard (car pas d'orange sur le texte) */
    text-decoration: none;
    font-weight: bold;
}
.pu-content-block a:hover {
    text-decoration: underline;
}

/* Section finale (pas de bouton d'action) */
.pu-final-block {
    background-color: transparent; /* Pas de fond blanc distinct */
    border-radius: 0;
    padding: 0;
    text-align: left; /* Alignement à gauche */
    box-shadow: none;
    color: #333;
    margin-top: 40px; /* Espace après la dernière section de contenu */
}
.pu-final-block p {
    font-size: 1.1em;
    color: #555;
    margin-bottom: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .playstation-universe-section {
        padding: 25px 15px; /* Réduction du padding sur mobile */
    }
    .pu-header h1 {
        font-size: 2.2em;
    }
    .pu-content-block h2 {
        font-size: 1.8em;
    }
}






/*
 * NOUVEAU DESIGN POUR LE MENU DE NAVIGATION PRINCIPAL
 * Objectif : Améliorer le style des liens, des indicateurs et des sous-menus.
 */

/* -- 1. STYLE DES LIENS DU MENU PRINCIPAL -- */

/* Chaque lien de premier niveau (Accueil, Offerte, PlayStation, etc.) */
.wd-nav.wd-nav-main > li > a.woodmart-nav-link {
    color: #333; /* Couleur de texte sombre pour la lisibilité sur fond clair */
    font-weight: 600;
    font-size: 1.05em; /* Taille de police légèrement ajustée */
    padding: 15px 0; /* Plus de padding vertical pour des zones de clic plus grandes */
    position: relative;
    transition: color 0.2s ease;
}

/* Effet au survol des liens du menu principal */
.wd-nav.wd-nav-main > li > a.woodmart-nav-link:hover {
    color: #ff9900; /* Votre couleur principale au survol */
}


/* -- 2. STYLE DE L'INDICATEUR DE SOUS-MENU (LA FLÈCHE) -- */

/* Style de la flèche (le pseudo-élément ::after) */
.wd-nav.wd-nav-main li.menu-item-has-children > a.woodmart-nav-link::after {
    /* Utilise l'icône chevron-down de Font Awesome */
    content: '\f107'; 
    font-family: 'Font Awesome 5 Free'; /* Assurez-vous que Font Awesome est bien chargé */
    font-weight: 900; /* Poids pour les icônes "solid" */
    font-size: 0.8em; /* Taille relative plus petite */
    vertical-align: middle;
    margin-left: 5px;
    color: #ff9900; /* Couleur principale pour la flèche */
    transition: transform 0.3s ease, color 0.2s ease;
}

/* Rotation et changement de couleur de la flèche à l'ouverture du sous-menu ou au survol */
.wd-nav.wd-nav-main li.menu-item-has-children.wd-active > a.woodmart-nav-link::after,
.wd-nav.wd-nav-main li.menu-item-has-children > a.woodmart-nav-link:hover::after {
    transform: rotate(180deg); /* La flèche pointe vers le haut */
    color: #e68a00; /* Une nuance légèrement plus foncée de votre orange au survol */
}


/* -- 3. STYLE DES MENUS DÉROULANTS (LES DROPDOWNS) -- */

/* Conteneur général de tous les sous-menus */
.wd-dropdown-menu.wd-dropdown {
    background-color: #ffffff !important; /* FOND BLANC STRICTEMENT CONSERVÉ */
    border-radius: 12px; /* Coins arrondis pour un look moderne */
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); /* Ombre prononcée pour l'effet "flottant" */
    border: 1px solid #e0e0e0; /* Bordure subtile pour délimiter la carte */
    padding: 15px 0; /* Espacement interne */
    margin-top: 10px; /* L'écarte légèrement du menu principal */
    min-width: 250px; /* Largeur minimale pour une meilleure lisibilité */
}

/* Style de la petite flèche qui pointe vers le haut depuis le dropdown (si votre thème l'utilise) */
.wd-dropdown-menu.wd-design-default::before {
    background-color: #ffffff !important; /* Doit correspondre au fond du dropdown */
    border-top: 1px solid #e0e0e0 !important; /* Bordure de la flèche */
    border-left: 1px solid #e0e0e0 !important;
    box-shadow: -2px -2px 5px rgba(0,0,0,0.05); /* Ombre subtile pour la flèche */
}


/* -- 4. STYLE DES ÉLÉMENTS DE SOUS-MENU -- */

/* Liste des éléments de sous-menu (ul) */
.wd-sub-menu, .wd-sub-menu .sub-sub-menu {
    list-style: none; /* Supprime les puces de liste */
    margin: 0;
    padding: 0;
}

/* Chaque lien dans les sous-menus */
.wd-sub-menu a.woodmart-nav-link {
    color: #444; /* Couleur de texte pour les sous-éléments */
    padding: 10px 25px; /* Zone de clic généreuse */
    display: block; /* Prend toute la largeur disponible */
    transition: all 0.2s ease; /* Transition douce au survol */
}

/* Effet au survol des liens de sous-menu */
.wd-sub-menu a.woodmart-nav-link:hover {
    background-color: #f5f5f5; /* Léger fond gris au survol */
    color: #ff9900; /* Texte en orange au survol */
    padding-left: 30px; /* Léger décalage pour un effet visuel */
}

/* Indentation pour les sous-sous-menus (si vous avez des niveaux profonds) */
.wd-sub-menu .sub-sub-menu a.woodmart-nav-link {
    padding-left: 40px; /* Plus d'indentation */
}

.wd-sub-menu .sub-sub-menu a.woodmart-nav-link:hover {
    padding-left: 45px; /* Décalage au survol */
}
/*
 * STYLE POUR LA TABLE DE VARIATIONS PRODUIT (SÉLECTION D'OPTIONS)
 */

/* Conteneur principal de la table de variations */
.variations {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
    font-family: Arial, sans-serif;
}

.variations tbody tr {
    border: none;
}

/* Cellule de l'étiquette (ex: "Pacco") */
.variations .label.cell {
    padding-right: 20px;
    font-size: 1.1em;
    font-weight: 600;
    color: #333;
    vertical-align: top;
    width: 150px;
    padding-top: 10px;
}

/* Texte du label (ex: "Pacco") */
.variations .label label {
    display: block;
    margin-bottom: 5px;
}

/* Nom de la variation sélectionnée sous le label */
.variations .label .woo-selected-variation-item-name {
    font-size: 0.9em;
    color: #555;
    font-weight: normal;
}

/* Cellule des options de variation (le conteneur des boutons) */
.variations .value.cell {
    padding-top: 5px;
}

/* Conteneur des éléments de variation (la liste <ul>) */
.variable-items-wrapper.button-variable-items-wrapper {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* --- STYLE DE CHAQUE BOUTON D'OPTION DE VARIATION --- */
.variable-item.button-variable-item {
    background-color: #fcfcfc; /* Fond très léger, presque blanc */
    border: 1px solid #e0e0e0; /* Bordure subtile */
    border-radius: 8px;
    padding: 10px 15px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); /* Ombre légère pour l'effet de carte */
    color: #555; /* Couleur du texte par défaut */
    font-size: 0.95em;
    font-weight: 500;
    text-align: center;
}

/* Contenu du bouton (le texte "AMD AI HX 370-32GB +2TB") */
.variable-item-span.variable-item-span-button {
    line-height: 1.2;
    color: inherit;
}


/* --- STYLE DE L'OPTION SÉLECTIONNÉE (ACTIVE) --- */
.variable-item.button-variable-item.selected {
    background-color: #ffffff; /* Fond blanc pur (ou fcfcfc) pour qu'il soit clair */
    border-color: #ff9900; /* Bordure orange éclatant (votre couleur principale) */
    color: #ff9900; /* Texte orange (votre couleur principale) */
    box-shadow: 0 5px 15px rgba(255, 153, 0, 0.2); /* Ombre plus prononcée, mais moins colorée */
    transform: translateY(-2px); /* Léger soulèvement pour l'effet "actif" */
    font-weight: 600;
}
/* S'assure que le texte du bouton sélectionné est bien orange */
.variable-item.button-variable-item.selected .variable-item-span-button {
    color: #ff9900;
}

/* --- STYLE AU SURVOL (pour les options non sélectionnées) --- */
.variable-item.button-variable-item:hover:not(.selected) {
    background-color: #f0f0f0; /* Fond légèrement plus foncé au survol */
    border-color: #d0d0d0; /* Bordure légèrement plus foncée */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* --- BOUTON "Svuota" (Reset) --- */
.wd-reset-var {
    margin-top: 15px;
    margin-left: 10px;
}
.wd-reset-var a.reset_variations {
    color: #ff9900;
    text-decoration: none;
    font-size: 0.9em;
    font-weight: 600;
}
.wd-reset-var a.reset_variations:hover {
    text-decoration: underline;
}

/* --- RESPONSIVE (ajustements pour les petits écrans) --- */
@media (max-width: 768px) {
    .variations .label.cell {
        width: 100%;
        margin-bottom: 10px;
    }
    .variations .value.cell {
        width: 100%;
    }
    .variable-items-wrapper.button-variable-items-wrapper {
        justify-content: flex-start;
    }
    .variable-item.button-variable-item {
        flex-grow: 1;
        min-width: unset;
    }
}

/* Stili AGGIUNTIVI da inserire nel tuo CSS principale per questo layout */
.feature-block {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 50px;
    margin-bottom: 50px;
}
.feature-block .text-content,
.feature-block .image-content {
    flex: 1;
    min-width: 0;
}
.feature-block.reverse {
    flex-direction: row-reverse;
}
.full-width-image {
    text-align: center;
    margin: 40px 0;
}

@media (max-width: 768px) {
    .feature-block, .feature-block.reverse {
        flex-direction: column;
    }
}
/*
 * CSS Réutilisable pour les Fiches Produits
 */

.product-description {
    font-family: Arial, sans-serif;
    color: #333;
    line-height: 1.6;
    max-width: 900px;
    margin: 0 auto;
}

.product-description h2 {
    font-size: 2em;
    font-weight: 700;
    color: #111;
    margin-bottom: 15px;
    border-bottom: 3px solid #ff9900;
    padding-bottom: 10px;
    display: inline-block;
}

.product-description h3 {
    font-size: 1.5em;
    font-weight: 600;
    color: #222;
    margin-top: 40px;
    margin-bottom: 20px;
}

.product-description h4 {
    font-size: 1.2em;
    font-weight: 600;
    color: #444;
    margin-top: 30px;
    margin-bottom: 15px;
}

.product-description p {
    margin-bottom: 20px;
}

.product-description strong {
    color: #111;
}

.product-description .responsive-img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 20px 0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* Style des listes à puces */
.product-features ul {
    list-style: none;
    padding-left: 0;
}

.product-features li {
    padding-left: 25px;
    position: relative;
    margin-bottom: 12px;
}

.product-features li::before {
    content: '✓'; /* Ou une icône Font Awesome */
    position: absolute;
    left: 0;
    color: #ff9900; /* Votre couleur principale */
    font-weight: bold;
}

/* Style des tableaux de spécifications */
.product-specs table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
}

.product-specs th, .product-specs td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #e0e0e0;
}

.product-specs th {
    background-color: #f9f9f9;
    font-weight: 600;
    width: 30%;
}

.product-specs tr:last-child th,
.product-specs tr:last-child td {
    border-bottom: none;
}

/* Section Garantie */
.product-warranty p {
    background-color: #f4f6f8;
    border-left: 4px solid #ff9900;
    padding: 15px;
    border-radius: 0 4px 4px 0;
	display: none !important;
}

.product-warranty h3 {
	display: none !important;
}



/* Responsive */
@media (max-width: 768px) {
    .product-description h2 { font-size: 1.8em; }
    .product-description h3 { font-size: 1.3em; }
}
.univers-title .title-after_title{
font-size: 1.2em !important;
    color: rgba(255, 255, 255, 0.85) !important; /* Blanc semi-transparent */
    max-width: 700px;
    margin: 15px auto 0 auto;align-content}
.univers-title h2{
	font-size: 3em !important;
    color: #ffffff !important; /* Titre en blanc pour un contraste parfait */
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); /* Ombre portée pour la lisibilité */
}
.univers-ps {
     background: linear-gradient(135deg, #003087 0%, #0054a6 100%) !important;
}
.univers-xbox {
     background: linear-gradient(135deg, #107c10 0%, #5dc21e 100%) !important;
}
.univers-nin {
     background: linear-gradient(135deg, #e60012 0%, #ff5562 100%) !important;
}
/*
 * DESIGN IMMERSIF POUR LA SECTION "UNIVERS PLAYSTATION"
 */

/* -- 1. CONTENEUR PRINCIPAL DE LA SECTION -- */

/* On cible la section complète grâce à sa classe unique */
.vc_custom_1752432474457 {
    /* Fond bleu PlayStation, mais avec un dégradé subtil pour un look premium */
    background: linear-gradient(135deg, #003087 0%, #0054a6 100%) !important;
    padding: 80px 25px !important; /* Marge interne généreuse */
}


/* -- 2. TITRE ET SOUS-TITRE DE LA SECTION -- */

/* Conteneur du titre */
#wd-687401f9b49f8 {
    margin-bottom: 50px !important;
}

/* Titre principal (es. "Univers Playstation") */
#wd-687401f9b49f8 .woodmart-title-container {
    font-size: 3em !important;
    color: #ffffff !important; /* Titre en blanc pour un contraste parfait */
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); /* Ombre portée pour la lisibilité */
}

/* On retire le soulignement orange ici, car il ne s'accorde pas avec le fond bleu */
#wd-687401f9b49f8 .title-wrapper.wd-underline-colored .liner-continer::after {
    display: none !important;
}

/* Sous-titre */
#wd-687401f9b49f8 .title-after_title {
    font-size: 1.2em !important;
    color: rgba(255, 255, 255, 0.85) !important; /* Blanc semi-transparent */
    max-width: 700px;
    margin: 15px auto 0 auto;
}


/* -- 3. BANNIÈRE PROMOTIONNELLE (CARROUSEL) -- */

/* On s'assure que la bannière a des coins arrondis et une ombre */
.promo-banner-wrapper .promo-banner {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}


/* -- 4. SYSTÈME D'ONGLETS (TABS) POUR LES PRODUITS -- */

/* Conteneur des onglets (Console, Giochi, Accessori) */
#wd-6874018086a25 .wd-nav-tabs-wrapper {
    margin-bottom: 40px;
}

/* Chaque onglet */
#wd-6874018086a25 .wd-nav-tabs .wd-nav-link {
    font-size: 1.1em;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7); /* Onglets inactifs en blanc semi-transparent */
    padding: 10px 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 3px solid transparent; /* Bordure transparente par défaut */
    transition: color 0.3s ease, border-color 0.3s ease;
}

/* Style de l'onglet actif et au survol */
#wd-6874018086a25 .wd-nav-tabs li.wd-active .wd-nav-link,
#wd-6874018086a25 .wd-nav-tabs li:hover .wd-nav-link {
    color: #ffffff !important; /* Blanc plein */
    border-bottom-color: #ffffff !important; /* Soulignement blanc */
}


/* -- 5. STYLE DES PRODUITS DANS LES ONGLETS -- */

/* On transforme chaque produit en carte blanche pour un contraste maximal */
#wd-6874018086a25 .wd-product {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
    overflow: hidden;
    padding: 15px; /* Espace intérieur pour la carte */
}

/* On s'assure que le titre du produit est bien visible */
#wd-6874018086a25 .wd-product .wd-entities-title a {
    color: #333;
    font-weight: 600;
}
#wd-6874018086a25 .wd-product .wd-entities-title a:hover {
    color: #0073e6; /* Bleu PlayStation pour le survol */
}

/* Prix */
#wd-6874018086a25 .wd-product .price {
    color: #111;
    font-weight: bold;
}
/*
 * NOUVEAU DESIGN POUR LA SECTION DES MARQUES (MIS À JOUR)
 */

/* -- 1. CONTENEUR PRINCIPAL DE LA SECTION -- */

/* On cible la section complète pour le fond et les marges latérales */
.vc_custom_1752426846187 {
    background-color: #f4f6f8 !important;
    padding: 60px 25px !important; /* Ajoute 25px de marge à gauche et à droite */
}


/* -- 2. TITRE DE LA SECTION -- */

/* Conteneur du titre */
#wd-6873ee8d96f18 {
    margin-bottom: 50px !important;
}

/* Titre principal (es. "Marchi imperdibili...") */
#wd-6873ee8d96f18 .woodmart-title-container {
    font-size: 2.8em !important;
    color: #222;
    font-weight: 700 !important;
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
}

/* Soulignement décoratif orange */
#wd-6873ee8d96f18 .woodmart-title-container::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background-color: #ff9900;
    border-radius: 2px;
}


/* -- 3. GRILLE ET CARTES DES MARQUES -- */

/* On cible la grille qui contient les logos */
#brands_8363 .wd-grid-g {
    /* C'est ici qu'on ajoute l'espacement entre les cartes */
    gap: 25px; /* Ajoute un espace de 25px entre chaque colonne et chaque rangée */
}

/* On cible chaque logo de marque */
.wd-brands .brand-item {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    border: none !important;
	margin-bottom: 25px !important;
	margin-left:25px !important;
}

.wd-brands .brand-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

/* Style de l'image du logo à l'intérieur de la carte */
.wd-brands .brand-item img {
    max-width: 80%;
    max-height: 80%;
    height: auto;
    object-fit: contain;
}

/* Pastille de la date */
.wd-post-date {
    background-color: #ff9900 !important;
    box-shadow: 0 4px 10px rgba(255, 153, 0, 0.4);
}

/*
 * DESIGN POUR LA SECTION AVIS CLIENTS
 */

/*
 * DESIGN POUR LA SECTION AVIS CLIENTS (REVC) - THÈME CLAIR
 * Inspiré par l'esthétique de Google Reviews
 */

/* -- 1. CONTENEUR PRINCIPAL DE LA SECTION -- */
.revc-section {
    position: relative;
    background-color: #f8f9fa; /* Fond très clair, presque blanc */
    color: #5f6368; /* Couleur de texte par défaut (gris Google) */
    padding: 80px 0;
    overflow: hidden;
}

.revc-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    z-index: 2;
}

/* -- 2. EN-TÊTE DE LA SECTION -- */
.revc-section-header {
    text-align: center;
    margin-bottom: 50px;
    /* Styles pour l'animation (conservés) */
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.revc-section-header.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.revc-eyebrow {
    color: #ff9900; /* Votre couleur principale ressort bien sur le fond clair */
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.9em;
}
.revc-main-title {
    font-size: 2.8em;
    color: #202124; /* Noir foncé pour les titres (Google) */
    margin: 10px 0;
}
.revc-main-subtitle {
    font-size: 1.1em;
    max-width: 600px;
    margin: 10px auto 0 auto;
    color: #5f6368;
}

/* -- 3. CARROUSEL ET CARTES D'AVIS -- */

/* Conteneur du carrousel */
.revc-swiper-container {
    padding-bottom: 50px; /* Espace pour la pagination */
    /* Styles pour l'animation (conservés) */
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease 0.2s, transform 0.6s ease 0.2s;
}
.revc-swiper-container.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Carte d'avis individuelle */
.revc-card {
    background: #ffffff; /* Fond blanc pur pour chaque carte */
    padding: 25px;
    border-radius: 12px;
    border: 1px solid #dadce0; /* Bordure grise subtile (style Google) */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); /* Ombre douce et professionnelle */
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* En-tête de la carte d'avis */
.revc-card-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}
.revc-avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
}
.revc-author-info { flex-grow: 1; }
.revc-author-name { font-weight: 600; color: #202124; }
.revc-date { font-size: 0.85em; color: #5f6368; }
.revc-source-logo { height: 24px; width: auto; }

/* Étoiles de notation */
.revc-rating {
    color: #ff9900; /* Votre couleur principale pour les étoiles */
    margin-bottom: 15px;
}
.revc-rating .fa-star-half-alt {
    color: #ff9900;
}
.revc-rating .far.fa-star {
    color: #dcdcdc; /* Étoile vide en gris clair */
}

/* Texte de l'avis */
.revc-text {
    font-size: 1em;
    line-height: 1.6;
    margin: 0;
    flex-grow: 1; /* Pousse l'auteur en bas */
    color: #3c4043; /* Texte de l'avis un peu plus foncé */
}

/* -- 4. NAVIGATION DU CARROUSEL -- */

/* Pagination (points) */
.revc-swiper-pagination .swiper-pagination-bullet {
    background-color: #bdc1c6; /* Points inactifs en gris */
}
.revc-swiper-pagination .swiper-pagination-bullet-active {
    background-color: #ff9900; /* Point actif en orange */
}

/* Flèches de navigation */
.revc-swiper-button-prev, .revc-swiper-button-next {
/*     color: #ff9900 !important; /* Flèches en orange */ 
	position: absolute; /* Ils sont déjà absolus par défaut de Swiper */
    top: 50%; /* Centre verticalement */
    transform: translateY(-50%); /* Ajuste pour leur propre hauteur */
    width: 45px; /* Taille du bouton (cercle) */
    height: 45px;
    background-color: #ff9900; /* Votre couleur principale */
    color: #ffffff !important; /* Couleur de la flèche (blanc) */
    border-radius: 50%; /* Bouton rond */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); /* Ombre douce et élégante */
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    z-index: 10;
}
.revc-swiper-button-prev {
    left: -15px; /* Décale le bouton de 15px du bord gauche du conteneur parent */
}
.revc-swiper-button-next:hover,
.revc-swiper-button-prev:hover {
    background-color: #e68a00; /* Orange légèrement plus foncé au survol */
    transform: translateY(-50%) scale(1.08); /* Agrandit légèrement le bouton */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.35); /* Ombre plus marquée au survol */
}
.revc-swiper-button-next:after,
.revc-swiper-button-prev:after {
    font-size: 18px !important; /* Taille de la flèche, plus grande pour plus de visibilité */
}
/*
 * NOUVEAU DESIGN POUR LES BOUTONS DE NAVIGATION DU CARROUSEL D'AVIS
 * Objectif : Plus attractifs et repositionnés hors des cartes.
 */

/* -- 1. REPOSITIONNEMENT ET ESPACEMENT -- */

/* On ajoute un padding au conteneur du Swiper pour "pousser" les slides vers l'intérieur,
   libérant ainsi de l'espace sur les côtés pour les boutons */
.revc-swiper-container {
    padding-left: 60px; /* Espace à gauche pour le bouton précédent */
    padding-right: 60px; /* Espace à droite pour le bouton suivant */
    position: relative; /* Assure que les boutons absolus restent à l'intérieur */
    /* Les autres styles existants pour .revc-swiper-container sont conservés */
}

/* Style de base des boutons (précédent et suivant) */
.swiper-button-next,
.swiper-button-prev {
    position: absolute; /* Ils sont déjà absolus par défaut de Swiper */
    top: 50%; /* Centre verticalement */
    transform: translateY(-50%); /* Ajuste pour leur propre hauteur */
    width: 45px; /* Taille du bouton (cercle) */
    height: 45px;
    background-color: #ff9900; /* Votre couleur principale */
    color: #ffffff !important; /* Couleur de la flèche (blanc) */
    border-radius: 50%; /* Bouton rond */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); /* Ombre douce et élégante */
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    z-index: 10; /* Assure qu'ils sont au-dessus des avis */
}

/* Position spécifique du bouton "précédent" */
.swiper-button-prev {
    left: 15px; /* Décale le bouton de 15px du bord gauche du conteneur parent */
}

/* Position spécifique du bouton "suivant" */
.swiper-button-next {
    right: 15px; /* Décale le bouton de 15px du bord droit du conteneur parent */
}

/* -- 2. AMÉLIORATIONS VISUELLES AU SURVOL -- */

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: #e68a00; /* Orange légèrement plus foncé au survol */
    transform: translateY(-50%) scale(1.08); /* Agrandit légèrement le bouton */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.35); /* Ombre plus marquée au survol */
}

/* Ajustement de la taille de l'icône de la flèche à l'intérieur du bouton */
.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 18px !important; /* Taille de la flèche, plus grande pour plus de visibilité */
}


/* -- 3. RESPONSIVE (POUR LES PETITS ÉCRANS) -- */

@media (max-width: 767px) {
    .revc-swiper-container {
        padding-left: 10px; /* Réduit le padding sur mobile */
        padding-right: 10px;
    }
    .swiper-button-next,
    .swiper-button-prev {
        /* On peut les cacher sur mobile ou les rendre plus petits si l'espace est limité */
        /* display: none !important; */ /* Optionnel: les cacher complètement sur mobile */
        width: 35px; /* Plus petits sur mobile */
        height: 35px;
        left: 5px; /* Plus proche des bords */
        right: 5px;
    }
    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 14px !important;
    }
}

/* Position spécifique du bouton "suivant" */
.revc-swiper-button-next {
    right: -15px; /* Décale le bouton de 15px du bord droit du conteneur parent */
}
/*
 * NOUVEAU DESIGN POUR LA PAGE D'ARTICLE DE BLOG (SINGLE POST)
 * Objectif : Rendre la page plus immersive, lisible et professionnelle
 */
.top-bar-message {
    color: rgb(255 255 255 / 85%);
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    padding: 0 15px; /* Évite que le texte ne colle aux bords sur petits écrans */
}
.top-bar-message strong {
    color: #ffffff;
    text-transform: uppercase;
    margin-right: 8px;
}
.top-bar-message a {
    color: inherit !important;
    text-decoration: underline !important;
    font-weight: 700 !important;
    margin-left: 16px important;
	    color: #ffffff !important;

}
.top-bar-message a:hover {
    color: #ffffff;
}
.carousel-slide {
  display: none;
  padding: 20px;
  font-family: 'Fellix', Arial, sans-serif;
  font-size: 1.2em;
  color: #ffffff;
	margin-top: 45px !important;
}

.carousel-slide.active {
  display: block;
  animation: fadeIn 0.5s ease-in-out;
}





@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
/* -- 1. MISE EN PAGE GÉNÉRALE -- */

/* On donne un fond clair à toute la page pour un look moderne */
.single-post .main-page-wrapper {
    background-color: #f8f9fa;
}

/* Le conteneur principal de l'article devient une "carte" centrale */
.single-post .site-content {
    background-color: #ffffff;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    margin-top: -80px; /* Fait remonter la carte sur le titre de la page */
    position: relative; /* Nécessaire pour l'empilement */
    z-index: 2;
}

/* On ajuste la mise en page pour que la carte soit bien centrée */
.single-post main.wd-content-layout {
    --wd-col-lg: 12; /* Force la pleine largeur */
}
.single-post .wd-content-area {
    max-width: 850px; /* Largeur de lecture confortable */
    margin: 0 auto;
    float: none; /* Annule le flottement par défaut */
}
.single-post .sidebar-container {
    display: none; /* On cache la barre latérale pour une expérience de lecture immersive */
}


/* -- 2. STYLE DE L'EN-TÊTE DE L'ARTICLE -- */
.wd-post-cat.wd-style-with-bg{
height: 30px !important;

}
/* Conteneur de l'en-tête */
.wd-single-post-header {
    text-align: center; /* Centre tous les éléments de l'en-tête */
    margin-bottom: 40px;
}

/* Catégorie de l'article */
.wd-single-post-header .wd-post-cat a {
    background-color: #ff9900; /* Votre couleur principale */
    color: #111;
    font-weight: bold;
    padding: 6px 15px;
    border-radius: 20px;
    text-transform: uppercase;
    font-size: 0.8em;
    letter-spacing: 0.5px;
}

/* Titre principal de l'article */
.wd-single-post-header .wd-entities-title {
    font-size: 3em;
    font-weight: 700;
    color: #222;
    line-height: 1.2;
    margin: 20px 0;
}

/* Métadonnées (auteur, date) */
.wd-single-post-header .wd-post-meta {
    display: flex;
    justify-content: center;
    gap: 20px;
    color: #777;
    font-size: 0.9em;
}

/* Image mise en avant */
.wd-single-post-img {
    margin-top: 30px;
}
.wd-single-post-img img {
    border-radius: 12px; /* Coins arrondis pour l'image */
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}


/* -- 3. STYLE DU CONTENU DE L'ARTICLE -- */

/* On améliore la lisibilité du corps du texte */
.wd-entry-content {
    font-size: 1.1em;
    line-height: 1.8;
    color: #333;
}
.wd-entry-content h2 {
    font-size: 1.8em;
    font-weight: 600;
    margin-top: 50px;
    margin-bottom: 20px;
    color: #222;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 10px;
}
.wd-entry-content h3 {
    font-size: 1.5em;
    font-weight: 600;
    color: #ff9900;
    margin-top: 40px;
    margin-bottom: 15px;
}
.wd-entry-content p, .wd-entry-content ul, .wd-entry-content ol {
    margin-bottom: 20px;
}
.wd-entry-content strong {
    color: #111;
}
.wd-entry-content a {
    color: #ff9900;
    text-decoration: none;
    font-weight: 600;
}
.wd-entry-content a:hover {
    text-decoration: underline;
}

/* Style de la table de comparaison (si présente) */
.wd-entry-content .comparison-table {
    border: 1px solid #e0e0e0;
}
.wd-entry-content .comparison-table th {
    background-color: #f9f9f9;
}


/* -- 4. SUPPRESSION DES ÉLÉMENTS INDÉSIRABLES -- */

/* On cache les boutons de partage des réseaux sociaux */
.wd-single-footer .wd-social-icons {
    display: none !important;
}

/* On cache la section complète des commentaires (formulaire + liste) */
#comments.comments-area {
    display: none !important;
}

/* On cache aussi le lien "0 comments" dans les métadonnées */
.wd-post-meta .wd-meta-reply {
    display: none !important;
}

/* On cache la pagination vers l'article suivant/précédent */
.wd-page-nav {
    display: none !important;
}
/* Stile per la tabella di confronto */
.comparison-table {
    width: 100%;
    margin: 30px 0;
    border-collapse: collapse;
    font-size: 1em;
}
.comparison-table th, .comparison-table td {
    padding: 12px 15px;
    text-align: left;
    border: 1px solid #e0e0e0;
}
.comparison-table thead th {
    background-color: #f5f5f5;
    font-weight: bold;
    color: #333;
}
.comparison-table tbody tr:nth-child(odd) {
    background-color: #fdfdfd;
}
.comparison-table td strong {
    color: #ff9900; /* La tua colore principale */
}
/*
 * NOUVEAU DESIGN POUR L'ICÔNE D'AIDE PERSONNALISÉE
 */


/* Conteneur de l'icône : on le transforme en grille pour un contrôle total */
.icon-poser-question.fa-stack {
    display: grid; /* Utilise la grille pour un centrage parfait */
    place-items: center; /* Centre les deux icônes horizontalement et verticalement */
    font-size: 22px; /* Taille de base pour correspondre aux autres icônes */
    width: 2em;  /* S'assure que le conteneur a la bonne taille */
    height: 2em; /* S'assure que le conteneur a la bonne taille */
    vertical-align: middle;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	   margin-top: 30px !important;
}

/* Les icônes à l'intérieur de la grille */
.icon-poser-question .fa-solid {
    grid-area: 1 / 1 / 2 / 2; /* Force les deux icônes à occuper le même espace */
}

/* Style du cercle d'arrière-plan */
.icon-poser-question .fa-circle {
    color: #ff9900;
    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25));
    transition: color 0.3s ease;
}

/* Le point d'interrogation utilise déjà .fa-inverse (blanc) */
.icon-poser-question .fa-question {
    /* (Optionnel) Ajustement fin si nécessaire */
    /* transform: translateY(-1px); */ 
}

/* Effet de survol */
.wd-header-help-icon a:hover .icon-poser-question {
    transform: scale(1.15);
}
.wd-header-help-icon a:hover .icon-poser-question .fa-circle {
    color: #e68a00;
}

/*
 * NOUVEAU DESIGN POUR LA PAGE DE CONFIRMATION DE COMMANDE
 * Thème clair, professionnel et rassurant
 */

/* -- 1. MISE EN PAGE GÉNÉRALE -- */

/* Fond de page et style de la barre de progression */
.woocommerce-order-received .main-page-wrapper {
    background-color: #f4f6f8; /* Fond gris clair */
}
/* On garde le style de la barre de progression que nous avons déjà défini */
.woocommerce-order-received .wd-checkout-steps li.step-active span {
    color: #ff9900;
}
.woocommerce-order-received .wd-checkout-steps li.step-active::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #ff9900;
}


/* -- 2. CARTE DE REMERCIEMENT -- */

/* Conteneur principal qui deviendra la carte de remerciement */
.woocommerce-order {
    max-width: 800px;
    margin: 40px auto;
    background-color: #ffffff;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    text-align: center;
}

/* Message de remerciement (vert) */
.woocommerce-notice--success.woocommerce-thankyou-order-received {
    background-color: #e8f5e9; /* Fond vert pastel */
    color: #2e7d32; /* Texte vert foncé */
    border-top-color: #4caf50; /* Bordure verte vive */
    border-radius: 8px;
    padding: 20px;
    font-size: 1.2em;
    margin-bottom: 30px;
}

/* Icône de coche devant le message */
.woocommerce-notice--success::before {
    content: '\f147'; /* Icône de coche de WooCommerce */
    font-family: 'WooCommerce';
    color: #4caf50;
    font-size: 1.5em;
    margin-right: 10px;
}


/* -- 3. RÉCAPITULATIF DE LA COMMANDE -- */

/* Liste des détails de la commande (numéro, date, etc.) */
.woocommerce-order-overview {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    list-style: none;
    padding: 20px;
    margin: 0 auto 40px auto;
    background-color: #f9f9f9;
    border: 1px dashed #ddd;
    border-radius: 8px;
}

.woocommerce-order-overview li {
    padding: 10px 15px;
    text-align: center;
    color: #555;
    flex-basis: 45%; /* S'assure que les éléments prennent de la place */
}

.woocommerce-order-overview li strong {
    display: block;
    font-size: 1.3em;
    color: #333;
    margin-top: 5px;
}


/* -- 4. SECTIONS "DÉTAILS" ET "ADRESSE" -- */

/* On transforme les sections en "cartes" imbriquées */
.woocommerce-order-details,
.woocommerce-customer-details {
    text-align: left;
    margin-top: 40px;
    padding: 25px;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
}

.woocommerce-order-details__title,
.woocommerce-customer-details .woocommerce-column__title {
    font-size: 1.5em;
    color: #222;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}

/* Style de la table des détails de commande */
.woocommerce-table--order-details {
    width: 100%;
}
.woocommerce-table--order-details tfoot tr:last-child {
    border-top: 2px solid #ddd;
}
.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-table--order-details tfoot tr:last-child td {
    font-size: 1.1em;
    font-weight: bold;
    color: #333;
}

/* Style de l'adresse de facturation */
.woocommerce-customer-details address {
    font-style: normal;
    line-height: 1.7;
    color: #555;
    border-left: 4px solid #ff9900;
    padding-left: 15px;
}

/*
 * NOUVEAU DESIGN MODULAIRE POUR LA PAGE PRODUIT
 * Chaque section est une "carte" avec une ombre portée.
 */

/* -- 1. PRÉPARATION DE LA PAGE -- */
.wd-gallery-thumb .wd-thumb-active img {
    border-color: #ff9900; /* Met en évidence la vignette active */
}
.wd-gallery-thumb .wd-carousel-item {
    padding: 5px;
}
.wd-gallery-thumb img {
    border-radius: 5px;
    border: 2px solid transparent;
    transition: border-color 0.3s;
}
/* Fond général de la page pour faire ressortir les cartes */
.single-product .main-page-wrapper {
    background-color: #f4f6f8; /* Un gris très clair, presque blanc */
    padding-top: 40px;
    padding-bottom: 40px;
}

/* On s'assure que les colonnes ont assez d'espace */
.single-product .vc_row[data-vc-full-width] {
    overflow: visible !important;
}


/* -- 2. LA CARTE DE LA GALERIE D'IMAGES -- */

.wd-single-gallery {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
/* On arrondit aussi les images à l'intérieur */
.woocommerce-product-gallery__image, .woocommerce-product-gallery__image img {
    border-radius: 8px;
}


/* -- 3. LA CARTE D'INFORMATIONS PRINCIPALES (TITRE, PRIX, BOUTON) -- */



/* Titre du produit */
h1.product_title {
    font-size: 2.0em;
    color: #222;
    margin-bottom: 15px;
}

/* Prix : toujours un point focal */
.wd-single-price .price {
    font-size: 2.4em;
    font-weight: 700;
    color: #ff9900;
}

/* Description courte */
.woocommerce-product-details__short-description {
    font-size: 1.05em;
    color: #555;
    line-height: 1.6;
    margin-bottom: 25px;
}

/* La zone d'achat conserve son style, mais s'intègre mieux */
.wd-single-add-cart form.cart {
    margin-top: 25px;
    padding: 0;
    box-shadow: none;
    background: none;
}


/* -- 4. NOUVEAU DESIGN POUR LA SECTION DE RÉASSURANCE -- */

/* Chaque élément de réassurance est maintenant une "mini-carte" en ligne */
/* -- 4. NOUVEAU DESIGN POUR LA SECTION DE RÉASSURANCE (MIS À JOUR) -- */

/* Conteneur principal */
.product-reassurance-wrapper {
    display: flex;
    flex-direction: column; /* Les éléments sont en colonne */
    gap: 15px; /* Espace entre chaque carte */
    margin-top: 30px;
    padding: 0;
    background: none;
    border: none;
}

/* Chaque carte de réassurance */
.reassurance-item {
    display: flex;
    align-items: center; /* Centre verticalement */
    gap: 15px;
    background-color: #ffffff;
    padding: 15px 20px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);
    border: 1px solid #f0f0f0;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.reassurance-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

/* Icône */
.reassurance-icon {
    font-size: 1.8em;
    color: #ff9900;
    flex-shrink: 0; /* Empêche l'icône de se rétrécir */
}

/* Conteneur pour le texte (titre + sous-titre) */
.reassurance-text {
    display: flex;
    flex-direction: column; /* *** C'est la ligne clé qui met le sous-titre en dessous *** */
}

/* Titre (ex: "Spedizione Rapida") */
.reassurance-text strong {
    font-size: 1.05em;
    font-weight: 600;
    color: #333;
    line-height: 1.3;
}

/* Sous-titre (ex: "Consegna in 24/72 ore") */
.reassurance-text span {
    font-size: 0.9em;
    color: #666;
    line-height: 1.3;
}


/* -- 5. LA CARTE DE LA DESCRIPTION DÉTAILLÉE -- */

.wd-single-content {
    background-color: #ffffff;
    padding: 30px;
    margin-top: 40px; /* Espace avec les cartes du dessus */
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

/* Style du titre "Descrizione del prodotto" */
.wd-single-content ~ .title-wrapper {
    margin-top: 60px;
}
.wd-single-content ~ .title-wrapper .title {
    font-size: 1.8em !important;
    text-align: left;
}


/* -- 6. LA CARTE DES PRODUITS CONNEXES -- */

.wd-products-element.wd-products.related {
    background-color: #ffffff;
    padding: 30px;
    margin-top: 40px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.wd-products-element.wd-products.related .slider-title {
    font-size: 1.8em;
    text-align: left;
    padding-bottom: 20px;
}

/* On s'assure que les produits à l'intérieur des cartes n'ont pas d'ombre supplémentaire */
.wd-products-element.wd-products.related .wd-product {
    box-shadow: none;
    border: 1px solid #eee;
    border-radius: 8px;
}
/*
 * STYLE POUR LE TITRE "DESCRIZIONE DEL PRODOTTO"
 */

/* Cible le conteneur du titre pour le positionner et l'espacer */
#wd-68730939adc93 {
    text-align: left !important; /* Force l'alignement à gauche */
    margin-bottom: 25px !important;
    margin-top: 50px; /* Espace au-dessus, avant la carte de description */
}

/* Style du titre lui-même */
#wd-68730939adc93 .title {
    font-size: 2em !important; /* Taille de police importante et lisible */
    color: #222;
    font-weight: 700;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}

/* Crée un "soulignement" décoratif avec la couleur principale */
#wd-68730939adc93 .title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px; /* Longueur du soulignement */
    height: 4px; /* Épaisseur du soulignement */
    background-color: #ff9900;
    border-radius: 2px;
}
/*
 * STYLE POUR LE TITRE "PRODOTTI CORRELATI"
 */

/* Cible le titre à l'intérieur du carrousel de produits */
.wd-products-element .slider-title {
    text-align: left !important; /* Force l'alignement à gauche */
    font-size: 2em !important;
    color: #222;
    font-weight: 700;
    position: relative; /* Nécessaire pour le pseudo-élément ::after */
    display: inline-block; /* Pour que le soulignement ne prenne pas toute la largeur */
    padding-bottom: 10px;
    margin-bottom: 25px; /* Espace entre le titre et les produits */
}

/* Crée le soulignement décoratif orange */
.wd-products-element .slider-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 4px;
    background-color: #ff9900; /* Votre couleur principale */
    border-radius: 2px;
}


/*
 * DESIGN PER LA PAGINA "CENTRO DI AIUTO" (FAQ)
 * Stile per la struttura a categorie espandibili
 */

.pagina-centro-aiuto {
    font-family: Arial, sans-serif;
    background-color: #f8f9fa; /* Sfondo chiaro e pulito */
    padding-bottom: 60px;
}

/* Stile dell'intestazione */
.faq-header {
    text-align: center;
    padding: 60px 20px;
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
}

.faq-header h1 {
    font-size: 2.8em;
    color: #333;
    margin-bottom: 10px;
}

.faq-header p {
    font-size: 1.2em;
    color: #666;
    max-width: 600px;
    margin: 0 auto;
}

/* Contenitore delle categorie */
.faq-content-wrapper {
    max-width: 900px;
    margin: 40px auto;
    padding: 0 20px;
}

/* Stile per ogni blocco domanda/risposta */
.faq-item {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.3s ease;
    overflow: hidden; /* Aggiunto per contenere l'animazione */
}

.faq-item:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.faq-category-title {
    font-size: 1.8em;
    color: #ff9900; /* La tua colore principale */
    margin-top: 50px;
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 2px solid #ff9900;
}
.faq-category-title:first-of-type {
    margin-top: 0;
}

.faq-item h4 {
    font-size: 1.2em;
    color: #333;
    margin: 0; /* Margin rimosso per il corretto funzionamento */
    padding: 20px 25px;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer; /* NUOVO: Indica che l'elemento è cliccabile */
    position: relative; /* NUOVO: Necessario per posizionare l'icona */
}

.faq-item p {
    font-size: 1em;
    color: #555;
    line-height: 1.7;
    margin: 0;
    text-align: justify;
    /* NUOVO: Nasconde la risposta e prepara l'animazione */
    max-height: 0;
    overflow: hidden;
    padding: 0 25px;
    transition: max-height 0.4s ease-out, padding 0.4s ease-out;
}

.faq-item a {
    color: #ff9900;
    font-weight: bold;
    text-decoration: none;
}

.faq-item a:hover {
    text-decoration: underline;
}


/* ================================================== */
/* NUOVE REGOLE PER L'ACCORDEON FUNZIONANTE           */
/* ================================================== */

/* Stile per la risposta quando la domanda è attiva (aperta) */
.faq-item.active p {
    padding: 20px 25px;
    max-height: 1000px; /* Un valore abbastanza grande per contenere qualsiasi risposta */
    transition: max-height 0.5s ease-in, padding 0.4s ease-in;
}

/* Rimuove il bordo inferiore della domanda quando la risposta è visibile */
.faq-item.active h4 {
    border-bottom: 1px solid #e0e0e0;
}

/* Aggiunge un indicatore '+' a destra di ogni domanda */
.faq-item h4::after {
    content: '+';
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5em;
    font-weight: bold;
    color: #ff9900;
    transition: transform 0.3s ease;
}

/* Cambia l'indicatore in '-' e lo ruota quando la domanda è attiva */
.faq-item.active h4::after {
    content: '−'; /* Carattere meno per un look migliore */
    transform: translateY(-50%) rotate(180deg);
}
/*
 * Stile per la pagina Condizioni Generali di Vendita (CGV)
 * Design pulito e professionale
 */

.cgv-container {
  max-width: 800px;
  margin: 40px auto;
  padding: 40px;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  font-family: Arial, sans-serif;
  color: #333;
  line-height: 1.7;
}

.cgv-container h1 {
  color: #ff9900; /* Votre couleur principale (#f90) */
  font-size: 2.2em;
  margin-top: 0;
  margin-bottom: 10px;
  border-bottom: 2px solid #f0f0f0;
  padding-bottom: 10px;
}

.cgv-container .last-updated {
  font-size: 0.9em;
  color: #888;
  margin-bottom: 30px;
  font-style: italic;
}

.cgv-container h2 {
  color: #ff9900; /* Votre couleur principale */
  font-size: 1.5em;
  margin-top: 40px;
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ffcc80; /* Un sous-lignage léger avec votre couleur */
}

.cgv-container p {
  font-size: 1em;
  margin-bottom: 15px;
  text-align: justify;
}

.cgv-container a {
  color: #ff9900;
  text-decoration: none;
  font-weight: bold;
}

.cgv-container a:hover {
  text-decoration: underline;
}

.cgv-container strong {
  color: #111;
}
/*
 * Section des collections de produits
 * Inspirée par le design fourni
 */

.collections-section {
  padding: 24px 0;
  background-color: #f5f5f5; /* Couleur de fond légère comme dans l'exemple */
  font-family: Arial, sans-serif;
}

.collections-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  gap: 16px; /* Espace entre les cartes */
  justify-content: center;
}

/* Style de chaque carte individuelle */
.collection-card {
  flex: 1; /* Chaque carte prend une part égale de l'espace */
  min-width: 280px; /* Largeur minimale avant de passer à la ligne */
  max-width: 380px;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
  overflow: hidden; /* Assure que le contenu ne dépasse pas les coins arrondis */
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out;
}

.collection-card:hover {
  transform: translateY(-5px); /* Léger effet au survol */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

/* En-tête de la carte (Titre) */
.card-header {
  padding: 16px 20px;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  color: #333;
}

.card-header a {
  text-decoration: none;
  color: inherit;
}

/* Contenu principal (Image principale) */
.card-main-content {
  height: 250px; /* Hauteur fixe pour l'image principale */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

.card-main-content a {
  display: block;
  width: 100%;
  height: 100%;
}

.card-main-content img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* Assure que l'image est entièrement visible sans être déformée */
}

/* Pied de page (Vignettes des produits) */
.card-footer {
  display: flex;
  justify-content: space-around;
  padding: 20px;
  margin-top: auto; /* Pousse le footer en bas de la carte */
  border-top: 1px solid #f0f0f0;
}

.footer-item img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: transform 0.2s ease;
}

.footer-item:hover img {
  transform: scale(1.1); /* Effet de zoom au survol de la vignette */
}

/* Rendre la section responsive sur mobile */
@media (max-width: 992px) {
  .collections-container {
    flex-wrap: wrap; /* Permet aux cartes de passer à la ligne */
  }
}

@media (max-width: 640px) {
    .collections-container {
        flex-direction: column; /* Affiche les cartes les unes sous les autres */
        align-items: center;
    }
}