/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme pour Veinage Création
 * Author: Make a wave
 * Template: blocksy
 * Text Domain: blocksy
 */


 /* css concernant toutes les pages du site */


/* le header */

    #header {
        width: 100%;
        position:fixed !important;
    }

    /* .wp-post-image {
        width: 15em !important;
        height: 15em !important;
    } */

    /* marge sous le header */
    .site-main {
        margin-top: 6em;
    }


/* le footer */

    /* Couleur par défaut des liens dans le footer */
    .textwidget a {
        color: #432b21;
    }

    /* Couleur au survol des liens dans le footer */
    .textwidget a:hover {
        color: #9b4922 !important;
    }



/* corps des pages  */
    .site-main {
    background-color: #F5F1EC !important;
    --footer-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1) !important; /* ombre sous les pages se voyant dans le heut du footer */
    }



/* page d'accueil */

    /* forcer l'image du banc à se comporter comme les autres ! */
    /* .page-id-618 .ct-media-container, .post-type-archive-product .ct-media-container, .term-bancs .ct-media-container{
        width: 300px !important;
    } */

    /* page d'accueil, shortcode boutique, forcer pour enlever le grand espace entre photo et boutons */
    [data-products=type-1] .ct-woo-card-actions[data-alignment=equal] {
        margin-top: 0 !important;
    }


    /* shortcode boutique Aligner le prix et le bouton panier à gauche */
    .archive .product, .page-id-618 .product {
        align-items: flex-start !important;
    }

    /* Ajuster l'espacement sous l'image */
    .woocommerce ul.products li.product a img {
        margin-bottom: 10px; /* Ajustez cette valeur si nécessaire */
    }

    /* customization de la section boutique section Valorisation des déchets sur la page d'accueil  */

    #containerValorisationShop img {
        width: 200px;
    }



/* essaie nouvelle page accueil sur la base du template astra */


    .containerHero {
        height: 50vh !important;

    }

    .containerHeroTx {
        width: 39vw !important;
        height: 57% !important;
        /* position: relative; */
    }



/* page archive de la boutique customisation du filtre des catégories */

    .liste-categories {
        width: 100%;
        list-style: none !important;
        padding: 0;
        margin: 0;
        display: flex !important;
        white-space: nowrap;
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
    }

    .woo-listing-top {
        justify-content: space-around;
    }

    .woo-listing-top:not(:empty) {
        margin-bottom: 50px !important;
    }


    .filtre-categories .liste-categories li a {
        text-decoration: none;
        padding: 5px 10px;
        border-radius: 5px;
        color: #333;
        transition: background-color 0.3s ease;
    }

    .filtre-categories .liste-categories li a:hover {
        color: #9b4922;
    }

    .filtre-categories .liste-categories li a.active {
        color: #9b4922;
    }

        /* enlever le zoom sur les photos de la boutique */

        /* Désactive le zoom et affiche l'image entière */
    .archive .ct-media-container a img {
        object-fit: contain !important;
        width: 100% !important;
        height: auto !important;
        transform: none !important;       /* Hauteur proportionnelle */
}

    /* customisation des produits de la boutique */


    /* page boutique,  produit sûr-mesure : */

    
        /* enlever le bouton panier et les méthodes de paiement */
            .postid-2551 .ct-payment-methods, .postid-2551 .ct-product-add-to-cart {
                display: none;
            }
            
        /* enlever les séparations */
        .postid-2551 .ct-product-divider {
            border-top : none !important;
        }
       
        /* centre la description longue avec les images */
        .postid-2551 #tab-description > p {
            display: flex;
            justify-content: center;
;
        }


body#1906 .ct-module-title {
    display: none !important;
}

    /* page produit - diminution de la photo mise en avant  ne fonctionne pas car les autres image prennent aussi la hauteur*/

    /* .ct-media-container img:first-of-type {
        height: 70vh !important;
    } */


/* mise en page du texte à propos  */


@media (min-width: 1025px) {
    .imgTxApropos{
        display: none; /* Masque l'image au-dessus de 1024px */
    }
}


@media (max-width: 418px) {
    /* Force l'image à prendre toute la largeur */
    .imgTxAproposMobile {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* page validation de commande */

    /* taille des h3 'adresse de livraison' et 'votre commande' */
    .ct-woocommerce-checkout h3 {
        font-size: 2em !important;
    }

  /* taille du texte des boutons */

  .page-id-1486 button {
    font-size: 1.3em !important;
}

    /* coche 'autre adresse de livraison' */
    #ship-to-different-address-checkbox ::before{
        border: 2px solid #000 !important;
    }


    /* section 'expedition' */
    .shipping_method::before{
    width: 15px !important;
    height: 15px !important;
    background: #9b4922 !important;
    }



    /* customisation du bouton 'choisir un point relais' */ 
    .wms_pickup_open_modal_openstreetmap{
    background-color: #c88a36;
    border-radius: 7px;
    padding: 0.5em;
    margin: 1em;  
    cursor: pointer;
    }

    /* rond selection carte bancaire plus grand */
    .payment_method_stancer ::before {
        border-width: 0px !important;
    }


/* page panier taille du texte des boutons */
    .page-id-1485 .checkout-button{
        font-size: 1.3em !important;
    }


/* Améliore la netteté des image de la boutique page archive*/

/* Garantit l'affichage carré et net */
.woocommerce ul.products li.product a img {
    width: 300px !important;
    height: 300px !important;
    object-fit: cover !important;
    display: block !important;
}

/* Annule le centrage ET force l'alignement à gauche */
.woocommerce-LoopProduct-link img { 
  display: flex !important; 
}

