/*
 Theme Name:   Idam
 Description:  Theme de base pour test de projets WP et Woocommerce
 Author:       BicizCo
 Author URI:   https://biciz.co
 Template:     storefront 
 Version:      1.4
 Version-date: 241007 1800
 Text Domain:  idam
 Domain Path: /languages
 Last update : 241203 2200
*/

/*
rgb(230, 226, 222)
rgb(250, 249, 241)
rgb(51, 51, 51)
*/

:root{
--idam-primary : rgb(89, 124, 43);
--idam-secondary : rgb(230, 226, 222);
--idam-cta : rgb(250, 249, 241);
--idam-text : rgb(51, 51, 51);
}

.site content .col-full{display: flex;}
@media (min-width: 768px) {
    .col-full{max-width:100%;}
}
#primary{
    padding-top:1rem;
}
#secondary{
    flex-grow: 1;
    background:var(--idam-secondary);
    padding:1rem;
    margin-bottom:0;
}

.site-header {margin-top:0;padding-top:1rem;}
.site-header .site-search {display: none; /*supprimé via action php */}
.site-header .secondary-navigation{
    float: right !important;
    margin-right: 0 !important;
}

.site-header .site-branding img{max-height:2.8rem;width:auto;}
.home .site-header .site-branding img{max-height:150px;}
.menu li a i{margin-left:0.3em}

.storefront-breadcrumb{
    background: var(--idam-secondary);
    margin:0;
    padding: 1rem 0;
}
.site-footer{background: var(--idam-secondary);}

/* ----- HOME ----- */
.home #primary{padding-top:0;}
.home .entry-header,
.home .banner_wp_images{
    background:var(--idam-secondary);
    padding:2rem;
    width:100vw;
    position: relative; 
    left: 50%;
    transform: translate(-50%, 0%);
}
.home h1{margin:0;text-align:center;padding-top:3rem}
@media (max-width: 768px){
    .home h1{padding-top:0rem; font-size:1.5rem}
}
.home .site-header{margin-bottom:0px !important;}


/* ----- PAGE -----*/
.page #primary{
    width:100%;
}

.page #secondary{
    display:none;
}

/* ----- CATALOGUE ----- */

.woocommerce-loop-product__title{
    background-color:var(--idam-secondary);
    padding:0.5em;
    margin: -0.3rem -0.3rem 0 -0.3rem !important;
    width: calc(100% + 0.6rem) ;
    color:#6d6d6d;
}
ul.products li.product img{margin-bottom:0;}

.featured-products{
    background:var(--idam-secondary);
    margin : 0rem -2rem 2rem -2rem ;
    padding: 1rem 2rem 0rem 2rem;
}
.featured-products ul.products .woocommerce-loop-product__title{
    background-color:#999;
    color:#fff;
}

/* SINGLE PRODUCT */

.single-product #primary{width:100%;}
.single-product #secondary{display:none;}

@media (min-width: 768px){
    .single-product div.product .woocommerce-product-gallery{width:63%;}
    .single-product div.product .summary{width:30%;}
    .single-product div.product .woocommerce-product-gallery img{margin:auto;}
}
/* taille des images : voir bcz_idam_product_image_size() dans function.php */

/* -- Suppression du saut de ligne des miniature dans la gallerie images produit -- */
/*.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {width:auto;margin-right:0.5rem;}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1){clear: none;}
*/
.single-product h1{font-size:2em;}

.single-product div.product table.variations select {min-width: 60%;}

