/*
 Theme Name:   Grillino Child
 Theme URI:    http://vecurosoft.com/products/wordpress/grillino/
 Description:  This is a child theme for Grillino WordPress Theme
 Author:       Vecurosoft
 Template:     grillino
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, theme-options, editor-style, featured-images, microformats, post-formats,  sticky-post, threaded-comments, translation-ready
 Text Domain:  grillino-child
*/

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */
/* Réduire l'espace en haut de la fiche produit sur grand écran */
.vs-product-wrapper.product-details-layout1.pt-lg-150 {
    padding-top: 60px !important; /* Ajuste 60px selon la hauteur souhaitée */
}

@media (min-width: 992px) {
    /* 1. La grille : 3 colonnes égales */
    .menu-area.d-none.d-lg-flex {
        display: grid !important;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    /* 2. Forcer TOUS les menus à rester strictement sur une seule ligne */
    .menu-area .main-menu > ul {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center;
        margin: 0;
        padding: 0;
    }

    /* 3. Caler le menu de GAUCHE tout à gauche */
    .menu-area > nav.main-menu:first-child {
        display: flex;
        justify-content: flex-start;
    }

    /* 4. Le LOGO reste parfaitement au milieu */
    .menu-area > .header-logo {
        text-align: center;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* 5. Caler le menu de DROITE tout à droite */
    .menu-area > nav.main-menu:last-child {
        display: flex;
        justify-content: flex-end;
    }
}


/* 1. Aligner la quantité et le bouton sur la même ligne */
.bundle_form .bundle_button {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

/* 2. Reprendre le style du bouton natif du thème */
.bundle_form .bundle_button button.bundle_add_to_cart_button {
    background-color: #f37021 !important; /* Couleur orange Grillino */
    color: #ffffff !important;
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 15px 32px !important;
    border: none !important;
    border-radius: 0 !important; /* ou 4px selon les coins du thème */
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 48px !important; /* Aligné sur la hauteur du bloc + / - */
    line-height: 1 !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}

/* 3. Effet au survol (Hover) */
.bundle_form .bundle_button button.bundle_add_to_cart_button:hover {
    background-color: #d95e12 !important;
    color: #ffffff !important;
}

/* 4. Corriger l'alignement du bloc Quantité (+ / -) */
.bundle_form .bundle_button .quantity {
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* Masquer les descriptions */
.bundled_product_excerpt.product_excerpt, .cart.bundled_item_cart_content.variations_form .variations {
    display: none;
}

/* Gestion taille image bundle */
.woocommerce-page div.product div.bundled_product_images, .woocommerce-page #content div.product div.bundled_product_images, .woocommerce div.product div.bundled_product_images, .woocommerce #content div.product div.bundled_product_images {
    float: left;
    width: 150px!important;
    margin: 0;
}

.summary-add-to-cart-form-bundle div.bundled_product_summary:not(.thumbnail_hidden) .details {
    padding: 0 0 0 0; 
}
/* gestion taille tarif des bundle unitaires*/
.bundled_item_cart_details .price span.woocommerce-Price-amount.amount {
	font-family: var(--theme-font2);
    color: var(--body-color);
    font-weight: 400;
    text-transform: none;
    line-height: 1.5;
    margin: 0 0 15px 0;
	font-size: 24px;
    margin-top: -7px;
}

/* 1. Recaler le texte du prix barré */
.bundle_form .price del,
.price del {
    text-decoration: none !important; /* Retire le trait natif mal placé */
    position: relative !important;
    display: inline-block !important;
    color: #999999 !important; /* Couleur du prix barré */
}

/* 2. Redessiner le trait parfaitement centré au milieu */
.bundle_form .price del::after,
.price del::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important; /* Place le trait à 50% de la hauteur */
    left: 0 !important;
    width: 100% !important;
    height: 1.5px !important; /* Épaisseur du trait */
    background-color: #999999 !important; /* Couleur du trait */
    transform: translateY(-50%) !important; /* Ajustement micrométrique au centre */
}

/* 3. Ajuster le prix promo à côté */
.bundle_form .price ins,
.price ins {
    text-decoration: none !important;
    font-weight: 700 !important;
    margin-right: 6px !important;
}

div.bundled_product_summary, .woocommerce div.product.bundled_product_summary {
    display: flex;
}

/* Fixer la structure des produits vus / recommandés */
.product_summary {
    flex: 1 !important;
    min-width: 0 !important; /* Empêche le titre de déborder sur l'image */
    padding-left: 12px !important; /* Espacement entre l'image et le texte */
}

.product_thumb {
    flex-shrink: 0 !important; /* Empeche l'image de se faire écraser */
    width: 60px !important;
    height: 60px !important;
}

.product_thumb img {
    width: 60px !important;
    height: 60px !important;
    object-fit: cover !important;
}

/* Titre du produit : typographie propre qui ne chevauche rien */
.product_summary .product-title {
    font-size: 0.9rem !important;
    line-height: 1.3 !important;
    margin-bottom: 4px !important;
    word-break: break-word !important;
}

/* Sidebar Sticky au scroll (WooCommerce + Blog / Actualités) */
@media (min-width: 992px) {
    /* 1. Autoriser l'alignement sticky sur les conteneurs parents */
    .row:has(> aside.sidebar),
    .row:has(> .sidebar-area),
    main .row {
        display: flex !important;
        align-items: flex-start !important;
    }

    /* 2. Fixer la sidebar au défilement (cible aside.sidebar ET div.sidebar-area) */
    aside.sidebar,
    .sidebar-area {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 100px !important; /* Distance sous le header fixe */
        height: auto !important;
        align-self: flex-start !important;
        z-index: 10 !important;
    }
}

/* Annuler le margin-bottom sur le dernier bloc .vs-blog de sa colonne */
.vs-blog:last-child,
.col-lg-12 > .vs-blog:last-child {
    margin-bottom: 0 !important;
}

/* Annuler la majuscule automatique sur les champs CF7 et leurs placeholders */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea,
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder,
.wpcf7-list-item-label {
    text-transform: none !important;
}

/* Forcer la réapparition des checkboxes dans Contact Form 7 */
.wpcf7 input[type="checkbox"],
.wpcf7-acceptance input[type="checkbox"] {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 18px !important;
    height: 18px !important;
    margin-right: 10px !important;
    margin-top: 3px !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

.color_red {
    color: #ff0000!important;
}


/* Alignement Flexbox des blocs de pagination sous les articles */
.post-pagination .row {
    display: flex !important;
    flex-wrap: wrap !important;
}

.post-pagination .col-md-6 {
    display: flex !important;
}

.post-pagination .pagi-post {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Caler le contenu vers le bas */
    width: 100% !important;
    height: 100% !important;
    min-height: 280px !important; /* Hauteur minimale égale pour les deux cartes */
    background-size: cover !important;
    background-position: center !important;
}

.post-pagination .pagi-content {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}