/*
Theme Name: Jadro Child 02
Theme URI: https://wpshout.com/jadro/
Template: jadro
Author: Jadro WP
Description: Jadro is a minimal and lightweight Full Site Editing theme. This speed optimized theme utilizes the WordPress blocks editor to create unique and eye-catching layouts. Jadro is perfect for blogs, small businesses, startups, law firms and other creative agencies who prefer simple and speed optimized websites.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,rtl-language-support,theme-options,threaded-comments,translation-ready,blog,e-commerce,wide-blocks
Version: 1.0.2.1738858800
Updated: 2026-02-06 16:00:00

*/
/*import */
@import url("css/button.css");

/*generals*/
.wp-site-blocks * {
    font-family: "Figtree", sans-serif !important;
}

a:where(:not(.wp-element-button)) {
    text-decoration: none;
}

.flex-row {
    display: flex !important;
    flex-direction: row !important;
}

main {
    padding-bottom: 30px !important;
}

/* Scrollbar personnalisé pour Chrome, Edge, et Safari */
::-webkit-scrollbar {
    width: 8px;
    /* Largeur de la barre de scroll */
}

::-webkit-scrollbar-thumb {
    background-color: #9164FF;
    /* Couleur violette */
    border-radius: 10px;
    /* Arrondir les coins de la barre */
}

::-webkit-scrollbar-track {
    background-color: transparent;
    /* Couleur de fond de la piste */
}

/* Scrollbar personnalisé pour Firefox */
html {
    scroll-behavior: smooth;
    scrollbar-width: thin;
    /* Largeur fine de la barre de scroll */
    scrollbar-color: #9164FF #f1f1f1;
    /* Couleur de la barre et de la piste */
}

/* PLUGIN DE PERSONNALISATION */
.pewc-item-field-image-wrapper {
    display: none;
}

.pewc-group-wrap,
.pewc-product-extra-groups,
.pewc-field-label {
    margin: 0 !important;
    padding: 0 !important;
}

.pewc-hex {
    border: none !important;
}

.pewc-hex span {
    width: 40px !important;
    height: 40px !important;
    display: block !important;
    padding: 4px !important;
    border: 3px solid #eee !important;
    border-radius: 50% !important;
    /* Ajoute cette ligne pour rendre l'élément rond */
}

.pewc-radio-image-desc {
    display: none !important;
}

.pewc-tab {
    padding: 5px 8px !important;
}

.pewc-radio-image-wrapper {
    max-height: 40px;
}

/* FIN DU PLUGIN DE PERSONNALISATION */
.bloc-shop-product {
    min-height: 60vh !important;
}

/* Icone du deuxieme bloc home (générée en js) */
.icone-1 {
    width: 50px;
    height: 50px;
}

/* Cards categories page catégories */
[data-wc-key] {
    border-radius: 8px !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 16px;
    text-align: center !important;
}

/* Images dans les cards */
[data-wc-key] img {
    max-width: 100% !important;
    height: auto;
    border-radius: 8px;
    margin-bottom: 10px;
}

/* button doing by Cam */
.scroll-to-bottom {
    display: inline-block;
    padding: 15px;
    background-color: #0073aa;
    color: white;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease;
}

.scroll-to-bottom:hover {
    background-color: #005f8a;
}

.scroll-to-bottom:active {
    background-color: #004c72;
}

.woocommerce-product-gallery__customization {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: multiply;
    opacity: 0.9;
}

/* Customisation du prix par qte */
.woocommerce-variation-description th td {
    text-align: left !important;
    margin-right: 5px !important;
}

