/* =========================================================
   DAMIAN PHILPOTT — STEP 4 TIME PANEL BALANCE V2
   ---------------------------------------------------------
   Desktop Date & Time step only.

   Fixes:
   - truly removes calendar artwork rendered inside Time panel
   - centres/rebalances the two-column time-slot grid
   - equal left/right inset
   - preserves all selected/busy slot behaviour
   ========================================================= */

@media screen and (min-width: 1001px) {

    /* -----------------------------------------------------
       TIME SLOT GRID — equal horizontal breathing room.
       ----------------------------------------------------- */
    body:has(#booknetic_theme_8)
    .wp-block-booknetic-booking
    #booknetic_theme_8 [data-step-id="date_time"]
    .booknetic_times_list {
        width: 100% !important;

        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        column-gap: 8px !important;
        row-gap: 8px !important;

        padding:
            8px
            10px
            12px !important;

        margin: 0 !important;

        box-sizing: border-box !important;
    }

    /* Native slot dimensions should fill the balanced grid cell,
       not bring old percentage widths/margins with them. */
    body:has(#booknetic_theme_8)
    .wp-block-booknetic-booking
    #booknetic_theme_8 [data-step-id="date_time"]
    .booknetic_times_list
    .booknetic_time_element {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;

        box-sizing: border-box !important;
    }

    /* -----------------------------------------------------
       TIME-PANEL CALENDAR ARTWORK
       Cover the known icon/rendering variants, but ONLY inside
       the Time half so the real calendar on the left is untouched.
       ----------------------------------------------------- */
    body:has(#booknetic_theme_8)
    .wp-block-booknetic-booking
    #booknetic_theme_8 [data-step-id="date_time"]
    .booknetic_time_div
    .booknetic_icon_calendar,

    body:has(#booknetic_theme_8)
    .wp-block-booknetic-booking
    #booknetic_theme_8 [data-step-id="date_time"]
    .booknetic_time_div
    [class*="calendar_icon"],

    body:has(#booknetic_theme_8)
    .wp-block-booknetic-booking
    #booknetic_theme_8 [data-step-id="date_time"]
    .booknetic_time_div
    [class*="calendar-icon"],

    body:has(#booknetic_theme_8)
    .wp-block-booknetic-booking
    #booknetic_theme_8 [data-step-id="date_time"]
    .booknetic_time_div
    img[src*="calendar"],

    body:has(#booknetic_theme_8)
    .wp-block-booknetic-booking
    #booknetic_theme_8 [data-step-id="date_time"]
    .booknetic_time_div
    svg[class*="calendar"],

    body:has(#booknetic_theme_8)
    .wp-block-booknetic-booking
    #booknetic_theme_8 [data-step-id="date_time"]
    .booknetic_time_div
    i[class*="calendar"],

    body:has(#booknetic_theme_8)
    .wp-block-booknetic-booking
    #booknetic_theme_8 [data-step-id="date_time"]
    .booknetic_time_div
    .dp-hide-time-calendar-icon {
        display: none !important;
        visibility: hidden !important;
    }
}