/* Keyframes per l'animazione di comparsa del testo */
@keyframes fade-in-up {
        from {
            opacity: 0;
            transform: translateY(20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
}

.animate-fade-in-up {
        animation: fade-in-up 1s ease-out forwards;
}

/* Contenitore principale per il prezzo speciale */
.tp-rest-menu-special-price-wrapper {
        display: flex;
        justify-content: center; /* Centra orizzontalmente il contenuto */
        align-items: center;     /* Centra verticalmente il contenuto (se il wrapper ha altezza) */
        margin: 40px auto;       /* Margine superiore/inferiore e centra il blocco nella pagina */
        width: 100%;
        max-width: 600px;        /* Limita la larghezza massima del contenitore per un aspetto più pulito */
}

/* La "scatola" che racchiude il prezzo */
.tp-rest-menu-special-price-box {
        background-color: #ffffff; /* Sfondo bianco pulito */
        /*border: 2px solid;*/         /* Il colore del bordo è impostato inline dal PHP */
        border-radius: 65px;       /* Bordi arrotondati per un aspetto moderno */
        padding: 35px 40px 25px 40px;        /* Spaziatura interna generosa */
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); /* Ombra pronunciata per farlo risaltare */
        text-align: center;        /* Assicura che il testo sia centrato all'interno della scatola */
        transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* Transizione fluida per l'hover */
        cursor: default;           /* Indica che non è un elemento cliccabile */
        display: inline-block;     /* Permette alla scatola di adattarsi al contenuto e di essere centrata dal wrapper flex */
}

.tp-rest-menu-special-price-box:hover {
        transform: translateY(-5px); /* Leggero sollevamento all'hover per un effetto sottile */
        box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2); /* Ombra più intensa all'hover */
}

/* Stile del prezzo */
.tp-rest-menu-special-price {
        /* Font-family e color sono impostati inline dal PHP per coerenza con il tema */
        font-size: 4.5rem; /* Molto grande per massima visibilità */
        font-weight: 800; /* Extra bold per enfasi */
        margin: 0; /* Rimuovi margini predefiniti del paragrafo per un controllo preciso */
        line-height: 1; /* Rimuovi spazio extra sopra/sotto il testo */
        letter-spacing: -1px; /* Leggero avvicinamento delle lettere per un aspetto compatto */
}

/* Responsività: Adattamenti per schermi più piccoli */
@media (max-width: 768px) {
        .tp-rest-menu-special-price-box {
            padding: 20px 30px; /* Riduci la spaziatura interna */
        }
        .tp-rest-menu-special-price {
            font-size: 3.5rem; /* Riduci la dimensione del font su tablet */
        }
}

@media (max-width: 480px) {
        .tp-rest-menu-special-price-box {
            padding: 15px 25px; /* Ulteriore riduzione della spaziatura */
        }
        .tp-rest-menu-special-price {
            font-size: 2.8rem; /* Ulteriore riduzione per schermi di smartphone */
        }
}