/* START Bootstrap adjustments */
.container-fluid {  width: 100%;  padding-right: 0;  padding-left: 0; margin-right: auto;  margin-left: auto; }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 0; --bs-gutter-y: 0; }
.row { display: flex; flex-wrap: wrap;  margin-right: 0; margin-left: 0; }
.row { --bs-gutter-x: 0;  --bs-gutter-y: 0; }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; padding-right: 0; padding-left: 0; }
/* END Bootstrap adjustments */


/* START Design element of site */
.button_kitoko_model_1{ all: unset;  padding: 3% 5%; background: #bb4b2f; color: white; cursor:pointer; }
.button_kitoko_model_1:hover{ all: unset; padding: 3% 5%; outline: 2px solid #bb4b2f; color: #bb4b2f;  cursor:pointer; background:white !important;}
.button_kitoko_model_1_slider{ all: unset;  padding: 2% 5%; background: #bb4b2f; color: white; cursor:pointer; }
.button_kitoko_model_1_slider:hover{ all: unset; padding: 2% 5%; outline: 2px solid #bb4b2f; color: #bb4b2f;  cursor:pointer; background:white !important;}
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #e3e2e2; }
::-webkit-scrollbar-thumb { background: #c06340; }
::-webkit-scrollbar-thumb:hover { background: #f18242; }
progress[value] { appearance: none; }
progress::-webkit-progress-bar { background-color: transparent; border: 1px solid #bb4b2f; border-radius:2px; height:0.7rem;}
progress::-webkit-progress-value { background-color: #bb4b2f; }

input.kitoko-form-input-text{ border: 0; background: #f3eeee; width:100%; height: 2.4rem; }
input.kitoko-form-input-text::-webkit-input-placeholder{ color: black; padding: 0% 5%; font-size: 0.8rem; font-weight: 500; }
input[type='radio'] { accent-color: #f18242; }
input[type='checkbox'] { accent-color: #f18242; }
input[disabled]::-webkit-input-placeholder {  color: light-dark(rgb(84, 84, 84), rgb(170, 170, 170));  font-weight: 400; }
select[disabled]::-webkit-input-placeholder {  color: light-dark(rgb(84, 84, 84), rgb(170, 170, 170));  font-weight: 400; padding-left: 2%; }
div#reviews {
    display: none;
}


nav.woocommerce-breadcrumb { margin: 0 !important;   text-transform: lowercase !important;   text-align: center !important; }
nav.woocommerce-breadcrumb > a { color:black !important; }
.product-info{ color: white !important; }
/* div.product-card.disposition_block:hover{ outline: 1px solid #f17e3f; border-radius:5px; } */
/* END Design element of site */

/* START global */
.product-card-title{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product-card-description{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;   
}
#register-banner{
    display:none; 
    position:fixed; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    z-index: 4;
}
#register-banner-text-content{
    display: flex; 
    flex-direction: column; 
    align-items: flex-start;
    position: absolute; 
    right: 10%; 
    top: 50%; 
    transform: translate(0%, -50%);
}
/* END global */
/* START navbar */
#header_row {
    padding: 1% 0%; 
    background-color: #ffffff00; 
    transition: background-color 2s;
}
.navbar-counter {
    position:absolute; 
    top:25%; 
    right:15%; 
    transform: translate(0%, -50%); 
    background:#c06340; 
    border-radius:50%;  
    width: 1rem; 
    height: 1rem; 
    aspect-ratio: 1/1;   
}
#user-directive {
    display: none;
    flex-direction: column;
    position: absolute;
    width: 16vw;
    height: fit-content;
    z-index: 1;
    background: white;
    left: 50%;
    top: 150%;
    box-shadow: 0px 0px 5px 0.2px #dfd7d7;
    transform: translate(-50%, 0%);
}
#fly_cart {
    display: none; 
    flex-direction:column; 
    position: fixed; 
    width: 15%; 
    height:100vh; 
    right: 0%; 
    top: 0%; 
    z-index: 1; 
    justify-content: space-between; 
    background:white;
}
#search_box{
    display: none; 
    flex-direction: column; 
    position: fixed; 
    width: 100%; 
    left: 0%; 
    top: 12%; 
    z-index: 1;
}
#search_box_input_wrapper{
    background:#e3e2e2;
}
#search_box_input{
    background:transparent; 
    border:0px; 
    width:40%;
}
#search_box_inner_wrapper{
    position:absolute; 
    top:0%; 
    left:0%;
    width:100%; 
    height:100%; 
    background:#e3e2e2; 
    filter: opacity(0.85);
}
#search_result{
    position:absolute; 
    top:0%; 
    left: 0%; 
    height:100vh; 
    width:100%; 
    overflow:scroll; 
    z-index:2;
}
.category-button{
    border: 2px solid #f18242;
    background: #f18242;
    color: white !important;
    font-weight: bold;
}
.category-button.active{
    background: transparent;
    color: #f18242 !important;
}
.card-favorite-icon{
    position:absolute; 
    top:0%; 
    right:0%; 
    width:8%; 
    cursor:pointer;
}
#notification{
    position:fixed; 
    bottom:5%; 
    left:-50%; 
    z-index:5; 
    transition: left 1s;
}
#notification.active{
    left: 2%
}


