/* ===== WRAPPER (IMPORTANT FIX) ===== */
.apricorn-wrapper{
    padding:40px 15px;
    background:#f5f7fb;
}

/* Center properly */
.apricorn-wrapper .booking-card{
    margin:40px auto;
}

/* Heading styling */
.booking-card h2{
    font-weight:600;
    color:#333;
}

/* Smooth inputs */
.booking-card input:focus{
    outline:none;
    border-color:#4CAF50;
    box-shadow:0 0 5px rgba(76,175,80,0.3);
}

/* Ticket section title */
.ticket-section h3{
    margin-bottom:10px;
    color:#555;
}

/* Ticket rows hover */
.ticket-row{
    padding:8px 10px;
    border-radius:8px;
    transition:0.3s;
}

.ticket-row:hover{
    background:#f9f9f9;
}

/* Counter button hover */
.counter button:hover{
    background:#43a047;
    cursor:pointer;
}

/* Coupon box improved */
.coupon-box{
    margin-top:15px;
}

.coupon-box button:hover{
    background:#fb8c00;
    cursor:pointer;
}

/* Coupon message */
#couponMsg{
    font-size:14px;
    margin-top:8px;
    text-align:center;
}

/* Total highlight */
.total-box{
    font-size:20px;
    font-weight:600;
    color:#222;
}

/* Pay button hover */
.pay-btn:hover{
    background:#e64a19;
}

/* Button click effect */
.pay-btn:active{
    transform:scale(0.98);
}

/* ===== MOBILE RESPONSIVE ===== */
@media (max-width:600px){

    .double-group{
        flex-direction:column;
    }

    .booking-card{
        padding:20px;
    }

    .ticket-row{
        flex-direction:column;
        align-items:flex-start;
        gap:5px;
    }

    .counter{
        width:100%;
        justify-content:space-between;
    }
}