/* Stile per il popup */
#pdv-selection-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    background: white;
    padding: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    display: none; /* Nascosto di default */
    width: 80%;
    max-width: 500px;
}

/* Titolo del popup */
#pdv-selection-popup h2 {
    margin-top: 0;
    color: #333;
    font-size: 1.5em;
    text-align: center;
}

/* Lista dei PDV */
#pdv-list-ul {
    list-style-type: none;
    padding: 0;
    margin-top: 20px;
}

.pdv-list-item {
    margin-bottom: 10px;
}

/* Pulsanti di selezione dei PDV */
.pdv-select-button {
    font-size: 1em;
    margin-top: 4px;
    font-weight: 600;
    cursor: pointer;
    background-color: transparent;
    color: #275a4d;
    padding: 0;
    border: 0;
    margin-left: auto;
}

/* Pulsante di chiusura */
#close-popup {
    background-color: #f44336;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    display: block;
    margin: 20px auto 0;
    width: 50%;
}

/* Stili per schermi piccoli e dispositivi mobili */
@media (max-width: 600px) {
    #pdv-selection-popup {
        width: 90%;
        padding: 10px;
    }

    .pdv-select-button, #close-popup {
        padding: 8px 15px;
        font-size: 14px;
    }
    #openSidebar:not(.pdv-select).active {
        display: none !important;
    }
}



.pdv-inventory-info {
    margin-top: 10px;
    font-size: 0.9em;
    color: #333;
}
#reopen-pdv-popup {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px 15px;
    background-color: #275a4d;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    z-index: 1001; /* Assicurati che sia sopra agli altri elementi */
}






#sidebar-gl {
    position: fixed;
    bottom: 0;
    z-index: 199; /* Assicurati che il sidebar-gl sia sopra agli altri elementi */

    height: 100%;
    width: 100vw;
    background-color: #fff;
    left: 0;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    top: 0;
    border-right: 5px solid #275a4d;
    padding: 20px 20px 8px;
    transition: all .4s ease-in-out;

}

#sidebar-gl.active {
    -ms-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
    overflow: scroll;
}
@media (min-width: 768px) {
    #sidebar-gl {
        width: 470px;
    }
}
#openSidebar {
    padding: 5px 15px;
    background-color: #004D40;
    color: #fff;
    cursor: pointer;
    position: fixed;
    border-radius: 5px 5px 0 0;
    left: -13px;
    top: 50%;
    transform: translateY(-50%) translateX(-112px) rotate(90deg);
    z-index: 1001;
    transition: all .4s ease-in-out;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

#openSidebar.pdv-select {
    left: -10px;
    top: 30%;
    transform: translateY(-50%) translateX(0px) rotate(90deg);
    padding: 4px 10px;
}
#openSidebar.pdv-select.active {
    left: 460px;
}
#openSidebar.pdv-select .text {
    display: none;
}
#openSidebar.pdv-select .icon svg,
#openSidebar.pdv-select .icon {
    margin-right: 0;
}

#openSidebar.active {
    left: 455px; /* Sposta il bottone a sinistra insieme al pannello */

}
#openSidebar .text {
    display: inline-block;
    font-style: italic;
}
#openSidebar .icon {
    margin-right: 10px;
}
#openSidebar .icon svg {
    width: 2em;
    height: 2em;
    display: block;
    fill: #fff;
    margin-right: .5em;
}
.drawer-overlay {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    display: none; /* Inizialmente nascosto */
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    opacity: 0; /* Inizialmente trasparente */
    transition: opacity 0.2s ease; /* Transizione morbida dell'opacità */
}



