/*
 * Note that this is toastr v2.1.3, the "latest" version in url has no more maintenance,
 * please go to https://cdnjs.com/libraries/toastr.js and pick a certain version you want to use,
 * make sure you copy the url from the website since the url may change between versions.
 * */
.toast-title {
    font-weight: 700
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.toast-message a,.toast-message label {
    color: #FFF
}

.toast-message a:hover {
    color: #CCC;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #FFF;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1
}

.toast-close-button:focus,.toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

.rtl .toast-close-button {
    left: -.3em;
    float: left;
    right: .3em
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none
}

#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#toast-container>div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999;
    -webkit-box-shadow: 0 0 12px #999;
    box-shadow: 0 0 12px #999;
    color: #FFF;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80)
}

#toast-container>div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center
}

#toast-container>div:hover {
    -moz-box-shadow: 0 0 12px #000;
    -webkit-box-shadow: 0 0 12px #000;
    box-shadow: 0 0 12px #000;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer
}

#toast-container>.toast-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important
}

#toast-container>.toast-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important
}


/* ==========================================================================
   Toast "carrello aggiornato" - card moderna (agosto 2026)
   Sostituisce la vecchia versione a cerchio con numero enorme + pillola rossa.
   Usa le CSS variable di Bootstrap già definite dal tema (var(--bs-primary),
   var(--bs-danger), var(--bs-body-bg), var(--bs-body-color)) invece di colori
   fissi, cosi resta coerente anche se la palette del tema cambia in futuro.
   ========================================================================== */

/* Contenitore: card orizzontale bianca, arrotondata, ombra morbida */
#toast-container > .toast-success {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    position: relative !important;
    width: 320px !important;
    max-width: calc(100vw - 24px) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto 12px auto !important;
    padding: 14px 34px 14px 14px !important;
    border-radius: 16px !important;
    background-color: var(--bs-body-bg, #fff) !important;
    background-image: none !important;
    box-shadow: 0 12px 32px rgba(20, 15, 10, .16), 0 2px 6px rgba(20, 15, 10, .06) !important;
    border: 1px solid var(--bs-border-color, rgba(0, 0, 0, .08)) !important;
    opacity: 1 !important;
    overflow: visible !important;
    cursor: pointer !important;
    transition: transform .15s ease, box-shadow .15s ease !important;
}

#toast-container > .toast-success:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 16px 40px rgba(20, 15, 10, .2), 0 3px 8px rgba(20, 15, 10, .08) !important;
}

/* Icona carrello: cerchio pieno colore brand (era un'icona grigia in scala di grigi) */
#toast-container > .toast-success::before {
    content: "" !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background-color: var(--bs-primary, #a9764f) !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='22' height='22' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h3.5l2.5 11h11l2-8H6.5'/%3E%3Ccircle cx='8.5' cy='18.5' r='2' fill='%23ffffff' stroke='none'/%3E%3Ccircle cx='16.5' cy='18.5' r='2' fill='%23ffffff' stroke='none'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 22px 22px !important;
    position: relative !important;
}

/* Numero camere: pallino badge sopra l'icona (era il numero enorme dentro il cerchio) */
#toast-container > .toast-success .toast-title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    top: 8px !important;
    left: 38px !important;
    min-width: 20px !important;
    height: 20px !important;
    padding: 0 5px !important;
    border-radius: 999px !important;
    background-color: var(--bs-danger, #dc3545) !important;
    color: #fff !important;
    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    box-shadow: 0 0 0 2px var(--bs-body-bg, #fff) !important;
    z-index: 2 !important;
}

/* Testo del messaggio (era la pillola rossa in basso) */
#toast-container > .toast-success .toast-message {
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    flex: 1 1 auto !important;
    background-color: transparent !important;
    color: var(--bs-body-color, #2c2620) !important;
    font-family: inherit !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    text-align: left !important;
    white-space: normal !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    z-index: auto !important;
}

#toast-container > .toast-success .toast-message a {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: inherit !important;
    text-decoration: none !important;
}

/* Freccina CTA: usa mask-image cosi eredita il vero colore brand del tema
   tramite background-color, invece di un colore fisso indovinato nell'SVG */
#toast-container > .toast-success .toast-message a::after {
    content: "" !important;
    display: block !important;
    flex: 0 0 auto !important;
    width: 15px !important;
    height: 15px !important;
    background-color: var(--bs-primary, #a9764f) !important;
    -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    transition: transform .15s ease !important;
}

#toast-container > .toast-success:hover .toast-message a::after {
    transform: translateX(3px) !important;
}

/* Pulsante di chiusura: ripristinato (prima nascosto, il toast non si poteva
   chiudere manualmente), stile discreto in alto a destra */
#toast-container > .toast-success .toast-close-button {
    display: block !important;
    position: absolute !important;
    top: 10px !important;
    right: 12px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: var(--bs-secondary-color, #adb5bd) !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

#toast-container > .toast-success .toast-close-button:hover {
    color: var(--bs-body-color, #495057) !important;
    opacity: 1 !important;
}

/* Barra di avanzamento prima della sparizione automatica */
#toast-container > .toast-success .toast-progress {
    display: block !important;
    height: 3px !important;
    border-radius: 0 0 16px 16px !important;
    background-color: var(--bs-primary, #a9764f) !important;
    opacity: .35 !important;
}

/* ==========================================================================
   Toast "camera rimossa" - stessa card del toast di conferma, ma icona/colore
   diversi per distinguerla a colpo d'occhio da un'aggiunta al carrello.
   Niente pallino badge (non c'è un numero da mostrare) ne freccina CTA
   (nessun link, e' solo un avviso informativo).
   ========================================================================== */

#toast-container > .toast-warning {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    position: relative !important;
    width: 320px !important;
    max-width: calc(100vw - 24px) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto 12px auto !important;
    padding: 14px 34px 14px 14px !important;
    border-radius: 16px !important;
    background-color: var(--bs-body-bg, #fff) !important;
    background-image: none !important;
    box-shadow: 0 12px 32px rgba(20, 15, 10, .16), 0 2px 6px rgba(20, 15, 10, .06) !important;
    border: 1px solid var(--bs-border-color, rgba(0, 0, 0, .08)) !important;
    opacity: 1 !important;
    overflow: visible !important;
    cursor: default !important;
    transition: transform .15s ease, box-shadow .15s ease !important;
}

/* Icona cestino: cerchio colore neutro (secondary), non il brand usato per il successo */
#toast-container > .toast-warning::before {
    content: "" !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background-color: var(--bs-secondary, #6c757d) !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M9 7V4h6v3m-7 0 1 13h6l1-13'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px 20px !important;
    position: relative !important;
}

#toast-container > .toast-warning .toast-title {
    display: none !important;
}

#toast-container > .toast-warning .toast-message {
    position: static !important;
    flex: 1 1 auto !important;
    background-color: transparent !important;
    color: var(--bs-body-color, #2c2620) !important;
    font-family: inherit !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    text-align: left !important;
    white-space: normal !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#toast-container > .toast-warning .toast-close-button {
    display: block !important;
    position: absolute !important;
    top: 10px !important;
    right: 12px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: var(--bs-secondary-color, #adb5bd) !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

#toast-container > .toast-warning .toast-close-button:hover {
    color: var(--bs-body-color, #495057) !important;
    opacity: 1 !important;
}

#toast-container > .toast-warning .toast-progress {
    display: block !important;
    height: 3px !important;
    border-radius: 0 0 16px 16px !important;
    background-color: var(--bs-secondary, #6c757d) !important;
    opacity: .35 !important;
}