/* Flint Digital — Booking modal styles
   Extracted from components/booking-modal.blade.php inline <style> block
   Load via: <link rel="stylesheet" href="...css/booking-modal.css"> */
    .book-pick {
        border: 1px solid rgba(200,196,216,.6);
        background: #f4f2ff;
        color: #464555;
        border-radius: 12px;
        transition: all .2s ease;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }
    .book-pick:hover {
        border-color: rgba(66,49,208,.5);
        transform: translateY(-1px);
    }
    .book-pick.is-selected {
        border-color: #4231d0;
        background: #EDEBFF;
        color: #4231d0;
        box-shadow: 0 0 0 3px rgba(66,49,208,.12);
    }
    .book-pick.is-selected .material-symbols-outlined {
        color: #4231d0;
    }
    #bookCallModal { transition: opacity .22s ease; }
    .modal-in {
        animation: modalIn .28s cubic-bezier(.16,1,.3,1);
    }
    @keyframes modalIn {
        from { opacity: 0; transform: translateY(16px) scale(.96); }
        to { opacity: 1; transform: translateY(0) scale(1); }
    }
    #bookCallModal * { box-sizing: border-box; }