.wrap-sidebar {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
}
.informative-info {
    background-color: #f5f5f5;
    margin: 10px -20px 0;
    padding: 2em 1.5em;
}
.informative-info .store-service-card.with-bg {
    padding-top: 12px;
    padding-bottom: 12px;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
.informative-info .store-service-card.with-bg .icon {
    margin-right: 0.8em;
}
.informative-info .store-service-card.with-bg .icon svg {
    width: 30px;
    height: 30px;
    fill: #1b2735;
}
.pdv-list .msg {
    margin-bottom: 2em !important;
    font-size: 1em !important;
    line-height: 1.3em !important;
}
.pdv-list .msg,
.info-msg {
    position: relative;
    color: #1b2735;
    font-size: .9em;
    margin: 0;
    line-height: 1rem;
    padding: 0;
    text-align: center;
}
.info-msg:before {
    position: absolute;
    left: -40px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.store-service-card.info-box:after {
    content: "";
    width: calc(100% - 32px);
    height: 3px;
    background-color: #fff;
    position: absolute;
    bottom: -7px;
    visibility: visible;
    left: 16px;
}
.store-service-card .info-msg:before {
    position: absolute;
    left: -40px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pdv-list {
    padding: 4em 1em 2em;
    margin-top: 0;
    width: 100%;
    margin-bottom: auto;
}
.pdv-info {
    width: 80%;
    margin-left: 1em;
}
.pdv-details {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
    padding: 1em;
    border: 1px solid rgba(39, 90, 77, .25);
    margin-bottom: 0.8rem;
    border-radius: 6px;
    transition: all .3s ease-in-out;
}
.pdv-details:hover {
    border: 1px solid rgba(39, 90, 77, .55);
}
.pdv-details.checked:hover,
.pdv-details.checked {
    border: 2px solid rgba(39, 90, 77, .75);
}
.woocommerce-shipping-methods .pdv-details.checked:hover {
    border: 2px solid rgba(39, 90, 77, .75);
}
.woocommerce-shipping-methods .pdv-details:hover {
    border: 1px solid rgba(39, 90, 77, .75);
}

.pdv-details label p {
    line-height: 1.3 !important;
}
.pdv-details label {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    cursor: pointer;
    align-items: center;
}
.pdv-details  img {
    width: 40px;
    height: 40px;
}
.pdv-details .icon svg {
    width: 35px;
    height: 35px;
    fill: #275a4d;
}
.pdv-details .service-title {
    width: 100%;
    padding: 0;
    font-weight: bold;
    line-height: 1;
    color: #004D40;
}
.pdv-details .service-shordescription {
    padding: 0;
    display: block;
}
.pdv-details .service-location {
    display: block;
    font-size: .8em;
    color: #000;
    font-weight: 500;
    padding: .5em 0 0 0;
}
.pdv-details .service-location .icon svg {
    width: 16px;
    height: 16px;
    fill: none;
    vertical-align: sub;
    margin-right: 5px;
}
.pdv-wrap-inner {
    text-align: left;
}
.pdv-wrap-inner h3 {
    padding-bottom: 0;
    line-height: 1;
    font-size: 1.2em;
    letter-spacing: 0;
    font-weight: 700;
    margin-bottom: 0;
    color: #004D40;
    margin-left: 0.5em;
    text-align: left !important;
}

.pdv-wrap-inner p {
    padding-bottom: 0.5em;
    margin-left: 0.5em;
}









* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


.top-search-pdv {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    text-align: center;
    color: #275a4d;
}
.top-search-pdv .icon {
    display: block;
    width: 100%;
}
.top-search-pdv .icon svg {
    width: 35px;
    height: 35px;
    fill: #275a4d;
    margin-bottom: -0.6em;
}
.pdv-list h3,
.top-search-pdv h3 {
    font-weight: bold;
    color: #275a4d;
    line-height: 1.2em;
    font-size: 1.3em;
    text-align: center;
}
.top-search-pdv .container-search {
    width: 100%;
    padding: 2em 0 1em;
}

.search-box {
    min-width: max-content;
    max-width: 100%;
    display: flex;
    background-color: rgba(0, 0, 0, .04);
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    margin: auto;
    width: 100%;
    align-content: center;
    border-radius: 5em !important;
    border: 2px solid #1a4e43;
}
.search-box input{
    background-color: transparent !important;
    color: #1a4e43 !important;
}

.search-input {
    border: none;
    outline: none;
    background-color: transparent;
    padding: .9rem 1.4rem;
    width: 90% !important;
    border-radius: 10px;
    font-size: 1.6rem;
    color: #000;
    transition: all .4s;
}

::placeholder {
    font-size: 1rem;
    color: #B5B5B5;
}

.search-input:focus {
    width: 95% !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

.search-icon {
    right: 1.5em;
    width: 20px;
    height: 20px;
    border: 2px solid #275a4d;
    border-radius: 50%;
    top: 0.8em;
    position: absolute;
}

.search-icon::after {
    position: absolute;
    top: 9px;
    right: 0px;
    transform: rotate(138deg) translateY(-6px);
    content: "";
    width: 2px;
    height: 10px;
    background-color: #275a4d;
}










/* Stilizzazione del container del dropdown */
.pac-container {
    background-color: white;
    border: 1px solid #ccc;
    font-size: 14px;
}

/* Stilizzazione delle singole voci del dropdown */
.pac-item {
    padding: 5px 10px;
    cursor: pointer;
}

/* Stilizzazione del testo all'interno delle voci */
.pac-item-query {
    font-weight: bold;
}

/* Stilizzazione dell'elemento evidenziato */
.pac-item-selected,
.pac-item:hover {
    background-color: #efefef;
}
.chang-location-link:hover,
.use-location-link:hover {
    text-decoration: underline;
}
.chang-location-link,
.use-location-link {
    z-index: 1000;
    position: absolute;
    top: 52px;
    border: none;
    font-weight: 600;
    flex-direction: row;
    width: 100%;
    padding: .6em;
    justify-content: center;
    align-items: center;
    color: #275a4d;
    cursor: pointer;
    background-color: transparent;
}
.use-location-link  {
    justify-content: start;
    width: 45%;
    left: 0;
}
.chang-location-link svg,
.use-location-link svg {
    stroke: #275a4d;
    margin-right: 0.5em;
    margin-top: -2px;
}
.use-location-link span {}

.chang-location-link {
    width: 50%;
    right: 0;
    justify-content: end;
}
@keyframes bounce-rotation {
    0%, 20%, 100% {
        transform: rotate(0deg);
    }
    30% {
        transform: rotate(15deg);
    }
    40%, 60% {
        transform: rotate(-30deg);
    }
    70% {
        transform: rotate(-15deg);
    }
    80% {
        transform: rotate(0deg);
    }
}

.use-location-link svg {
    animation: bounce-rotation 2s ease-in-out infinite;
}



.pac-container {
    margin-top: 3em;
}

/* Classe base per lo stile dell'input con loader */
.search-box.loading {
    position: relative;
    font-size: initial;
}


/* Stile per l'icona di caricamento (spinner) */
.search-box.loading:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 16%;
    width: 16px;
    height: 16px;
    margin-top: -8px; /* Centra l'icona verticalmente */
    border: 2px solid #ccc;
    border-top: 2px solid #333; /* Colore della parte superiore del bordo */
    border-radius: 50% !important;
    animation: spin 1s linear infinite;
}

/* Animazione per la rotazione */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.hidden { display: none}













/**
Date fields
*/
input.hasDatepicker {
    background-image: url('https://plugins.yithemes.com/yith-woocommerce-delivery-date/wp-content/themes/yith-proteo/img/calendar.svg');
    background-position: calc(100% - 15px) 50%;
    background-repeat: no-repeat;
    background-size: 20px;
}

#ui-datepicker-div {
    background: #ffffff;
    border-radius: 0;
    color: inherit;
    font-family: inherit;
    box-shadow: 3px 0 15px rgba(0, 0, 0, 0.15);
    border: none;
}
#ui-datepicker-div .ui-datepicker-header {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: 10px 0;
}
#ui-datepicker-div .ui-datepicker-header a {
    color: inherit;
    text-align: center;
    opacity: 0.8;
    top: 2px;
    text-decoration: none;
}
#ui-datepicker-div .ui-datepicker-header a.ui-state-hover, #ui-datepicker-div .ui-datepicker-header a.ui-state-focus {
    border: none;
    background: none;
    opacity: 1;
}
#ui-datepicker-div .ui-datepicker-header a:hover {
    color: #1a4e43;
    opacity: 1;
}
#ui-datepicker-div .ui-datepicker-header a.ui-state-disabled {
    display: none;
}
#ui-datepicker-div .ui-datepicker-header a[data-handler=prev] {
    left: 2px;
}
#ui-datepicker-div .ui-datepicker-header a[data-handler=prev]:before {
    content: "\e875";
    font-family: Linearicons-Free;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    cursor: pointer;
    font-size: 12px;
}
#ui-datepicker-div .ui-datepicker-header a[data-handler=prev] span {
    display: none;
}
#ui-datepicker-div .ui-datepicker-header a[data-handler=next] {
    right: 2px;
}
#ui-datepicker-div .ui-datepicker-header a[data-handler=next]:before {
    content: "\e876";
    font-family: Linearicons-Free;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    cursor: pointer;
    font-size: 12px;
}
#ui-datepicker-div .ui-datepicker-header a[data-handler=next] span {
    display: none;
}
#ui-datepicker-div .ui-datepicker-calendar tbody td a {
    text-decoration: none;
    transition: all ease 0.3s;
    background: #f7f7f7;
    border: 1px solid #efefef;
    color: #616161;
    font-weight: 600;
    font-size: 14px;
}
#ui-datepicker-div .ui-datepicker-calendar tbody td a.ui-datepicker-unselectable {
    background: #f7f7f7;
    border: 1px solid #efefef;
    color: #c5c5c5;
}
#ui-datepicker-div .ui-datepicker-calendar tbody td a.ui-state-hover {
    color: var(--proteo-main_color_shade, #448a85);
    background: #ffffff;
    border: 1px solid var(--proteo-main_color_shade, #448a85);
}
#ui-datepicker-div .ui-datepicker-calendar tbody td a.ui-state-hover:not(.ui-state-active) {
    color: var(--proteo-main_color_shade, #448a85);
}
#ui-datepicker-div .ui-datepicker-calendar tbody td a.ui-state-active {
    color: #ffffff;
    background: var(--proteo-main_color_shade, #448a85);
    border: 1px solid var(--proteo-main_color_shade, #448a85);
}
#ui-datepicker-div .ui-datepicker-calendar tbody td a.ui-state-active:hover {
    color: #ffffff;
}
#ui-datepicker-div .ui-datepicker-calendar tbody td a.ui-state-highlight {
    color: var(--proteo-main_color_shade, #448a85);
    background: #ffffff;
    border: 1px solid var(--proteo-main_color_shade, #448a85);
}
#ui-datepicker-div .ui-datepicker-calendar tbody td.ui-state-disabled {
    opacity: 0.5;
}






#orario_consegna_container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0em .5em 1em;
}
#orario_consegna_container p {
    width: 100%;
    font-size: 90%;
    margin-top: 1em;
}
#orario_consegna_container .timeslot-timing {
    cursor: pointer;
    padding: 3px 8px;
    color: #1a4e43;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    margin: 8px 8px 0 0;
    font-weight: 600;
    font-size: .9em;
    text-align: center;
    position: relative;
    transition: all .3s ease-in-out;
}
#orario_consegna_container .timeslot-timing input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

