/* GFA portal: phone rules.
   Loaded after gfa-dark.css. Everything here sits behind a phone-width media query so
   desktop layouts and dark mode stay untouched. Rules: form text 16px+, taps 44px+,
   main action visible without scrolling.
   Phase 1 (musicians: My Gigs card, gig page top card) 2026-11-13. */

/* Thumb-sized buttons, every width (these classes are only used on musician screens). */
.gfa-tap-btn {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 600;
    padding-left: 1rem;
    padding-right: 1rem;
}
.gfa-tap-btn.gfa-tap-icon {
    min-width: 48px;
}

@media (max-width: 767.98px) {
    /* Buttons in a tap row share the width; the icon-only calendar button keeps its size. */
    .gfa-tap-row .gfa-tap-btn:not(.gfa-tap-icon) {
        flex: 1 1 0;
    }

    /* Musician gig page: top card */
    .gfa-artist-top-card .card-body {
        padding: 1rem;
    }

    /* My Gigs cards: bigger header tap, no double border between header and actions */
    .gfa-gig-card .accordion-button {
        min-height: 56px;
        font-size: 1rem;
    }
    .gfa-gig-card .gfa-gig-actions {
        background: var(--bs-accordion-bg, var(--bs-body-bg));
    }

    /* Accept / Decline confirmation modals: 16px text, thumb-sized footer buttons */
    [id^="kt_modal_accept_event-"] .modal-footer,
    [id^="kt_modal_decline_event-"] .modal-footer,
    #gfa_modal_accept_gig .modal-footer,
    #gfa_modal_decline_gig .modal-footer {
        display: flex;
        gap: 0.5rem;
    }
    [id^="kt_modal_accept_event-"] .modal-footer .btn,
    [id^="kt_modal_decline_event-"] .modal-footer .btn,
    #gfa_modal_accept_gig .modal-footer .btn,
    #gfa_modal_decline_gig .modal-footer .btn {
        flex: 1 1 0;
        min-height: 48px;
        font-size: 1rem;
    }
}