/* ===== IWORKZOOM USER FIELDS STYLES ===== */

/* User ID and Role Field Styles */
.iworkzoom-user-id-field {
    background-color: #f5f5f5 !important;
    color: #666 !important;
    cursor: not-allowed !important;
    border: 1px solid #ddd !important;
}

.iworkzoom-user-id-field:focus {
    box-shadow: none !important;
    border-color: #ddd !important;
}

.iworkzoom-user-id-note {
    color: #666;
    font-size: 12px;
    margin-top: 5px;
    font-style: italic;
}

/* Shortcode User Fields Styles */
.iworkzoom-user-fields .user-field {
    margin-bottom: 15px;
}

.iworkzoom-user-fields .user-field label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    color: #333;
}

.iworkzoom-user-fields .user-field input {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #f5f5f5;
    color: #666;
    cursor: not-allowed;
}

.iworkzoom-user-fields .user-field input:focus {
    outline: none;
    box-shadow: none;
    border-color: #ddd;
}

.iworkzoom-user-fields .user-note {
    color: #666;
    font-size: 12px;
    margin-top: 10px;
    font-style: italic;
}

/* Auto User Fields Container */
.iworkzoom-auto-user-fields {
    margin-bottom: 20px;
    padding: 15px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.iworkzoom-auto-user-fields h3 {
    margin-top: 0;
    color: #333;
}

.iworkzoom-auto-user-fields .user-field {
    margin-bottom: 15px;
}

.iworkzoom-auto-user-fields .user-field label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    color: #333;
}

.iworkzoom-auto-user-fields .user-field input {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #f5f5f5;
    color: #666;
    cursor: not-allowed;
}

.iworkzoom-auto-user-fields .user-field input:focus {
    outline: none;
    box-shadow: none;
    border-color: #ddd;
}

/* Inline Styles for Form Fields */
.iworkzoom-form-field-readonly {
    background-color: #f5f5f5;
    color: #666;
    cursor: not-allowed;
}

.iworkzoom-form-note {
    color: #666;
    font-size: 12px;
    margin-top: 5px;
    font-style: italic;
}

.iworkzoom-checkout-note {
    color: #666;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 15px;
    font-style: italic;
}

/* Center Search Buttons on Event Page */
#iworkzoom-search-buttons {
    text-align: center !important;
}

/* Two column layout for Event Solutions mode buttons — tablet + mobile.
   Strip class only (page-id-4057, has-event-solutions-buttons, and attribute
   archives whose body never gets the ES class). */