#orario_consegna_container .timeslot-timing.selected {
    background-color: #1a4e43;
    color: #fff;
}
.delivery-date-time {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
    padding: 1em;
    border: 1px solid rgba(39, 90, 77, .25);
    margin-bottom: 0.8rem;
    border-radius: 6px;
    transition: all .3s ease-in-out;
}

.delivery-date-time td {
    width: 100%;
}




.loading {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0;
}
.loading li {
    height: 0;
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    margin: 0;
    height: 10px;
    width: 10px;
    border: 3px solid #1a4e43;
    border-radius: 100%;
    transform: transformZ(0);
    -webkit-animation: LOADING 2s infinite;
    animation: LOADING 2s infinite;
}
.loading li:nth-child(1n) {
    left: -20px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.loading li:nth-child(2n) {
    left: 0;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.loading li:nth-child(3n) {
    left: 20px;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}



@-webkit-keyframes LOADING {
    0% {
        transform: scale(0.5);
        background: #1a4e43;
    }
    50% {
        transform: scale(1);
        background: white;
    }
    100% {
        transform: scale(0.5);
        background: #1a4e43;
    }
}
@-webkit-keyframes LOADINGREV {
    0% {
        transform: scale(0.5);
        background: white;
    }
    50% {
        transform: scale(1);
        background: #1a4e43;
    }
    100% {
        transform: scale(0.5);
        background: white;
    }
}


.error-popup {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #000;
    background-color: white;
    z-index: 1000; /* Asegúrate de que esté por encima de otros elementos */
    padding: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.error-popup-content {
    text-align: center;
}

.close-btn {
    float: right;
    font-size: 20px;
    cursor: pointer;
}









/*§§§§§§§§§§§§§§§*/


.store-selection-component {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.visible .store-selection-component {
}







.store-selection-component .shipping-selected-label {
    opacity: 1;
    margin: 0;
    font-size: .9rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    line-height: 1.2em;
}

.store-selection-component .shipping-selected-label .first-timeslot .icon svg,
.store-selection-component .shipping-selected-label .shipping-label .icon svg {
    height: 15px;
    width: 15px;
    margin-bottom: -2px;
}
.store-selection-component .shipping-selected-label .first-timeslot {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid;
    color: #1a4e43;
}

@media (max-width: 768px) {
    .store-selection-component .shipping-selected-label .first-timeslot.discount {
        padding-left: 0;
        border-left: none;
        text-align: left;
        margin-top: 11px;
        margin-left: 0;
    }

    .store-selection-component .shipping-selected-label {
        text-align: left;
    }
}
.store-selection-component .shipping-selected-label .shipping-label {
    color: #1a4e43;
}

.store-selection-component .shipping-selected-label span.timeslot-info {
    color: #575757
}

.store-selection-component .shipping-selected-label span.shipping-info {
    color: #575757
}

.store-selection-component .shipping-selected-label span.to-bold {
    font-weight: 800
}


.store-selection-component .store-selection-bar {
    display: none;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    cursor: pointer
}

.store-selection-component .store-selection-bar.loaded {
    display: -ms-flexbox;
    display: flex
}

.store-selection-component .store-selection-bar.toggleActive:not(.loaded) {
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    height: 0
}




body #header-secondary-outer .nectar-center-text {
    max-width: 100% !important;
}






*,
*:focus{outline: none}



.container-form-aside .form-group {
    width: auto;
    margin: 0 auto;
    font-family: sans-serif;
    background: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    column-gap: 20px;
}
.container-form-aside .form-item.w-100 {width: 100%;}
.container-form-aside .form-item.w-60 {width: calc(60% - 10px)}
.container-form-aside .form-item.w-40 { width: calc(40% - 10px)}
.container-form-aside .form-item.w-80 { width: 80%;}
.container-form-aside .form-item.w-50 { width: calc(50% - 10px)}
.container-form-aside .form-item{
    position: relative;
    margin-bottom: 20px;
}
.container-form-aside .form-item .select2-province {
    padding: 15px !important;
}
.container-form-aside .form-item .select2-province,
.container-form-aside .form-item input{
    display: block;
    width: 100%;
    background: transparent;
    transition: all .3s ease;
    border: 1px solid #1a4e43;
    padding: 10px;
    font-size: 14px;
    font-family: inherit;
    line-height: 24px;
    z-index: 2;
    position: relative;
}
.container-form-aside .form-item input:focus{
    border-color: #1a4e43
}
.container-form-aside .form-item label{
    position: absolute;
    cursor: text;
    top: 1px;
    left: 5px;
    font-size: 12px;
    font-weight: 500;
    background: #fff;
    padding: 0 5px;
    color: #1a4e43;
    transition: all .3s ease;
    z-index: 0;
}
.container-form-aside .form-item input:focus + label,
.container-form-aside .form-item input:valid + label{
    font-size: 11px;
    top: -20px
}
.container-form-aside .form-item input:focus + label{
    color: #1a4e43
}
.container-form-aside button{
    font-size: 1.25em;
    padding: 20px !important;
    display: block;
    text-align: center;
    box-shadow: 0 20px 38px rgba(0,0,0,0.16) !important;
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    line-height: 12px;
    position: relative;
    text-transform: capitalize;
    color: #fff;
    background-color: #1a4e43;
    width: 100% !important;
    margin-top: 1em;
}


.woocommerce-checkout h1, .woocommerce-checkout h2, .woocommerce-checkout h3, .woocommerce-checkout h4, .woocommerce-checkout h5, .woocommerce-checkout h6,
.woocommerce table.order-review tfoot td, .woocommerce table.order-review tfoot th, .woocommerce table.order-review th, .woocommerce-page table.order-review th, .woocommerce-page table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot th {
    color: #000;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
#data_consegna {
    background-color: #f9f9f9;
    border-radius: 4px;
    border: 1px solid rgba(39, 90, 77, .25);
    color: #000;
    line-height: 24px !important;
    padding: 10px;
}

.checkout #order_review .order-review tbody tr.order-total td .woocommerce-Price-amount {
    color: #1a4e43;
}
.checkout #order_review .order-review tbody tr:first-child {
    margin-bottom: 1em;
}









/*** payments cart ***/

.payments-available{
    display: flex;
    margin-bottom:20px;
    justify-content: center;
}
.payments-available .payment-icon{
    width: 100px;
}

/*** disable button ***/

.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled]{
    color:#1a4e43
}
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message{
    background-color: transparent !important;
    border: 2px solid rgba(39, 90, 77, .75) !important;
    border-radius: 8px !important;
    color:#1a4e43 !important;
}
.container-wrap .woocommerce .woocommerce-error strong,.container-wrap .woocommerce .woocommerce-info strong,
.container-wrap .woocommerce .woocommerce-error a,.container-wrap .woocommerce .woocommerce-info a{
    color:#1a4e43 !important;
    font-weight: 700;
}






