/*
Theme Name: Play2Par v2
Theme URI: https://spidrweb.co.uk/playtopar-theme/
Author: Spidrweb Ltd
Author URI: https://spidrweb.co.uk/
Description: Custom Theme for Play to Par Easingwold
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: play2par-vv
Tags: 
*/

.p2p-product input {
    width: 100px !important;
    height: 45px !important;
    padding: 0 16px !important;
    border: 1px solid #ccc !important;
    border-radius: 5px !important;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    
}

.wc-bookings-booking-form {
    border: none !important;
}

.p2p-product button {
    background-color: #000 !important;
    color: #fff !important;
    border: none !important;
    padding: 0.5rem 1rem !important;
    border-radius: 5px !important;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}

.wc-bookings-booking-form {
    padding: 0 !important;
}

.wc-bookings-date-picker {
    padding: 0 !important;
    border: none !important;
}

.wc-memberships-member-discount {
    display: none !important;
}

/* WooCommerce Bookings Resource Radio Buttons - 3 Column Layout */
.wc-bookings-resource-radios {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1rem !important;
    margin-top: 0.5rem !important;
}

.wc-bookings-resource-radios > div {
    display: flex !important;
    align-items: center !important;
}

.wc-bookings-resource-radios input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    pointer-events: none !important;
}

.wc-bookings-resource-radios label {
    display: block !important;
    width: 100% !important;
    padding: 0.75rem 1rem !important;
    margin: 0 !important;
    cursor: pointer !important;
    font-size: 1rem !important;
    font-weight: normal !important;
    text-align: center !important;
    border: 2px solid #ccc !important;
    border-radius: 5px !important;
    background-color: #fff !important;
    transition: all 0.2s ease !important;
}

.wc-bookings-resource-radios input[type="radio"]:checked + label {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
    font-weight: 600 !important;
}

.wc-bookings-resource-radios label:hover {
    border-color: #666 !important;
    background-color: #f5f5f5 !important;
}

.wc-bookings-resource-radios input[type="radio"]:checked + label:hover {
    background-color: #333 !important;
    border-color: #333 !important;
}

/* Responsive: 2 columns on tablets, 1 column on mobile */
@media (max-width: 768px) {
    .wc-bookings-resource-radios {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 480px) {
    .wc-bookings-resource-radios {
        grid-template-columns: 1fr !important;
    }
}

/* Book Now Button - Match Name Selector Style */
.wc-bookings-booking-form-button {
    padding: 0.75rem 1rem !important;
    margin: 0 !important;
    cursor: pointer !important;
    font-size: 1rem !important;
    font-weight: normal !important;
    text-align: center !important;
    border: 2px solid #ccc !important;
    border-radius: 5px !important;
    background-color: #fff !important;
    color: #000 !important;
    transition: all 0.2s ease !important;
    width: 100% !important;
}

.wc-bookings-booking-form-button.disabled {
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}

.wc-bookings-booking-form-button.disabled:hover {
    border-color: #ccc !important;
    background-color: #fff !important;
}

.wc-bookings-booking-form-button:not(.disabled) {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
    font-weight: 600 !important;
}

.wc-bookings-booking-form-button:not(.disabled):hover {
    background-color: #333 !important;
    border-color: #333 !important;
}

/* Time Picker Selects - Match Name Selector Style */
.wc-bookings-time-block-picker {
    display: flex !important;
    gap: 1rem !important;
    margin-top: 0.5rem !important;
    flex-wrap: wrap !important;
}

.wc-bookings-start-time-container,
.wc-bookings-end-time-container {
    flex: 1 !important;
    min-width: 150px !important;
}

.wc-bookings-start-time-container label,
.wc-bookings-end-time-container label {
    display: block !important;
    margin-bottom: 0.5rem !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: #000 !important;
}

.wc-bookings-time-block-picker select {
    width: 100% !important;
    padding: 0.75rem 1rem !important;
    border: 2px solid #ccc !important;
    border-radius: 5px !important;
    background-color: #fff !important;
    color: #000 !important;
    font-size: 1rem !important;
    font-weight: normal !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23000' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 1rem center !important;
    background-size: 12px !important;
    padding-right: 2.5rem !important;
}

.wc-bookings-time-block-picker select:hover {
    border-color: #666 !important;
    background-color: #f5f5f5 !important;
}

.wc-bookings-time-block-picker select:focus {
    outline: none !important;
    border-color: #000 !important;
    background-color: #fff !important;
}

.wc-bookings-time-block-picker select.has-selection {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
    font-weight: 600 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important;
}

.wc-bookings-time-block-picker select.has-selection:hover {
    background-color: #333 !important;
    border-color: #333 !important;
}

/* Responsive: Stack on mobile */
@media (max-width: 480px) {
    .wc-bookings-time-block-picker {
        flex-direction: column !important;
    }
    
    .wc-bookings-start-time-container,
    .wc-bookings-end-time-container {
        min-width: 100% !important;
    }
}