/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* ========================================
   BOOKING MODAL - MOBILE ONLY
   ======================================== */
@media (max-width: 768px) {

    /* Hide the default bordered table */
    .reps-booking-modal .variations {
        border: none !important;
        width: 100% !important;
    }

    .reps-booking-modal .variations td,
    .reps-booking-modal .variations th {
        border: none !important;
        padding: 4px 0 !important;
        display: block !important;
        width: 100% !important;
    }

    /* ── Toggle button cards ── */
    .reps-booking-modal .variable-items-wrapper {
        display: flex !important;
        gap: 10px !important;
        flex-wrap: wrap !important;
        margin: 12px 0 !important;
    }

    .reps-booking-modal .variable-items-wrapper .button-variable-item,
    .reps-booking-modal .wc-radio label {
        flex: 1 !important;
        min-width: 140px !important;
        padding: 14px 10px !important;
        border: 2px solid #ddd !important;
        border-radius: 8px !important;
        text-align: center !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        cursor: pointer !important;
        background: #fff !important;
        color: #333 !important;
        transition: all 0.2s ease !important;
        line-height: 1.3 !important;
    }

    /* Selected state */
    .reps-booking-modal .variable-items-wrapper .button-variable-item.selected,
    .reps-booking-modal .variable-items-wrapper .button-variable-item:hover,
    .reps-booking-modal .wc-radio input[type="radio"]:checked + label {
        border-color: #1a472a !important;
        background: #1a472a !important;
        color: #fff !important;
    }

    /* ── Text inputs ── */
    .reps-booking-modal input[type="text"],
    .reps-booking-modal input[type="number"] {
        width: 100% !important;
        padding: 14px !important;
        border: 2px solid #ddd !important;
        border-radius: 8px !important;
        font-size: 16px !important;
        margin-bottom: 12px !important;
        box-sizing: border-box !important;
    }

    .reps-booking-modal input[type="text"]:focus,
    .reps-booking-modal input[type="number"]:focus {
        border-color: #1a472a !important;
        outline: none !important;
    }

    /* ── Labels ── */
    .reps-booking-modal label,
    .reps-booking-modal .variations label {
        font-weight: 600 !important;
        font-size: 14px !important;
        margin-bottom: 6px !important;
        display: block !important;
        color: #333 !important;
    }

}