@media (max-width: 1250px) {
    body.page-id-4057 #iworkzoom-search-buttons.event_solutions,
    body.page-id-4057 #iworkzoom-search-buttons.event_solutions.is-nowrap,
    body.page-id-4057 #iworkzoom-search-buttons.event_solutions.is-layout-flex,
    body.page-id-4057 #iworkzoom-search-buttons.event_solutions.wp-block-buttons,
    body.page-id-4057 [data-iwz-react-buttons-host="1"] #iworkzoom-search-buttons.event_solutions,
    body.has-event-solutions-buttons #iworkzoom-search-buttons.event_solutions,
    body.has-event-solutions-buttons #iworkzoom-search-buttons.event_solutions.is-nowrap,
    body.has-event-solutions-buttons #iworkzoom-search-buttons.event_solutions.is-layout-flex,
    body.has-event-solutions-buttons #iworkzoom-search-buttons.event_solutions.wp-block-buttons,
    body.has-event-solutions-buttons [data-iwz-react-buttons-host="1"] #iworkzoom-search-buttons.event_solutions,
    #iworkzoom-search-buttons.event_solutions,
    [data-iwz-react-buttons-host="1"] #iworkzoom-search-buttons.event_solutions {
        padding-top: 0;
        display: block !important;
        width: 100% !important;
        position: relative;
    }

    body.page-id-4057 #iworkzoom-search-buttons.event_solutions .iwz-mode-buttons-wrap,
    body.page-id-4057 [data-iwz-react-buttons-host="1"] #iworkzoom-search-buttons.event_solutions .iwz-mode-buttons-wrap,
    body.has-event-solutions-buttons #iworkzoom-search-buttons.event_solutions .iwz-mode-buttons-wrap,
    body.has-event-solutions-buttons [data-iwz-react-buttons-host="1"] #iworkzoom-search-buttons.event_solutions .iwz-mode-buttons-wrap,
    #iworkzoom-search-buttons.event_solutions .iwz-mode-buttons-wrap,
    [data-iwz-react-buttons-host="1"] #iworkzoom-search-buttons.event_solutions .iwz-mode-buttons-wrap {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 12px !important;
        row-gap: 4px !important;
        gap: 4px 12px !important;
        align-items: stretch !important;
        width: 100%;
    }

    body.page-id-4057 #iworkzoom-search-buttons.event_solutions .iwz-mode-buttons-row,
    body.page-id-4057 [data-iwz-react-buttons-host="1"] #iworkzoom-search-buttons.event_solutions .iwz-mode-buttons-row,
    body.has-event-solutions-buttons #iworkzoom-search-buttons.event_solutions .iwz-mode-buttons-row,
    body.has-event-solutions-buttons [data-iwz-react-buttons-host="1"] #iworkzoom-search-buttons.event_solutions .iwz-mode-buttons-row,
    #iworkzoom-search-buttons.event_solutions .iwz-mode-buttons-row,
    [data-iwz-react-buttons-host="1"] #iworkzoom-search-buttons.event_solutions .iwz-mode-buttons-row {
        display: contents !important;
    }

    body.page-id-4057 #iworkzoom-search-buttons.event_solutions .wp-block-button,
    body.page-id-4057 [data-iwz-react-buttons-host="1"] #iworkzoom-search-buttons.event_solutions .wp-block-button,
    body.has-event-solutions-buttons #iworkzoom-search-buttons.event_solutions .wp-block-button,
    body.has-event-solutions-buttons [data-iwz-react-buttons-host="1"] #iworkzoom-search-buttons.event_solutions .wp-block-button,
    #iworkzoom-search-buttons.event_solutions .wp-block-button,
    [data-iwz-react-buttons-host="1"] #iworkzoom-search-buttons.event_solutions .wp-block-button {
        margin: 0 !important;
        width: 100% !important;
        display: flex !important;
        align-items: stretch !important;
        height: 100% !important;
    }
}

/* Fix button link styling - allow text wrapping and proper alignment - event_solutions only */
#iworkzoom-search-buttons.event_solutions a.wp-block-button__link,
#iworkzoom-search-buttons.event_solutions a,
header.hp-page__header #iworkzoom-search-buttons.event_solutions a.wp-block-button__link,
.hp-page__header #iworkzoom-search-buttons.event_solutions a.wp-block-button__link,
header.hp-page__header #iworkzoom-search-buttons.event_solutions a,
.hp-page__header #iworkzoom-search-buttons.event_solutions a,
body.tax-hp_listing_category header.hp-page__header #iworkzoom-search-buttons.event_solutions a.wp-block-button__link,
body.archive.tax-hp_listing_category header.hp-page__header #iworkzoom-search-buttons.event_solutions a.wp-block-button__link,
body.tax-hp_listing_category #iworkzoom-search-buttons.event_solutions a.wp-block-button__link,
body.archive.tax-hp_listing_category #iworkzoom-search-buttons.event_solutions a.wp-block-button__link,
body.tax-hp_listing_category #iworkzoom-search-buttons.event_solutions a,
body.archive.tax-hp_listing_category #iworkzoom-search-buttons.event_solutions a {
    display: flex !important;
    align-items: center !important; /* Center align items vertically within button */
    flex-direction: row !important; /* Ensure horizontal layout: bullet on left, text on right */
    white-space: normal !important; /* Allow text to wrap */
    line-height: 1.4 !important;
    min-height: 32px !important; /* Consistent minimum height for all buttons */
    text-align: left !important;
    justify-content: flex-start !important;
    width: 100% !important; /* Ensure consistent width */
    height: 100% !important; /* Fill parent height */
    box-sizing: border-box !important; /* Include padding in height calculation */
}

