/**
 * Masquage des éléments PrestaShop pour les produits Tacos
 * Ce CSS s'applique uniquement sur les pages produit avec le configurateur de tacos
 */

/* Masquer les éléments PrestaShop standard UNIQUEMENT si le configurateur tacos est présent */
body.page-product #main:has(#tacos-customizer) .product-container .product-prices,
body.page-product #main:has(#tacos-customizer) .product-container .product-actions form#add-to-cart-or-refresh,
body.page-product #main:has(#tacos-customizer) .product-tabs,
body.page-product #main:has(#tacos-customizer) .product-footer .tabs,
body.page-product #main:has(#tacos-customizer) .tabs {
    display: none !important;
}

/* Garder uniquement l'image et masquer le reste dans la colonne gauche */
body.page-product #main:has(#tacos-customizer) .product-container .col-md-6:first-child .page-content {
    display: none !important;
}

/* Masquer le header de la page produit (titre, prix par défaut) */
body.page-product #main:has(#tacos-customizer) .product-container .col-md-6:last-child > h1,
body.page-product #main:has(#tacos-customizer) .product-container .col-md-6:last-child .product-information > .product-description {
    display: none !important;
}

/* Repositionner le conteneur du configurateur pour qu'il prenne toute la largeur */
body.page-product #main:has(#tacos-customizer) .product-container {
    max-width: none;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* S'assurer que le configurateur prend toute la largeur */
body.page-product #main:has(#tacos-customizer) .product-container .col-md-6 {
    max-width: none;
    flex: none;
    padding: 0;
}

/* Réinitialiser les marges du conteneur principal */
body.page-product #main:has(#tacos-customizer) {
    margin: 0;
    padding: 0;
}

body.page-product #main:has(#tacos-customizer) .page-content-wrapper {
    margin: 0;
    padding: 0;
}

/* Masquer le breadcrumb pour une expérience immersive */
body.page-product:has(#tacos-customizer) #wrapper .breadcrumb {
    display: none !important;
}

/* Assurer que le header/footer restent visibles */
body.page-product:has(#tacos-customizer) #header,
body.page-product:has(#tacos-customizer) #footer {
    display: block !important;
}

/* Support pour les produits accessoires en bas */
body.page-product #main:has(#tacos-customizer) .product-accessories {
    display: block !important;
    padding: 40px 60px;
    background: #F8F9FA;
}