/*
Theme Name:   Astra Child - The Basketball Warehouse
Theme URI:    https://thebballwarehouse.com
Description:  Custom child theme for The Basketball Warehouse with Bookly customizations
Author:       Bong Aquino
Author URI:   https://thebballwarehouse.com
Template:     astra
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  astra-child
*/

/* Custom styles can be added here */

/* ==================================================
   BOOKLY BOOKING FORM CUSTOMIZATIONS
   ================================================== */

/* Hide Category Selection */
.bookly-service-step select[name="bookly_category_id"],
.bookly-form-group label[for*="category"],
.bookly-form-group:has(select[name="bookly_category_id"]),
.bookly-box:has(select[name="bookly_category_id"]) {
    display: none !important;
}

/* Alternative method - hide by text content */
.bookly-form-group:has(label:contains("Select category")),
.bookly-form-group label:contains("Select category") {
    display: none !important;
}

/* Hide Employee Selection */
.bookly-service-step select[name="bookly_staff_member_id"],
.bookly-form-group label[for*="staff"],
.bookly-form-group label[for*="employee"],
.bookly-form-group:has(select[name="bookly_staff_member_id"]),
.bookly-box:has(select[name="bookly_staff_member_id"]) {
    display: none !important;
}

/* Alternative method - hide by text content */
.bookly-form-group:has(label:contains("Employee")),
.bookly-form-group label:contains("Employee") {
    display: none !important;
}

/* Center the bottom row (availability and time selection) */
.bookly-service-step .bookly-box[style*="display: table"] {
    margin: 0 auto !important;
    text-align: center !important;
}

/* Center the date and time selection elements */
.bookly-available-date,
.bookly-week-days,
.bookly-time-range {
    float: none !important;
    display: inline-block !important;
    vertical-align: top !important;
    margin: 0 10px !important;
}

/* Center the overall container */
.bookly-service-step .bookly-left.bookly-mobile-float-none {
    float: none !important;
    text-align: center !important;
    display: block !important;
}

/* Ensure proper spacing */
.bookly-form-group {
    margin-bottom: 15px !important;
}

/* Center navigation buttons */
.bookly-nav-steps {
    text-align: center !important;
}

.bookly-nav-steps .bookly-left,
.bookly-nav-steps .bookly-right {
    float: none !important;
    display: inline-block !important;
    margin: 0 5px !important;
}


/* More specific targeting for category and employee dropdowns */
.bookly-form-group select option[value*="category"],
.bookly-form-group select[id*="category"],
.bookly-form-group select[class*="category"],
select[name="bookly_category_id"],
select#bookly-category-0,
select.bookly-js-select-category {
    display: none !important;
}

/* Hide parent form groups containing category/employee selects */
.bookly-form-group:nth-child(1):has(select),
.bookly-form-group:nth-child(3):has(select) {
    display: none !important;
}

/* Alternative - target by position if the dropdowns are consistently positioned */
.bookly-service-step .bookly-form-group:first-child,
.bookly-service-step .bookly-form-group:nth-child(3) {
    display: none !important;
}

/* Target employee/staff dropdowns */
select[name="bookly_staff_member_id"],
select[id*="staff"],
select[class*="staff"],
select.bookly-js-select-employee,
.bookly-form-group select option:contains("Any") {
    display: none !important;
}

/* Mobile responsive centering */
@media (max-width: 768px) {
    .bookly-mobile-step-1 .bookly-available-date,
    .bookly-mobile-step-1 .bookly-week-days,
    .bookly-mobile-step-1 .bookly-time-range {
        text-align: center !important;
        width: 100% !important;
        margin: 10px 0 !important;
    }
}