@media screen and (max-width: 992px){

    #header_row {
        padding: 4% 0%; 
        background-color: white !important;
        box-shadow: 1px 0px 2px 1px #0000002b;
    }
    .navbar-counter{
        right:0%;  
    }
    #search_box_input_wrapper{
        background:white;
        box-shadow: inset 0px 3px 3px 0px #0000002e;
        border-bottom: 1px solid #80808026;
    }
    #search_box_input{
        width: 90%;
        text-align: center;
    }
    #search_box_inner_wrapper{
        background:white;
        filter: opacity(1);
    }
    #user-directive{
        position: fixed;
        width: 100%;
        left: 0;
        top: 8%;
        transform: translate(0%, 0%);
    }
    #fly_cart {
       top: 8%;
       width: 100%;
       height: 90%;
       box-shadow: 1px 1px 5px 0px #d1cccc; 
    }
    #search_box{
        top: 8%;
    }
    #search_result{
        position: absolute; 
        top: 0%; 
        left: 0%; 
        height: 100vh; 
        width: 100%; 
        overflow: scroll;
        display: none;
        z-index: 2;
    }
    #search_result.active{
        display: flex;
        background-color: white;
    }
    .subcategory-wrapper{
        height: 95vh;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        display: none;
        background-color: white;
        z-index: 99;
    }
    .subcategory-wrapper.active{
        display: block;
    }
    .card-favorite-icon{ 
        width:10%; 
    }
    #notification{
        position:fixed; 
        bottom:5%; 
        left:-150%; 
        z-index:5; 
        transition: left 1s;
    }
    #notification.active{
        left: 2%
    }
    #register-banner{
        display:none; 
        position:fixed; 
        top: 18%; 
        left: 0%; 
        transform: translate(-0%, -0%); 
        z-index: 4;
    }
    #register-banner-text-content{
        display: flex; 
        flex-direction: column; 
        align-items: flex-start;
        position: absolute; 
        right: auto; 
        top: 50%; 
        transform: translate(0%, -50%);
    } 
    .slide-mobile-image{
        background-position: 20% 0% !important;
    }

    .display-3 { font-size: 3.5rem; }
    .display-4 { font-size: 2.5rem; }
    .display-5 { font-size: 1.2rem; }
    .h1 { font-size: 2rem !important; }
    .h3 { font-size: 1.5rem; }
    .h4 { font-size: 1.2rem; }
    .h5 { font-size: 1rem; }
    .h6 { font-size: 0.75rem; }
    .h6-bis { font-size:1rem; }
    .fs-5 { font-size: 1rem !important; }
    .h4-sx{ font-size: 1rem; }
    .h3-sx { font-size: 1rem; }

    .option:not(.option-colore){ background: white !important; }
    .option-colore{ height: 1rem !important; width: 1.5rem !important; }

    .swiper-pagination-bullet {  font-size: 20px !important; }

    button.button_kitoko_model_1 { min-height: 2.5rem; max-height: 2.5rem; width: 100%; font-size: 0.85rem; text-align: center; display: block;  width: -webkit-fill-available !important; }
    button.button_kitoko_model_1:hover { min-height: 2.5rem; max-height: 2.5rem; width: 100%; font-size: 0.85rem; text-align: center; }

    :root{  --var-search-background-color: #ffead9;  }

    .prezzo_in_evidenza{ color: #e90000e6; font-weight: bold; font-size: 1.4rem; }
    .prezzo_con_sconto{ font-size: 0.65rem !important; color: #9b9999; }
    .prezzo_con_sconto_percentuale{  font-size: 0.65rem !important; font-weight: bold; }
    .product-card-description{ font-size: 0.8rem; }
    img[src="/wp-content/uploads/2024/04/logo_arancione.png"]{ width: 60% !important; }

}

div#wpadminbar { display: none !important; }
html{ margin: 0% !important; }

* { font-family: Poppins !important; }


@media (max-width: 900px){
    .visibility-hidden-mobile{
        visibility: hidden;
    }
}

/* END navbar */