/* Appointment Booking – Classic Frontend */

.wpappsws-booking-container {

    max-width: 800px;

    margin: 0 auto;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

}

.wpappsws-type-selector {

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));

    gap: 20px;

    margin-bottom: 30px;

}

.wpappsws-type-card {

    border: 1px solid #ddd;

    border-radius: 8px;

    padding: 20px;

    background: #fff;

    box-shadow: 0 2px 6px rgba(0,0,0,0.05);

}

.wpappsws-calendar {

    background: #fff;

    border: 1px solid #ddd;

    border-radius: 8px;

    padding: 20px;

    margin: 20px 0;

}

.wpappsws-calendar-header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 16px;

}

.wpappsws-calendar-header h3 {

    margin: 0;

    font-size: 1.3em;

}

.wpappsws-cal-nav {

    background: #f0f0f0;

    border: none;

    width: 32px;

    height: 32px;

    border-radius: 4px;

    cursor: pointer;

}

.wpappsws-calendar-weekdays,

.wpappsws-calendar-days {

    display: grid;

    grid-template-columns: repeat(7, 1fr);

    gap: 4px;

}

.wpappsws-calendar-weekdays > div {

    text-align: center;

    font-weight: bold;

    font-size: 0.85em;

    color: #555;

    padding: 6px 0;

}

.wpappsws-calendar-days > div {

    height: 36px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 4px;

    cursor: default;

}

.wpappsws-cal-available {

    background: #e8f5e9;

    color: #2e7d32;

    cursor: pointer;

}

.wpappsws-cal-available:hover {

    background: #c8e6c9;

}

.wpappsws-cal-unavailable {

    color: #bbb;

    background: #f9f9f9;

}

/* === Slot orari === */

.wpappsws-time-slots {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    margin: 20px 0;

}

.wpappsws-time-slot {

    padding: 8px 16px;

    border: 1px solid #ccc;

    border-radius: 6px;

    background: #fff;

    cursor: pointer;

    text-align: center;

    min-width: 80px;

    transition: all 0.2s;

}

.wpappsws-time-slot:hover:not(.disabled) {

    border-color: #1b743e;

    background: #f0f9f4;

    color: #1b743e;

}

.wpappsws-time-slot.disabled {

    opacity: 0.6;

    cursor: not-allowed;

    color: #999;

}

.wpappsws-time-slot small {

    display: block;

    font-size: 0.8em;

    margin-top: 4px;

}

.wpappsws-time-slot small[style*="color:#2e7d32"] {

    font-weight: 600;

}

.wpappsws-time-slot small[style*="color:#d32f2f"] {

    font-style: italic;

}

/* Form client */

.wpappsws-client-form-container {

    background: #f9f9f9;

    padding: 20px;

    border-radius: 8px;

    margin: 20px 0;

}

/* 🔥 iOS fix */

.wpappsws-client-form-container input[type="text"],

.wpappsws-client-form-container input[type="email"],

.wpappsws-client-form-container input[type="tel"],

.wpappsws-client-form-container textarea {

    font-size: 16px;

}

.wpappsws-client-instructions {

    background: #e8f5e9;

    padding: 12px;

    border-left: 3px solid #2e7d32;

    margin: 12px 0;

    font-style: italic;

}

.wpappsws-success {

    background: #e8f5e9;

    padding: 20px;

    border-radius: 8px;

    text-align: center;

    margin: 20px 0;

    color: #2e7d32;

}

/* Loader */

.wpappsws-loader {

    text-align: center;

    padding: 20px;

    color: #777;

}

/* ✅ Responsive migliorato per mobile */

@media (max-width: 600px) {

    .wpappsws-type-selector {

        grid-template-columns: 1fr;

        gap: 14px;

    }

    .wpappsws-time-slot {

        min-width: auto;

        flex: 1;

        padding: 8px 10px;

        font-size: 0.9em;

    }

    .wpappsws-time-slot small {

        font-size: 0.75em;

    }

    .wpappsws-calendar-days > div {

        height: 32px;

        font-size: 0.8em;

    }

    .wpappsws-client-form-container {

        padding: 16px;

    }

}