.woocommerce-shipping-totals.shipping #shipping_method li {
    margin-bottom: 0.6em !important;
}
.woocommerce-shipping-totals.shipping #shipping_method li input[type="radio"] {
    display: none;
}

.woocommerce-shipping-totals.shipping #shipping_method li > label {
    position: relative;
    margin-left: 0.5em;
    cursor: pointer;
}

.woocommerce-shipping-totals.shipping #shipping_method li > label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border-radius: 50%;
    border: 1px solid #dddddd;
    background-color: #ffffff;
    vertical-align: middle;
    margin-top: -10px;
}

.woocommerce-shipping-totals.shipping #shipping_method li input[type="hidden"] + label:before,
.woocommerce-shipping-totals.shipping #shipping_method li input[type="radio"]:checked + label:before {
    content: "\2022";
    color: #1a4e43;
    font-size: 2.2em;
    line-height: .54em;
    font-weight: bold;
    text-align: center;
    position: relative;

}

/*** login+register page ***/

.woocommerce-account .woocommerce > #customer_login .nectar-form-controls .control{
    font-weight: 700;
    font-size: 2em;
}

{
    position: absolute;
    color:#a9a9a9;
    left: 20px;
    top: -10px;
    font-size: .8em;
    background-color: #FFF;
    padding: 0 5px;
    z-index: 100000;
}
#wc-stripe-payment-request-button-separator,
#wc-stripe-payment-request-wrapper,
.woocommerce-NoticeGroup-checkout {
    width: 100%;
}
.woocommerce-checkout-payment .form-row.privacy-checkbox {
    display: block;
    padding: 1.5em;
}

