/*
 * Continuum Theme Custom Styles
 * Questi stili coprono i casi limite non supportati nativamente da theme.json
 */

body {
    overflow-x: hidden;
}

/* Badge (Pillola) Custom */
.continuum-badge {
    display: inline-block;
    padding: 6px 16px;
    background-color: rgba(255, 255, 255, 0.15);
    color: #FFFFFF;
    border-radius: 20px;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 24px;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

/* Premium Card hover per le recensioni */
.premium-card {
    transition: all 0.3s ease;
}

.premium-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Modifica stile bottone js hover (disponibilità list) */
.open-request-modal:hover {
    background-color: #059669 !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(16, 185, 129, 0.4) !important;
}

/* Hero Background Gradient (Simula la wave/shadow istituzionale) */
.wp-block-group#home::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, var(--wp--preset--color--primary-blue) 0%, var(--wp--preset--color--secondary-blue) 100%);
    z-index: 0;
}

.wp-block-group#home>.wp-block-columns {
    position: relative;
    z-index: 1;
}

/* Buttons Hover Effects */
.wp-block-button__link {
    transition: all 0.3s ease;
}

.wp-block-button__link:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.is-style-continuum-outline .wp-block-button__link {
    background-color: transparent !important;
    border: 2px solid #FFFFFF !important;
    color: #FFFFFF !important;
}

.is-style-continuum-outline .wp-block-button__link:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Modale */
.modal.active {
    display: flex !important;
}

.modal>div {
    animation: modalSlideUp 0.3s ease-out;
}

@keyframes modalSlideUp {
    from {
        transform: translateY(50px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}