/*
 * Delivery-slots popup stacking — the only place it is decided.
 *
 * The reservation warning has to sit above the slot picker: the plugin's own
 * stylesheet gives #dwds-delivery-slots-popup and .dwds-popup-wrapper the same
 * z-index (9999), which separated the two by DOM order alone and left the
 * warning underneath an opaque overlay — invisible, and not hit-testable.
 *
 * Both scripts write only `display` inline, so these rules are what decide.
 * Do not reintroduce an inline z-index in dwds-common.js showPopup() or in
 * dwds-reserve-timer.js showPopupWindow(): an inline declaration outranks any
 * stylesheet rule short of !important, and the numbers would be back in three
 * files again.
 *
 * Two different things carry these rules past the plugin's own, and the
 * difference matters if either is ever changed:
 *
 * - #dwds-expired-slot-popup wins on SPECIFICITY. The plugin styles it through
 *   .dwds-popup-wrapper, and an id beats a class whatever the load order.
 * - #dwds-delivery-slots-popup wins on ORDER ONLY. The plugin targets that same
 *   id, so specificity ties, and this rule decides purely because this file is
 *   enqueued with 'dwds-popup-styles' as a declared dependency
 *   (functions/theme-head.php). Drop that dependency and the picker silently
 *   falls back to the plugin's 9999.
 */
#dwds-delivery-slots-popup {
    z-index: 999999;
}

#dwds-expired-slot-popup {
    z-index: 1000000;
}

#dwds-expired-slot-popup h3.title {
    font-size: 18px;
}
#dwds-expired-slot-popup .description {
    font-size: 14px;
    margin-bottom: 25px;
}
#dwds-expired-slot-popup .arcaffe-button {
    margin: 0 auto;
    font-family: 'Almoni', sans-serif;
    font-size: 16px;
}
#dwds-expired-slot-popup .arcaffe-style {
    width: 353px;
    min-height: auto;
    max-height: 283px;
    padding: 20px;
}
#dwds-expired-slot-popup #dwds-expired-popup-errors-holder {
    padding-top: 20px;
    color: #f00;
}
#dwds-expired-slot-popup #dwds-expired-popup-errors-holder:empty {
    padding-top: 0;
}
#dwds-city-selector #dwds-city-search {
    font-family: 'Almoni', sans-serif;
}

/* Slick arrows: reset native button chrome; keyboard focus must be visible */
#dwds-delivery-slots-popup button.slick-slider-arrow {
    appearance: none;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    line-height: 0;
}

#dwds-delivery-slots-popup button.slick-slider-arrow:focus,
#dwds-delivery-slots-popup button.slick-slider-arrow:focus-visible,
#dwds-delivery-slots-popup #dwds-popup-close:focus,
#dwds-delivery-slots-popup #dwds-popup-close:focus-visible,
#dwds-delivery-slots-popup #dwds-sumbit-timeslot:focus,
#dwds-delivery-slots-popup #dwds-sumbit-timeslot:focus-visible {
    outline: 2px solid #3b82f6 !important;
    outline-offset: 2px;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.35);
}

#dwds-delivery-slots-popup #dwds-popup-close:focus:not(:focus-visible),
#dwds-delivery-slots-popup #dwds-sumbit-timeslot:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none;
}