.woocommerce-checkout #payment div.payment_box p:last-child {
    display: block;
    padding: 1em;
    line-height: 1;
    height: auto;
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label {
    display: inline-block !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
}




.woocommerce-checkout #payment ul.payment_methods li.payment_method_stripe > label:after {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iNjAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzY3NzJlNSI+PHBhdGggZD0iTTEwMS41NDcgMzAuOTRjMC01Ljg4NS0yLjg1LTEwLjUzLTguMy0xMC41My01LjQ3IDAtOC43ODIgNC42NDQtOC43ODIgMTAuNDgzIDAgNi45MiAzLjkwOCAxMC40MTQgOS41MTcgMTAuNDE0IDIuNzM2IDAgNC44MDUtLjYyIDYuMzY4LTEuNDk0di00LjU5OGMtMS41NjMuNzgyLTMuMzU2IDEuMjY0LTUuNjMyIDEuMjY0LTIuMjMgMC00LjIwNy0uNzgyLTQuNDYtMy40OTRoMTEuMjRjMC0uMy4wNDYtMS40OTQuMDQ2LTIuMDQ2ek05MC4yIDI4Ljc1N2MwLTIuNTk4IDEuNTg2LTMuNjc4IDMuMDM1LTMuNjc4IDEuNDAyIDAgMi44OTcgMS4wOCAyLjg5NyAzLjY3OHptLTE0LjU5Ny04LjM0NWMtMi4yNTMgMC0zLjcgMS4wNTctNC41MDYgMS43OTNsLS4zLTEuNDI1SDY1LjczdjI2LjgwNWw1Ljc0Ny0xLjIxOC4wMjMtNi41MDZjLjgyOC41OTggMi4wNDYgMS40NDggNC4wNyAxLjQ0OCA0LjExNSAwIDcuODYyLTMuMyA3Ljg2Mi0xMC41OTgtLjAyMy02LjY2Ny0zLjgxNi0xMC4zLTcuODQtMTAuM3ptLTEuMzggMTUuODRjLTEuMzU2IDAtMi4xNi0uNDgzLTIuNzEzLTEuMDhsLS4wMjMtOC41M2MuNTk4LS42NjcgMS40MjUtMS4xMjYgMi43MzYtMS4xMjYgMi4wOTIgMCAzLjU0IDIuMzQ1IDMuNTQgNS4zNTYgMCAzLjA4LTEuNDI1IDUuMzgtMy41NCA1LjM4em0tMTYuNC0xNy4xOTZsNS43Ny0xLjI0VjEzLjE1bC01Ljc3IDEuMjE4em0wIDEuNzQ3aDUuNzd2MjAuMTE1aC01Ljc3em0tNi4xODUgMS43bC0uMzY4LTEuN2gtNC45NjZWNDAuOTJoNS43NDdWMjcuMjg2YzEuMzU2LTEuNzcgMy42NTUtMS40NDggNC4zNjgtMS4xOTV2LTUuMjg3Yy0uNzM2LS4yNzYtMy40MjUtLjc4Mi00Ljc4MiAxLjd6bS0xMS40OTQtNi43TDM0LjUzNSAxN2wtLjAyMyAxOC40MTRjMCAzLjQwMiAyLjU1MiA1LjkwOCA1Ljk1NCA1LjkwOCAxLjg4NSAwIDMuMjY0LS4zNDUgNC4wMjMtLjc2di00LjY2N2MtLjczNi4zLTQuMzY4IDEuMzU2LTQuMzY4LTIuMDQ2VjI1LjdoNC4zNjh2LTQuODk3aC00LjM3em0tMTUuNTQgMTAuODI4YzAtLjg5Ny43MzYtMS4yNCAxLjk1NC0xLjI0YTEyLjg1IDEyLjg1IDAgMCAxIDUuNyAxLjQ3VjIxLjQ3Yy0xLjkwOC0uNzYtMy43OTMtMS4wNTctNS43LTEuMDU3LTQuNjY3IDAtNy43NyAyLjQzNy03Ljc3IDYuNTA2IDAgNi4zNDUgOC43MzYgNS4zMzMgOC43MzYgOC4wNyAwIDEuMDU3LS45MiAxLjQwMi0yLjIwNyAxLjQwMi0xLjkwOCAwLTQuMzQ1LS43ODItNi4yNzYtMS44NHY1LjQ3YzIuMTM4LjkyIDQuMyAxLjMgNi4yNzYgMS4zIDQuNzgyIDAgOC4wNy0yLjM2OCA4LjA3LTYuNDgzLS4wMjMtNi44NS04Ljc4Mi01LjYzMi04Ljc4Mi04LjIwN3oiLz48L3N2Zz4=);
    width: 4em;
    display: inline-block;
    height: 2em;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
}