.single-product .product_meta .sku_wrapper{
    position: relative;
    padding:1rem;
    margin-bottom:1rem;
    background:var(--idam-secondary);
    font-size:2em;
}
.single-product .product_meta .sku_wrapper::before {
    content: '';
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%) translateX(0%);
    border: 10px solid transparent;
    border-right-color: var(--idam-secondary);
    border-left: 0;
}
/* Animation du pseudo-élément */
.sku_wrapper.animate-before::before { animation: spin-grow-rebound 1s ease-in-out; }
@keyframes spin-grow-rebound {
    00% {border-right-color: var(--idam-secondary); transform: translateY(-50%) translateX(0%) scale(1) rotate(0deg);}
    20% {transform: translateY(-50%) translateX(0%) scale(2) rotate(200deg);}
    40% {transform: translateY(-50%) translateX(0%) scale(2) rotate(180deg);}
    60% {border-right-color: #333; transform: translateY(-50%) translateX(100%) scale(2) rotate(180deg);}
    70% {transform: translateY(-50%) translateX(0%) scale(2) rotate(180deg);}
    90% {border-right-color: #333; transform: translateY(-50%) translateX(-100%) scale(1.1) rotate(-30deg);}
    100% {border-right-color: var(--idam-secondary); transform: translateY(-50%) translateX(0%) scale(1) rotate(0deg);}
}
.sku_wrapper.flash-effect { animation: flash 2s ease-in-out; }
@keyframes flash {
    0% {background-color: var(--idam-secondary); }
    25% {background-color: var(--idam-secondary);}
    26% {background-color: #ddd;}
    100% {background-color: var(--idam-secondary);}
}

.single-product .related.products{
    clear:both;
    padding:1rem 0;
    border-top:1px solid #999;
    border-bottom:1px solid #999;
}

li.product{
    padding:0.3rem;
    background-color:#fff;
    border:1px solid #eee;
    border-radius:3px;
    overflow:hidden;
}
li.product:hover{
    border:1px solid #bbb;
    box-shadow: 2px 2px 5px #bbb;
}

.stock.in-stock::before{content:"";}
.stock.out-of-stock::before{content:"";}

.products .product_tag-destockage,
    .products .product_tag-destocking,
    .products .product_tag-new_collection,
    .products .product_tag-best_seller,
    .products .product_tag-new_collection-en,
    .products .product_tag-best_seller-en {
        position:relative;
    }
.products h2 {position:relative;z-index:1;}
.single-product .product_tag-destockage .woocommerce-product-gallery::after,
    .products .product_tag-destockage a::after,
    .single-product .product_tag-destocking .woocommerce-product-gallery::after,
    .products .product_tag-destocking a::after,
    .single-product .product_tag-new_collection .woocommerce-product-gallery::after,
    .products .product_tag-new_collection a::after,
    .single-product .product_tag-best_seller .woocommerce-product-gallery::after,
    .products .product_tag-best_seller a::after,
    .single-product .product_tag-new_collection-en .woocommerce-product-gallery::after,
    .products .product_tag-new_collection-en a::after,
    .single-product .product_tag-best_seller-en .woocommerce-product-gallery::after,
    .products .product_tag-best_seller-en a::after {
        content: "DESTOCKING";
        position: absolute;
        width:100%;
        bottom: 70%;
        right: -35%;
        padding: 5px 20px;
        background-color: var(--idam-secondary); /*rgba(255, 235, 59, 0.5);*/
        color: red;
        font-size: 12px;
        font-weight: bold;
        text-align:center;
        transform: rotate(45deg);
        z-index: 0;
    }
.single-product .product_tag-destockage .woocommerce-product-gallery::after,
    .products .product_tag-destockage a::after {
        content: "DESTOCKAGE";
    }

.single-product .product_tag-new_collection .woocommerce-product-gallery::after,
    .products .product_tag-new_collection a::after,
    .single-product .product_tag-new_collection-en .woocommerce-product-gallery::after,
    .products .product_tag-new_collection-en a::after {
        content: "NEW";
        color: var(--idam-text);
    }
.single-product .product_tag-best_seller .woocommerce-product-gallery::after,
    .products .product_tag-best_seller a::after,
    .single-product .product_tag-best_seller-en .woocommerce-product-gallery::after,
    .products .product_tag-best_seller-en a::after {
        content: "BEST SELLER";
        color: var(--idam-primary);
    }
.single-product .product_tag-destockage .woocommerce-product-gallery,
.single-product .product_tag-destocking .woocommerce-product-gallery,
    .single-product .product_tag-new_collection .woocommerce-product-gallery,
    .single-product .product_tag-new_collection-en .woocommerce-product-gallery,
    .single-product .product_tag-best_seller .woocommerce-product-gallery,
    .single-product .product_tag-best_seller-en .woocommerce-product-gallery
    {overflow:hidden;}

/* Resserer les selecteur de filtre de produits (h3 passé en hidden directement dans le paramétrage des widgets) */
.products_filter .wp-block-woocommerce-filter-wrapper{margin-top: 0;}
    


/* ----- divers ----- */
form .readonly-field {
    background-color: #f0f0f0;
    color: #555;
    cursor: not-allowed;
}

/* ----- Form contact ----- */
.wpcf7-form input {width:100%;}
.wpcf7-form button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button {
    width:auto;
}
.wpcf7-form select{
    width: 100%;
    background-color: #f2f2f2;
    border: none;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.125);
    padding:0.5em;
}

/* ----- Form inscription ----- */
#idam_subscribe_form input {
    width:100%;
}

#idam_subscribe_form select {
    width:100%;
    padding: .6180469716em;
    background-color: #f2f2f2;
    color: #43454b;
    border: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: 400;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .125);
}