/* Fix selector (circular indicator) alignment - ensure bullet is on the left - event_solutions only */
#iworkzoom-search-buttons.event_solutions .selector,
header.hp-page__header #iworkzoom-search-buttons.event_solutions .selector,
.hp-page__header #iworkzoom-search-buttons.event_solutions .selector,
body.tax-hp_listing_category header.hp-page__header #iworkzoom-search-buttons.event_solutions .selector,
body.archive.tax-hp_listing_category header.hp-page__header #iworkzoom-search-buttons.event_solutions .selector,
body.tax-hp_listing_category #iworkzoom-search-buttons.event_solutions .selector,
body.archive.tax-hp_listing_category #iworkzoom-search-buttons.event_solutions .selector {
    flex-shrink: 0 !important;
    margin-top: 0 !important;
    margin-right: 8px !important; /* Space between bullet and text */
    margin-left: 0 !important;
    vertical-align: middle !important;
    align-self: center !important;
    order: -1 !important; /* Ensure selector appears before text */
    display: inline-flex !important;
}

/* Two column layout for event_solutions pages (11 mode buttons) on search results */
@media (max-width: 1250px) {
    body.has-event-solutions-buttons #iworkzoom-search-buttons.event_solutions,
    body.has-event-solutions-buttons #iworkzoom-search-buttons.event_solutions.is-nowrap,
    body.has-event-solutions-buttons #iworkzoom-search-buttons.event_solutions.is-layout-flex,
    body.has-event-solutions-buttons #iworkzoom-search-buttons.event_solutions.wp-block-buttons,
    #iworkzoom-search-buttons.event_solutions {
        padding-top: 0;
        position: relative;
        display: block !important;
        width: 100% !important;
    }
    body.has-event-solutions-buttons #iworkzoom-search-buttons.event_solutions .iwz-mode-buttons-wrap,
    #iworkzoom-search-buttons.event_solutions .iwz-mode-buttons-wrap {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100%;
    }
    body.has-event-solutions-buttons #iworkzoom-search-buttons.event_solutions .iwz-mode-buttons-row,
    #iworkzoom-search-buttons.event_solutions .iwz-mode-buttons-row {
        display: contents !important;
    }
}