.woocommerce-checkout #payment ul.payment_methods li.payment_method_ppcp-gateway > label:after {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NjYuOTMgMTM3LjM1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAwOWVlMzt9LmNscy0xLC5jbHMtMiwuY2xzLTN7ZmlsbC1ydWxlOmV2ZW5vZGQ7fS5jbHMtMntmaWxsOiMxMTM5ODQ7fS5jbHMtM3tmaWxsOiMxNzJjNzA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5wYXlwYWwtc2Vla2xvZ28uY29tPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xOTIuOTUsMzg2Ljg3aDM4Ljc0YzIwLjgsMCwyOC42MywxMC41MywyNy40MiwyNi0yLDI1LjU0LTE3LjQ0LDM5LjY3LTM3LjkyLDM5LjY3SDIxMC44NWMtMi44MSwwLTQuNywxLjg2LTUuNDYsNi45TDIwMSw0ODguNzRjLTAuMjksMS45LTEuMjksMy0yLjc5LDMuMTVIMTczLjg3Yy0yLjI5LDAtMy4xLTEuNzUtMi41LTUuNTRsMTQuODQtOTMuOTNDMTg2Ljc5LDM4OC42NiwxODguODUsMzg2Ljg3LDE5Mi45NSwzODYuODdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQzLjQ4IC0zNTQuNTQpIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMzYxLjE0LDM4NS4xM2MxMy4wNywwLDI1LjEzLDcuMDksMjMuNDgsMjQuNzYtMiwyMS0xMy4yNSwzMi42Mi0zMSwzMi42N0gzMzguMTFjLTIuMjMsMC0zLjMxLDEuODItMy44OSw1LjU1bC0zLDE5LjA3Yy0wLjQ1LDIuODgtMS45Myw0LjMtNC4xMSw0LjNIMzEyLjY4Yy0yLjMsMC0zLjEtMS40Ny0yLjU5LTQuNzZMMzIyLDM5MC4yOWMwLjU5LTMuNzYsMi01LjE2LDQuNTctNS4xNmgzNC41NFptLTIzLjUsNDAuOTJoMTEuNzVjNy4zNS0uMjgsMTIuMjMtNS4zNywxMi43Mi0xNC41NSwwLjMtNS42Ny0zLjUzLTkuNzMtOS42Mi05LjdsLTExLjA2LjA1LTMuNzksMjQuMmgwWm04Ni4yMSwzOS41OGMxLjMyLTEuMiwyLjY2LTEuODIsMi40Ny0uMzRsLTAuNDcsMy41NGMtMC4yNCwxLjg1LjQ5LDIuODMsMi4yMSwyLjgzaDEyLjgyYzIuMTYsMCwzLjIxLS44NywzLjc0LTQuMjFsNy45LTQ5LjU4YzAuNC0yLjQ5LS4yMS0zLjcxLTIuMS0zLjcxSDQzNi4zMmMtMS4yNywwLTEuODkuNzEtMi4yMiwyLjY1bC0wLjUyLDMuMDVjLTAuMjcsMS41OS0xLDEuODctMS42OC4yNy0yLjM5LTUuNjYtOC40OS04LjItMTctOC0xOS43Ny40MS0zMy4xLDE1LjQyLTM0LjUzLDM0LjY2LTEuMSwxNC44OCw5LjU2LDI2LjU3LDIzLjYyLDI2LjU3LDEwLjIsMCwxNC43Ni0zLDE5LjktNy43aDBaTTQxMy4xMSw0NThjLTguNTEsMC0xNC40NC02Ljc5LTEzLjIxLTE1LjExczkuMTktMTUuMTEsMTcuNy0xNS4xMSwxNC40NCw2Ljc5LDEzLjIxLDE1LjExUzQyMS42Myw0NTgsNDEzLjExLDQ1OGgwWm02NC41LTQ0aC0xM2MtMi42OCwwLTMuNzcsMi0yLjkyLDQuNDZsMTYuMTQsNDcuMjZMNDYyLDQ4OC4yMWMtMS4zMywxLjg4LS4zLDMuNTksMS41NywzLjU5aDE0LjYxYTQuNDcsNC40NywwLDAsMCw0LjM0LTIuMTNsNDkuNjQtNzEuMmMxLjUzLTIuMTkuODEtNC40OS0xLjctNC40OUg1MTYuNjNjLTIuMzcsMC0zLjMyLjk0LTQuNjgsMi45MWwtMjAuNywzMEw0ODIsNDE2LjgyQzQ4MS40Niw0MTUsNDgwLjExLDQxNCw0NzcuNjIsNDE0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0My40OCAtMzU0LjU0KSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTU4My44LDM4NS4xM2MxMy4wNywwLDI1LjEzLDcuMDksMjMuNDgsMjQuNzYtMiwyMS0xMy4yNSwzMi42Mi0zMSwzMi42N0g1NjAuNzhjLTIuMjMsMC0zLjMxLDEuODItMy44OSw1LjU1bC0zLDE5LjA3Yy0wLjQ1LDIuODgtMS45Myw0LjMtNC4xMSw0LjNINTM1LjM1Yy0yLjMsMC0zLjEtMS40Ny0yLjU5LTQuNzZsMTEuOTMtNzYuNDVjMC41OS0zLjc2LDItNS4xNiw0LjU3LTUuMTZINTgzLjhabS0yMy41LDQwLjkyaDExLjc1YzcuMzUtLjI4LDEyLjIzLTUuMzcsMTIuNzItMTQuNTUsMC4zLTUuNjctMy41My05LjczLTkuNjItOS43bC0xMS4wNi4wNS0zLjc5LDI0LjJoMFptODYuMjEsMzkuNThjMS4zMi0xLjIsMi42Ni0xLjgyLDIuNDctLjM0bC0wLjQ3LDMuNTRjLTAuMjQsMS44NS40OSwyLjgzLDIuMjEsMi44M2gxMi44MmMyLjE2LDAsMy4yMS0uODcsMy43NC00LjIxbDcuOS00OS41OGMwLjQtMi40OS0uMjEtMy43MS0yLjEtMy43MUg2NTljLTEuMjcsMC0xLjg5LjcxLTIuMjIsMi42NWwtMC41MiwzLjA1Yy0wLjI3LDEuNTktMSwxLjg3LTEuNjguMjctMi4zOS01LjY2LTguNDktOC4yLTE3LTgtMTkuNzcuNDEtMzMuMSwxNS40Mi0zNC41MywzNC42Ni0xLjEsMTQuODgsOS41NiwyNi41NywyMy42MiwyNi41NywxMC4yLDAsMTQuNzYtMywxOS45LTcuN2gwWk02MzUuNzgsNDU4Yy04LjUxLDAtMTQuNDQtNi43OS0xMy4yMS0xNS4xMXM5LjE5LTE1LjExLDE3LjctMTUuMTEsMTQuNDQsNi43OSwxMy4yMSwxNS4xMVM2NDQuMjksNDU4LDYzNS43OCw0NThoMFptNTkuMTMsMTMuNzRoLTE0LjhhMS43NSwxLjc1LDAsMCwxLTEuODEtMmwxMy04Mi4zNmEyLjU1LDIuNTUsMCwwLDEsMi40Ni0yaDE0LjhhMS43NSwxLjc1LDAsMCwxLDEuODEsMmwtMTMsODIuMzZBMi41NSwyLjU1LDAsMCwxLDY5NC45MSw0NzEuNzZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQzLjQ4IC0zNTQuNTQpIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTY4LjcyLDM1NC41NGgzOC43OGMxMC45MiwwLDIzLjg4LjM1LDMyLjU0LDgsNS43OSw1LjExLDguODMsMTMuMjQsOC4xMywyMi0yLjM4LDI5LjYxLTIwLjA5LDQ2LjItNDMuODUsNDYuMkgxODUuMmMtMy4yNiwwLTUuNDEsMi4xNi02LjMzLDhsLTUuMzQsMzRjLTAuMzUsMi4yLTEuMywzLjUtMywzLjY2SDE0Ni42Yy0yLjY1LDAtMy41OS0yLTIuOS02LjQyTDE2MC45LDM2MUMxNjEuNTksMzU2LjYyLDE2NCwzNTQuNTQsMTY4LjcyLDM1NC41NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDMuNDggLTM1NC41NCkiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xNzkuNDMsNDM1LjI5bDYuNzctNDIuODdjMC41OS0zLjc2LDIuNjUtNS41Niw2Ljc1LTUuNTZoMzguNzRjNi40MSwwLDExLjYsMSwxNS42NiwyLjg1LTMuODksMjYuMzYtMjAuOTQsNDEtNDMuMjYsNDFIMTg1QzE4Mi40NCw0MzAuNzIsMTgwLjU2LDQzMiwxNzkuNDMsNDM1LjI5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0My40OCAtMzU0LjU0KSIvPjwvc3ZnPg==);
    width: 5em;
    display: inline-block;
    height: 2em;
    background-size: 100%;
    margin-left: 0.7em;
    background-repeat: no-repeat;
    position: absolute;
    top: 0.3em;
}