/* ----- pastilles variation et couleurs finition ----- */
    .variation_swatch_container {
        display: flex;
        flex-direction: row; /* Ensures horizontal alignment */
        justify-content: center;
        align-items: center;
        margin: 0; /* Removes default margin */
        padding: 0; /* Removes default padding */
    }
    .swatch_item {
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 50%;
        margin: 0.5rem;
        background : #eee;
    }

    .vieux_laiton_brillant, .old_brass_shinny, .laiton_brillant, .brass_shinny { background: linear-gradient(-35deg, #eee782 50%, #dee1fc); }
    .vieux_laiton_mat, .old_brass_matt, .laiton_mat, .brass_matt { background: #bba55d; }
    .argent_brillant, .silver_shinny { background: linear-gradient(-35deg, #acab98 50%, #dee1fc); }
    .vieil_argent, .old_silver, .argent_mat, .silver_matt { background: #acab98; }
    .nickel_poli, .polished_nickel, .nickel_brillant, .nickel_shinny { background: linear-gradient(-35deg, #777 50%, #fdfbe4); }
    .nickel_mat, .nickel_matt { background: #777; }
    .vieux_nickel, .old_nickel, .vieux_nickel_mat, .old_nickel_matt { background: #817e6f; }
    .canon_de_fusil_satine, .satin_gun, .gris_mat_noir_brillant, .grey_matt_black_shinny { background: linear-gradient(-35deg, #4d4937 50%, #fdfbe4); }
    .nickel_poli_canon_fusil, .polished_nickel_gun, .nickel_brillant_noir_brillant, .nickel_shinny_black_shinny { background: linear-gradient(to right, #777 50%, #4d4937 50%); }
    .canon_fusil, .gun, .noir_brillant, .black_shinny { background: #4d4937; }
    .noir_mat, .black_matt { background: #000000; }
    .rouille, .rust { background: #8d4d31; }
    .or_brillant, .gold_shinny  { background: linear-gradient(-30deg, #ffd700 50%, #dee1fc); }
    .viel_or_mat_bronze, .old_gold_bronze, .viel_or_mat, .gold_old_matt { background: #eca200da; }
    .or_noir, .gold_black { background: linear-gradient(to right, #ffd700 50%, #000000 50%); }
    .or_satine, .satin-gold { background: linear-gradient(-35deg, #ffd700 50%, #fdfbe4); }
    .or_special, .special_gold{ background: #ffd700; } 


.no-scroll-wheel-message {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 10px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    z-index: 1000;
    transition: opacity 1s ease-in-out;
    }
    
.no-scroll-wheel-message.visible {
    opacity: 1;
    }