/**
 * Josetta Saffirio Design System - Esperienza Fixes
 * Correzioni specifiche per la pagina esperienza
 * Version: 1.0.1
 */

/* Fix per sfondo principale */
.luxury-experience {
    background-color: #FFFFFF !important;
    min-height: auto !important;
}

/* Fix per hero section */
.experience-hero {
    background: linear-gradient(
        rgba(0, 0, 0, 0.4), 
        rgba(0, 0, 0, 0.6)
    ), url('https://josettasaffirio.backsoftware.it/public/images/hero-index.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
}

/* Rimuovi animazioni inutili */
.luxury-experience::before {
    display: none !important;
}

/* Fix per i bottoni */
.btn-primary, .cta-primary, .guest-btn {
    background-color: #A39067 !important; 
    color: #FFFFFF !important;
}

.btn-primary:hover, .cta-primary:hover, .guest-btn:hover {
    background-color: #333333 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
}

/* Fix per time-option selezionata */
.time-option.selected {
    background-color: #A39067 !important;
    border-color: #A39067 !important;
    color: #FFFFFF !important;
}

/* Fix per i pannelli */
.step-panel {
    background-color: #FFFFFF !important;
    border: 1px solid #EAE5D9 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}

/* Fix per i colori nelle icone e box dettagli */
.detail-icon {
    color: #A39067 !important;
}

/* Effetto speciale per i box dettagli */
.detail-item {
    position: relative;
    overflow: hidden;
}

.detail-item::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(163, 144, 103, 0.1) 0%, transparent 70%);
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
    z-index: -1;
}

.detail-item:hover::after {
    opacity: 1;
}

/* Fix per i campi del form */
.form-control:focus {
    border-color: #A39067 !important;
}

/* Fix per elementi di prezzo */
.summary-item:last-child {
    font-weight: 600 !important;
    color: #333333 !important;
}

/* Fix per i titoli */
.step-title, .story-content h2 {
    font-family: 'Playfair Display', serif !important;
    font-weight: 700 !important;
    color: #333333 !important;
}

/* Fix per i riepilogo prenotazione */
.booking-summary {
    background-color: #EAE5D9 !important;
    border: none !important;
    border-radius: 8px !important;
}

.summary-item {
    border-bottom: 1px solid rgba(163, 144, 103, 0.3) !important;
}

/* Fix per flat-pickr */
.flatpickr-calendar {
    border-radius: 8px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}

.flatpickr-day.selected {
    background: #A39067 !important;
    border-color: #A39067 !important;
}

.flatpickr-day.today {
    border-color: #A39067 !important;
}

.flatpickr-day:hover {
    background: #EAE5D9 !important;
    border-color: #EAE5D9 !important;
    color: #333333 !important;
}