#stripe-payment-data .wc-credit-card-form .form-row .wc-stripe-elements-field {
    border: 1px solid #ddd;
    margin: 5px 0;
    padding: 0.8em !important;
    background-color: #fff;
    outline: 0;
    border-radius: 4px;
}

#stripe-payment-data .wc-credit-card-form .clear {
    padding-bottom: 0;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
    margin-top: 50px;
}

.woocommerce-account-fields {
    padding-right: 45px;
}

.woocommerce-checkout #payment li {
    display: flex;
    align-items: center;
    margin-bottom: 0.5em !important;
    border-radius: 4px;
    border: 1px solid rgba(39, 90, 77, .25);
    padding: 0.5em 1em;
    flex-wrap: wrap;
    transition: all .3s ease-in-out;
}

.woocommerce-checkout #payment li:hover {
    border: 1px solid rgba(39, 90, 77, .75);
}
.woocommerce-checkout #payment input[type="radio"] {
    display: none;
}

.woocommerce-checkout #payment .wc_payment_method > label {
    position: relative;
    margin-left: 0.5em;
    font-weight: bold;
    font-size: 1em;
    cursor: pointer;
    width: 100%;
}
.woocommerce-checkout #payment li > label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 0.1em;
    border-radius: 50%;
    border: 1px solid rgba(39, 90, 77, .35);
    background-color: #ffffff;
    vertical-align: middle;
    transition: all .3s ease-in-out;
}