/* Better transition from hero section to content - event_solutions pages only */
body.tax-hp_listing_category:has(#iworkzoom-search-buttons.event_solutions) .hp-page__content,
body.archive.tax-hp_listing_category:has(#iworkzoom-search-buttons.event_solutions) .hp-page__content {
    margin-top: 20px !important;
}


@media (max-width: 560px) {
.search #iworkzoom-search-buttons .label {
     color: #ffffff !important;
    }
 
     /* 2 PERFECT vertical columns on mobile - EXCLUDE event_solutions (they have their own styles) - ONLY for page-id-4057 */
    body.page-id-4057 #iworkzoom-search-buttons:not(.event_solutions).wp-block-buttons.is-layout-flex,
    body.page-id-4057 #iworkzoom-search-buttons:not(.event_solutions).wp-block-buttons {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* 2 equal columns */
        column-gap: 16px !important;
        row-gap: 10px !important;
        justify-items: start !important;
        flex-wrap: wrap !important; /* override is-nowrap if present */
    }

    /* Override is-horizontal class behavior - EXCLUDE event_solutions - ONLY for page-id-4057 */
    body.page-id-4057 #iworkzoom-search-buttons:not(.event_solutions).wp-block-buttons.is-horizontal {
        flex-direction: column !important;
    }

    /* Override homepage.scss rules for button width and margin - EXCLUDE event_solutions - ONLY for page-id-4057 */
    body.page-id-4057 #iworkzoom-search-buttons:not(.event_solutions).wp-block-buttons .wp-block-button {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;          /* fill its grid cell */
        background: transparent !important;
    }

    /* Force vertical ordering: 1,3,5,7,9 in left column; 2,4,6,8,10 in right - EXCLUDE event_solutions - ONLY for page-id-4057 */
    body.page-id-4057 #iworkzoom-search-buttons:not(.event_solutions).wp-block-buttons .wp-block-button:nth-child(odd) {
        grid-column: 1 !important;
    }
    body.page-id-4057 #iworkzoom-search-buttons:not(.event_solutions).wp-block-buttons .wp-block-button:nth-child(even) {
        grid-column: 2 !important;
    }

    /* Override homepage.scss rule that sets display: flex and margin-bottom - EXCLUDE event_solutions - ONLY for page-id-4057 */
    body.page-id-4057 #iworkzoom-search-buttons:not(.event_solutions).wp-block-buttons a.wp-block-button__link,
    body.page-id-4057 #iworkzoom-search-buttons:not(.event_solutions).wp-block-buttons .wp-block-button__link {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;                        /* dot — label spacing */
        width: 100% !important;
        white-space: normal !important;
        line-height: 1.2 !important;
        padding: 2px 0 !important;
        margin-bottom: 0 !important; /* override homepage.scss margin-bottom: 20px */
        background: transparent !important;
        box-shadow: none !important;
        justify-content: flex-start !important;
        text-align: left !important;
    }
}

/* Order User ID text size */
.hp-order__user-id {
    font-size: 14px !important;
}

/* YayCurrency checkout banner is suppressed; Adaptive Pricing is the FX UI. */
.yay-currency-checkout-notice,
.yay-currency-checkout-notice-admin,
.yay-currency-checkout-notice-force-payment-wrapper,
.yay-currency-checkout-force-payment-notice {
    display: none !important;
}

/* Auto-filled user fields wrapper */
.iworkzoom-auto-user-fields {
    background-color: #faf9f5;        
}

/* Input fields inside auto user fields */
.iworkzoom-auto-user-fields .user-field input {  
    background-color: #faf9f5; 
}

/* Event solution pages */
body.has-event-solutions-buttons .header-hero .hp-listing-category__name,
body.has-event-solutions-buttons .header-hero h1.hp-listing-category__name {
    color: #00d084 !important;
}

body.has-event-solutions-buttons .header-hero #iworkzoom-search-buttons,
body.has-event-solutions-buttons .header-hero #iworkzoom-search-buttons *,
body.has-event-solutions-buttons .header-hero #iworkzoom-search-buttons .label,
body.has-event-solutions-buttons .header-hero #iworkzoom-search-buttons a,
body.has-event-solutions-buttons .header-hero #iworkzoom-search-buttons a.wp-block-button__link,
body.has-event-solutions-buttons .header-hero #iworkzoom-search-buttons .has-white-color,
#iworkzoom-search-buttons.event_solutions .label,
#iworkzoom-search-buttons.event_solutions a,
#iworkzoom-search-buttons.event_solutions .has-white-color {
    color: #ffffff !important;
}

/* has-listingresults-slug rules for event solution pages - Make buttons white */
body.has-listingresults-slug.has-event-solutions-buttons #iworkzoom-search-buttons a.wp-block-button__link.has-white-color.has-text-color .label{
    color: #ffffff !important;
}

/* Listing pagination: keep page numbers on one row and allow horizontal mouse-wheel scroll */
.hp-pagination .navigation.pagination {
    max-width: 100%;
}
.hp-pagination .nav-links {
    flex-wrap: nowrap;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
}

/* Listing results pages (3 buttons) - Mobile: text below button */
@media (max-width: 768px) {
    .search-results #iworkzoom-search-buttons:not(.event_solutions) a,
    .search-no-results #iworkzoom-search-buttons:not(.event_solutions) a {
        flex-direction: column !important;
        align-items: center !important;
    }
}