/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Nov 10 2026 | 08:55:25 */
/* ==========================================
   CYCLINGCERAMIC — QUICK ADD
   ========================================== */

/* Masquer l'icône œil */
.woocommerce ul.products li.product
.ast-quick-view-trigger .ahfb-svg-iconset,
.woocommerce ul.products li.product
.ast-quick-view-button .ahfb-svg-iconset {
    display: none !important;
}

/* Bouton premium */
.woocommerce ul.products li.product
.ast-quick-view-trigger,
.woocommerce ul.products li.product
.ast-quick-view-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    width: auto !important;
    min-width: 125px;
    height: auto !important;

    padding: 12px 18px !important;
    background: #E6EDF1 !important;
    color: #171717 !important;
    border: none !important;
    border-radius: 12px !important;
    box-shadow: none !important;

    font-family: "Inter", sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: none !important;
}

/* Texte Quick Add */
.woocommerce ul.products li.product
.ast-quick-view-trigger::after,
.woocommerce ul.products li.product
.ast-quick-view-button::after {
    content: "+ Quick add";
    display: inline-block;
    color: #171717;
    white-space: nowrap;
}

/* Hover */
.woocommerce ul.products li.product
.ast-quick-view-trigger:hover,
.woocommerce ul.products li.product
.ast-quick-view-button:hover {
    background: #9FAEB5 !important;
}



/* ==========================================
   CYCLINGCERAMIC — WOOCOMMERCE CONTROLS
   ========================================== */

/* Masquer Select options sur les vignettes */
.woocommerce ul.products li.product
a.product_type_variable.add_to_cart_button {
    display: none !important;
}


/* ==========================================
   CYCLINGCERAMIC — QUICK ADD SUR PHOTO
   ========================================== */

/* Conteneur de l'image */
.woocommerce ul.products li.product
.astra-shop-thumbnail-wrap {
    position: relative !important;
}

/* Bouton en bas à droite de l'image carrée */
.woocommerce ul.products li.product
.astra-shop-thumbnail-wrap
.ast-on-card-button.ast-quick-view-trigger {
    position: absolute !important;
    top: calc(100cqw - 52px) !important;
    bottom: auto !important;
    right: 10px !important;
    left: auto !important;
    transform: none !important;
    margin: 0 !important;
    z-index: 30 !important;
}

/* Utiliser la largeur réelle du conteneur */
.woocommerce ul.products li.product
.astra-shop-thumbnail-wrap {
    container-type: inline-size;
}

/* Apparition au survol uniquement */
@media (hover: hover) {
    .woocommerce ul.products li.product
    .ast-on-card-button.ast-quick-view-trigger {
        opacity: 0 !important;
        visibility: hidden !important;
        transition: opacity .25s ease !important;
    }

    .woocommerce ul.products li.product
    .astra-shop-thumbnail-wrap:hover
    .ast-on-card-button.ast-quick-view-trigger {
        opacity: 1 !important;
        visibility: visible !important;
    }
}

/* ==========================================
   CYCLINGCERAMIC — REMOVE ASTRA TOOLTIP
   ========================================== */

/* Masquer définitivement Aperçu */
.woocommerce ul.products li.product
.ast-on-card-button.ast-quick-view-trigger
.ast-card-action-tooltip {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Conserver uniquement Quick add */
.woocommerce ul.products li.product
.ast-on-card-button.ast-quick-view-trigger::before {
    content: none !important;
}

/* ==========================================
   CYCLINGCERAMIC — REMOVE ADD TO CART
   ========================================== */

/* Masquer le bouton panier Astra */
.woocommerce ul.products li.product
.astra-shop-thumbnail-wrap
.ast-on-card-button.ast-select-options-trigger,

.woocommerce ul.products li.product
.astra-shop-thumbnail-wrap
.ast-on-card-button.ast-card-action-button,

.woocommerce ul.products li.product
.astra-shop-thumbnail-wrap
.ast-on-card-button.ast-add-to-cart-button {
    display: none !important;
}

/* Masquer l'infobulle Ajouter au panier */
.woocommerce ul.products li.product
.astra-shop-thumbnail-wrap
.ast-card-action-tooltip {
    display: none !important;
}


/* ==========================================
   CYCLINGCERAMIC — MOBILE QUICK ADD V2
   ========================================== */

@media (max-width: 767px) {

    /* Bouton panier mobile */
    .woocommerce ul.products li.product
    .astra-shop-thumbnail-wrap
    .ast-on-card-button.ast-quick-view-trigger {
        position: absolute !important;
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        height: 36px !important;
        padding: 0 !important;

        /* Plus proche du bord droit */
        right: 2px !important;
        left: auto !important;

        background: #E6EDF1 !important;
        border-radius: 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        z-index: 30 !important;
    }

    /* Icône panier minimaliste */
    .woocommerce ul.products li.product
    .ast-on-card-button.ast-quick-view-trigger::after {
        content: "" !important;
        display: block !important;
        width: 18px !important;
        height: 18px !important;

        background-color: #171717 !important;

        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l1 13H5L6 7Z'/%3E%3Cpath d='M9 9V6a3 3 0 0 1 6 0v3'/%3E%3C/svg%3E") center / contain no-repeat;

        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l1 13H5L6 7Z'/%3E%3Cpath d='M9 9V6a3 3 0 0 1 6 0v3'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    /* Masquer l'ancienne icône Astra */
    .woocommerce ul.products li.product
    .ast-on-card-button.ast-quick-view-trigger
    .ahfb-svg-iconset {
        display: none !important;
    }
}