.woocommerce-checkout #payment input[type="radio"]:checked + label:before {
    content: "\2022";
    color: #1a4e43;

    font-size: 2.2em;
    line-height: .4em;
    text-align: center;
    position: relative;
}

.woocommerce-checkout input[type="checkbox"].input-checkbox {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-right: 10px;
}

.woocommerce-checkout input[type="checkbox"].input-checkbox:checked::before {
    content: "\2713";
    font-weight: bold;
    font-size: 15px;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 22px;
    background-color: #1a4e43;
    border-color: #1a4e43;
    color: #fff;
    height: 21px;
    text-align: center;
}

.woocommerce-checkout input[type="checkbox"].input-checkbox:focus {
    outline: none;
    box-shadow: none;
}

.woocommerce-checkout #shipping_method li {
    margin-bottom: 0.6em !important;
}

.woocommerce-checkout #shipping_method li input[type="radio"] {
    display: none;
}

.woocommerce-checkout #shipping_method li > label {
    position: relative;
    margin-left: 0.5em;
    cursor: pointer;
}

.woocommerce-checkout #shipping_method li > label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border-radius: 50%;
    border: 1px solid #dddddd;
    background-color: #ffffff;
    vertical-align: middle;
}

.woocommerce-checkout #shipping_method li input[type="hidden"] + label:before, .woocommerce-checkout #shipping_method li input[type="radio"]:checked + label:before {
    content: "\2022";
    color: #1a4e43;
    font-size: 3.3em;
    line-height: 0.25em;
    font-weight: bold;
    text-align: center;
    position: relative;
}


.woocommerce ul.products li.product.minimal .price small, .woocommerce-page ul.products li.product.minimal .price small,
.woocommerce div.product .summary p.price small {
    font-size: 80%;
    font-weight: 500;
}



.woocommerce .woocommerce-error {
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
    color: #721c24 !important;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,.1) !important;
    font-size: 16px;
    line-height: 1.5;
}

.woocommerce .woocommerce-error a {
    color: #721c24; /* Colore per i link all'interno del messaggio, per differenziarli dal testo */
    text-decoration: underline; /* Sottolineatura per indicare che si tratta di link cliccabili */
}

.woocommerce .woocommerce-error a:hover {
    color: #721c24; /* Colore al passaggio del mouse per indicare l'interattività */
    text-decoration: none; /* Rimuove la sottolineatura al passaggio del mouse per un effetto pulito */
}








/* Stile per il contenitore delle date */
#date_selection_container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

/* Stile per ogni opzione di data */
.date-option {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f3f3f3;
    border-radius: 5px;
    cursor: pointer;
    min-width: 100px;
    text-align: center;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 6px 15px;
    color: #1a4e43;
    border: 1px solid #e5e5e5;
    margin: 6px 2px 0 0;
    font-weight: 600;
    font-size: .9em;
    position: relative;
    transition: background-color 0.3s, border-color 0.3s, transform 0.2s;
}

/* Nasconde l'input radio */
.date-option input[type="radio"] {
    display: none;
    cursor: pointer;
}

.date-option span {
    width: 100%;
    font-size: 1.8em;
    line-height: 1;
    cursor: pointer;
}

/* Stile per la data quando selezionata */
.date-option.selected span {
    color: #fff;
    cursor: pointer;
}
.date-option.selected {
    background-color: #1a4e43;
    border-color: #1a4e43;
    color: #fff;
    cursor: pointer;
}

/* Cambia il colore al passaggio del mouse */
.date-option:hover span {
    color: #fff;
    cursor: pointer;
}
.date-option:hover {

    background-color: #1a4e43;
    border-color: #1a4e43;
    color: #fff;
    cursor: pointer;
}