/*
Theme Name: Canopée CBD – Sceau France v3
Theme URI: https://canopee-cbd.fr/
Description: Child theme. Change uniquement le sceau France dans l'en-tête.
Author: Canopée CBD
Template: canopee-cbd
Version: 1.2.0
*/

.header-actions{
    display:flex !important;
    align-items:center !important;
    gap:18px !important;
}

.made-france-seal-image{
    display:block !important;
    width:72px !important;
    height:72px !important;
    min-width:72px !important;
    max-width:72px !important;
    flex:0 0 72px !important;
    object-fit:contain !important;
    border:0 !important;
    border-radius:0 !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    transform:rotate(5deg) !important;
    transform-origin:center center !important;
}

@media(max-width:1100px){
    .made-france-seal-image{
        width:66px !important;
        height:66px !important;
        min-width:66px !important;
        max-width:66px !important;
        flex-basis:66px !important;
    }
}
@media(max-width:900px){
    .made-france-seal-image{display:none !important;}
}

/* Canopee CBD - Drei Produkte nebeneinander */
@media (min-width: 768px) {
    body.post-type-archive-product ul.products,
    body.tax-product_cat ul.products {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 24px !important;
    }

    body.post-type-archive-product ul.products li.product,
    body.tax-product_cat ul.products li.product {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        float: none !important;
        min-width: 0 !important;
    }
}

/* Smartphone: Produkte untereinander */
@media (max-width: 767px) {
    body.post-type-archive-product ul.products,
    body.tax-product_cat ul.products {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
}

/* Canopée CBD – Produktkarten in 3 Spalten */
@media (min-width: 768px) {
    .woocommerce ul.products {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 24px !important;
        width: 100% !important;
        clear: both !important;
    }

    .woocommerce ul.products li.product {
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        float: none !important;
        clear: none !important;
    }

    .woocommerce ul.products::before,
    .woocommerce ul.products::after {
        display: none !important;
    }
}