.woocommerce-variation-price * {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Customisation du prix par qte */
.woocommerce-variation-description th td {
    text-align: left !important;
    margin-right: 20px !important;
}

.woocommerce-variation-price * {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}


.pewc-total-field-wrapper {
    display: none !important;
}

.woocommerce-variation-description .alg_wc_product_ppq_table th,
.woocommerce-variation-description .alg_wc_product_wholesale_pricing_table th,
.woocommerce-variation-description .alg_wc_whpr_with_product_id th,
.woocommerce-variation-description .alg_wc_product_ppq_table td,
.woocommerce-variation-description .alg_wc_product_wholesale_pricing_table td,
.woocommerce-variation-description .alg_wc_whpr_with_product_id td {
    width: 500px !important;
}

.woocommerce-variation-description {
    display: none;
}

.cart-icon:hover .cart-count {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* .wc-block-checkout__shipping-fields,
.wc-block-checkout__shipping-option,
#payment-method {
    display:none !important;
} */

.details-broderie {
    display: none;
}

.bloc-livraison {
    display: none !important;
}

.quantity-input {
    width: 130px;
    height: 50px;
    font-size: 14px;
    font-size: 0.875rem;
    color: #244349;
    border: none;
    width: 100%;
    max-width: 100%;
    height: 40px;
    box-sizing: border-box;
    padding: 0 10px;
    border-radius: 10px;
    background-color: #fefefe;
    margin-top: 10px;
    -webkit-appearance: none;
    background-image: url('https://darkorchid-boar-435598.hostingersite.com/wp-content/uploads/2025/06/arrow.png');
    background-position-x: 97%;
    background-position-y: 35%;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Centrer le texte et le rond dans le label */
.pewc-group-wrap label,
.pewc-group-wrap .pewc-radio-image-wrapper,
.pewc-group-wrap .pewc-radio-image {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 2px;
}

.single_variation_wrap {
    margin-top: -50px;
}

/* Optionnel : améliore l'espacement du texte */
.pewc-paragraph {
    text-align: center;
    font-size: 10px;
    color: #244349;
    margin-top: 10px !important;
    margin-bottom: 2px;
    margin-top: 0;
    line-height: 1.2;
    margin-left: -15px;
}

/* Cible tous les labels dont le for commence par "pewc_group_" */
.pewc-radio-image-wrapper {
    /* Tes styles ici */
    margin: 12px;
}

.pewc-radio-images-wrapper .pewc-columns-3 {
    padding: 10px;
}

.wp-block-woocommerce-product-image-gallery {
    position: sticky !important;
}

.bloc-produit-image {
    position: sticky;
    top: 100px;
    /* Ajuste la valeur selon l’espace souhaité en haut */
    align-self: flex-start;
    /* Pour éviter que le sticky ne saute dans un flex */
    z-index: 10;
}

.pewc-group-content-wrapper,
.pewc-product-extra-groups {
    padding-bottom: 20px !important;
}

.broderie-link {
    font-weight: bold;
}
.wc-block-components-product-details__dos {
    height: 25px;
    display: flex;
    align-content: center;
    align-items: center;
    margin:  2px;
    padding-left: 32px;
    background: url("data:image/svg+xml;utf8,<svg  xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%239164FF' d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z'/></svg>") no-repeat left center;
    background-size: 24px 24px;
    animation: fadeInOut 1s infinite;
}

@keyframes fadeInOut {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

.custom-svg-wrap img {
    display: block;
    position: relative;
    z-index: 1;
}
.wc-block-components-product-details__image-de-personnalisation {
    display: none;
}
/* Assure-toi que la quantité soit au-dessus de tout */
.wc-block-components-order-summary-item__quantity {
    position: relative;
    z-index: 10 !important;
}
.wc-block-order-confirmation-totals__product .wc-item-meta{
    display: none !important;
}

/* Media query pour mobiles */
@media screen and (max-width: 768px) {
    .pewc-product-extra-groups-wrap.pewc-groups-tabs.pewc-teaser-options-5 {
        display: none !important;
    }

    .reset_variations {
        display: none !important;
    }

    .wp-block-spacer {
        height: 20px !important;
    }
    
    #reset-customisation {
        display: none !important;
    }
}