body {
    font-size-adjust: .63
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4), .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group .btn {
    position: relative;
    z-index: 2;
}

/***** Cart *****/

.cartArea {
    position: sticky;
    z-index: 999;
    bottom: 0;
    right: 0;
    display: ruby-text;
}

.cartArea .btn-group {
    box-shadow: rgb(0 0 0 / 20%) 0px 0px 10px 2px;
    height: 60px;
    margin-bottom: 62px;
    
}

/* Aggiungi questa media query per dispositivi con una larghezza massima di 767px (o un'altra dimensione se preferisci) */
@media only screen and (max-width: 767px) {
    .mobile-only {
        display: block; /* Visualizza l'elemento solo su dispositivi mobili */
    }
}

/* Nascondi l'elemento su schermi più grandi */
@media only screen and (min-width: 768px) {
    .mobile-only {
        display: none; /* Nascondi l'elemento su schermi più grandi */
    }
}


@media (max-width: 767px) { 
    .cartArea {
        width: 100%;
    }
    .cartArea .btn {
        border-radius: 0;
    }
    .cartArea .btn-group {
        width: 100%;
    }
}

@media (min-width: 768px) { 
    .cartArea .btn-group {
        margin-bottom: 50px;
        margin-right: 50px;
        height: 50px;
        border-radius: 0.42rem;
    }
}

/* FA Icons style */
.svg-inline--fa.svg-icon-primary [fill]{
    fill: var(--primary)
}
.svg-inline--fa.svg-icon-success [fill]{
    fill: var(--success)
}
.svg-inline--fa.svg-icon-info [fill]{
    fill: var(--info)
}
.svg-inline--fa.svg-icon-warning [fill]{
    fill: var(--warning)
}
.svg-inline--fa.svg-icon-danger [fill]{
    fill: var(--danger)
}
.svg-inline--fa.svg-icon-md {
    width: 1rem;
    height: 1rem;
    padding: 0.25rem;
}
/*.svg-inline--fa.svg-icon-primary:hover [fill], .svg-inline--fa.svg-icon-success:hover [fill], .svg-inline--fa.svg-icon-info:hover [fill], .svg-inline--fa.svg-icon-warning:hover [fill], .svg-inline--fa.svg-icon-danger:hover [fill] {*/
.btn:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-inline--fa [fill], .btn:focus:not(.btn-text) .svg-inline--fa [fill], .btn.focus:not(.btn-text) .svg-inline--fa [fill] {
    fill: var(--white)
}

/* Rimuovo il padding-top  dal kt_aside */
@media (min-width: 992px) {
    .header-fixed.aside-static .aside {
        padding: 0!important; 
    }
.burger-icon span,.burger-icon span::before,.burger-icon span::after { background-color: white!important}
}