/* =========================================================
   book-your-stall.css
   Page-specific styles for /book-your-stall
   Split out of the old monolithic style.css. Rule order is
   unchanged from the original file.
   ========================================================= */

/* ---------------------------------------------------------
   Moved out of book-your-stall.php (was an inline <style> block)
   --------------------------------------------------------- */

    .zone-item {
        display: flex;
        align-items: center;
        background: #f3faff;
        padding: 14px 16px;
        border-radius: 10px;
        margin-bottom: 12px;
        font-size: 16px;
        color: #0a2540;
        cursor: pointer;
    }

        .zone-item input {
            display: none;
        }

    .custom-checkbox {
        width: 18px;
        height: 18px;
        border: 2px solid #3b82f6;
        border-radius: 4px;
        margin-right: 12px;
        position: relative;
    }

    .zone-item input:checked + .custom-checkbox {
        background: #3b82f6;
    }

        .zone-item input:checked + .custom-checkbox::after {
            content: "";
            position: absolute;
            left: 4px;
            top: 0px;
            width: 5px;
            height: 10px;
            border: solid #fff;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }

    .small-alert {
        padding: 8px 12px !important;
        font-size: 14px !important;
        margin-top: 10px;
    }