/* -------------------------------------------------------
   YITH Booking Form Overrides
   ------------------------------------------------------- */

/* Override YITH CSS Variables to match brand colors */
:root {
    --yith-wcbk-primary: var(--e-global-color-5c8094d);
    --yith-wcbk-primary-light: var(--e-global-color-5c8094d);
    --yith-wcbk-primary-contrast: var(--e-global-color-primary);
    --yith-wcbk-border-color: var(--e-global-color-e390767);
    --yith-wcbk-border-color-focus: var(--e-global-color-5c8094d);
    --yith-wcbk-fields-font-size: var(--e-global-typography-text-font-size);
    --yith-wcbk-error: var(--e-global-color-190a9df);
    --yith-wcbk-success: var(--e-global-color-a4d4262);
}

/* Main booking form shortcode container */
.yith-wcbk-shortcode-booking-form .yith_wcbk_booking_form_shortcode_summary {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Product title */
.yith-wcbk-shortcode-booking-form .product_title {
    font-family: var(--e-global-typography-primary-font-family);
    font-weight: var(--e-global-typography-primary-font-weight);
    color: var(--e-global-color-primary);
    margin: 0;
}

/* Price - purple color */
.yith-wcbk-shortcode-booking-form .price,
.yith-wcbk-shortcode-booking-form p.price,
.yith-wcbk-shortcode-booking-form .price span,
.product.yith-wcbk-shortcode-booking-form .price,
.product.yith-wcbk-shortcode-booking-form p.price {
    font-family: var(--e-global-typography-accent-font-family);
    font-size: 24px !important;
    font-weight: var(--e-global-typography-accent-font-weight);
    color: var(--e-global-color-secondary) !important;
    margin: 0;
}

.yith-wcbk-shortcode-booking-form .price .woocommerce-Price-amount,
.yith-wcbk-shortcode-booking-form .price .woocommerce-Price-amount bdi,
.product.yith-wcbk-shortcode-booking-form .price .woocommerce-Price-amount,
.product.yith-wcbk-shortcode-booking-form .price .woocommerce-Price-amount bdi {
    color: var(--e-global-color-secondary) !important;
}

/* Cart form */
.yith-wcbk-shortcode-booking-form form.cart {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0;
    padding: 0;
}

/* Product meta (category) */
.yith-wcbk-shortcode-booking-form .product_meta {
    font-family: var(--e-global-typography-text-font-family);
    font-size: var(--e-global-typography-text-font-size);
    color: var(--e-global-color-text);
    margin-top: 10px;
}

.yith-wcbk-shortcode-booking-form .product_meta a {
    color: var(--e-global-color-primary);
    transition: color 0.35s linear;
}

.yith-wcbk-shortcode-booking-form .product_meta a:hover {
    color: var(--e-global-color-secondary);
}

/* Booking form */
.yith-wcbk-booking-form {
    max-width: 100%;
    margin-bottom: 0;
}

/* Form section labels */
.yith-wcbk-booking-form .yith-wcbk-form-section__label,
.yith-wcbk-booking-form .yith-wcbk-booking-form__label {
    font-family: var(--e-global-typography-accent-font-family);
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    color: var(--e-global-color-primary);
    margin: 0 0 10px 0;
}

/* Form sections */
.yith-wcbk-booking-form .yith-wcbk-form-section {
    padding: 0;
    margin-bottom: 15px;
}

/* Date picker wrapper */
.yith-wcbk-booking-form .yith-wcbk-date-picker-wrapper input.yith-wcbk-date-picker--formatted {
    padding: 15px 40px 15px 20px;
    border: 1px solid var(--e-global-color-e390767);
    border-radius: 30px;
    font-family: var(--e-global-typography-text-font-family);
    font-size: var(--e-global-typography-text-font-size);
    color: var(--e-global-color-primary);
    background-color: var(--e-global-color-accent);
    min-height: 52px;
    outline: none;
    transition: border-color 0.35s linear;
}

@media (max-width: 767px) {
    .yith-wcbk-booking-form .yith-wcbk-date-picker-wrapper input.yith-wcbk-date-picker--formatted {
        min-height: 44px;
        padding: 12px 40px 12px 20px;
    }
}

.yith-wcbk-booking-form .yith-wcbk-date-picker-wrapper input.yith-wcbk-date-picker--formatted:hover,
.yith-wcbk-booking-form .yith-wcbk-date-picker-wrapper input.yith-wcbk-date-picker--formatted:focus {
    border-color: var(--e-global-color-5c8094d);
}

.yith-wcbk-booking-form .yith-wcbk-date-picker-wrapper input.yith-wcbk-date-picker--formatted::placeholder {
    color: var(--e-global-color-text);
}

.yith-wcbk-booking-form .yith-wcbk-date-picker-wrapper .yith-wcbk-booking-date-icon {
    right: 20px;
    color: var(--e-global-color-primary);
}

/* Duration section (no field variant) */
.yith-wcbk-booking-form .yith-wcbk-form-section-duration--no-field .yith-wcbk-form-section__content {
    padding: 15px 20px;
    background-color: var(--e-global-color-8910503);
    border-radius: 30px;
    min-height: 52px;
}

@media (max-width: 767px) {
    .yith-wcbk-booking-form .yith-wcbk-form-section-duration--no-field .yith-wcbk-form-section__content {
        min-height: 44px;
        padding: 12px 20px;
    }
}

.yith-wcbk-booking-form .yith-wcbk-form-section-duration--no-field .yith-wcbk-booking-duration__label {
    font-family: var(--e-global-typography-text-font-family);
    font-size: var(--e-global-typography-text-font-size);
    color: var(--e-global-color-primary);
}

/* Input fields */
.yith-wcbk-booking-form input:not([type='checkbox']),
.yith-wcbk-booking-form select,
.yith-wcbk-booking-form textarea {
    padding: 15px 20px;
    border: 1px solid var(--e-global-color-e390767);
    border-radius: 30px;
    font-family: var(--e-global-typography-text-font-family);
    font-size: var(--e-global-typography-text-font-size);
    color: var(--e-global-color-primary);
    background-color: var(--e-global-color-accent);
    min-height: 52px;
    outline: none;
    transition: border-color 0.35s linear;
}

@media (max-width: 767px) {
    .yith-wcbk-booking-form input:not([type='checkbox']),
    .yith-wcbk-booking-form select,
    .yith-wcbk-booking-form textarea {
        min-height: 44px;
        padding: 12px 20px;
    }
}

.yith-wcbk-booking-form input:not([type='checkbox']):hover,
.yith-wcbk-booking-form input:not([type='checkbox']):focus,
.yith-wcbk-booking-form select:hover,
.yith-wcbk-booking-form select:focus,
.yith-wcbk-booking-form textarea:hover,
.yith-wcbk-booking-form textarea:focus {
    border-color: var(--e-global-color-5c8094d);
    box-shadow: none;
}

/* Add to cart button - match site button style */
.yith-wcbk-add-to-cart-button {
    position: relative;
    height: 52px;
    max-height: 52px;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: fit-content;
    padding: 5px 10px 5px 20px !important;
    border-radius: 30px !important;
    border: none !important;
    background-color: var(--e-global-color-5c8094d) !important;
    color: var(--e-global-color-primary) !important;
    font-family: var(--e-global-typography-accent-font-family);
    font-size: var(--e-global-typography-accent-font-size) !important;
    font-weight: var(--e-global-typography-accent-font-weight) !important;
    text-transform: var(--e-global-typography-accent-text-transform);
    line-height: var(--e-global-typography-accent-line-height);
    cursor: pointer;
    transition: linear 0.35s;
}

@media (max-width: 767px) {
    .yith-wcbk-add-to-cart-button {
        height: 44px;
        max-height: 44px;
    }
}

/* Arrow icon container (pseudo-element dot that expands) */
.yith-wcbk-add-to-cart-button:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath d='M0.888916 6H13.1111' stroke='%23001A54' stroke-width='1.62963' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.11108 1L13.1111 6L8.11108 11' stroke='%23001A54' stroke-width='1.62963' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 0 0;
    background-position: center center;
    height: 0;
    width: 0;
    opacity: 0;
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translate(0, -50%);
    z-index: 10;
    transition: linear 0.35s;
}

@media (max-width: 767px) {
    .yith-wcbk-add-to-cart-button:before {
        right: 15.25px;
    }
}

/* Dot that expands to show arrow */
.yith-wcbk-add-to-cart-button:after {
    content: "";
    position: relative;
    height: 8px;
    min-height: 8px;
    max-height: 8px;
    width: 8px;
    min-width: 8px;
    max-width: 8px;
    border-radius: 50%;
    background-color: var(--e-global-color-accent);
    transition: linear 0.35s;
}

.yith-wcbk-add-to-cart-button:hover {
    background-color: var(--e-global-color-5c8094d) !important;
    transition: linear 0.35s;
}

.yith-wcbk-add-to-cart-button:hover:before {
    opacity: 1;
    height: 12px;
    width: 15px;
    background-size: 15px 12px;
    transition: linear 0.35s;
}

@media (max-width: 767px) {
    .yith-wcbk-add-to-cart-button:hover:before {
        width: 12.5px;
        background-size: 12.5px 12px;
    }
}

.yith-wcbk-add-to-cart-button:hover:after {
    height: 32px;
    min-height: 32px;
    max-height: 32px;
    width: 32px;
    min-width: 32px;
    max-width: 32px;
    transition: linear 0.35s;
}

@media (max-width: 767px) {
    .yith-wcbk-add-to-cart-button:hover:after {
        height: 24px;
        min-height: 24px;
        max-height: 24px;
        width: 24px;
        min-width: 24px;
        max-width: 24px;
    }
}

/* Disabled state */
.yith-wcbk-add-to-cart-button:disabled,
.yith-wcbk-add-to-cart-button.yith-wcbk-not-allowed {
    opacity: 0.5;
    cursor: not-allowed;
    background-color: var(--e-global-color-e390767) !important;
    color: var(--e-global-color-text) !important;
}

.yith-wcbk-add-to-cart-button:disabled:hover:before,
.yith-wcbk-add-to-cart-button.yith-wcbk-not-allowed:hover:before {
    opacity: 0;
    height: 0;
    width: 0;
}

.yith-wcbk-add-to-cart-button:disabled:hover:after,
.yith-wcbk-add-to-cart-button.yith-wcbk-not-allowed:hover:after {
    height: 8px;
    min-height: 8px;
    max-height: 8px;
    width: 8px;
    min-width: 8px;
    max-width: 8px;
}

/* Datepicker calendar popup */
#ui-datepicker-div.yith-wcbk-datepicker.ui-widget-content,
.yith-wcbk-date-picker--inline .ui-widget.ui-widget-content {
    font-family: var(--e-global-typography-text-font-family);
    border-radius: 20px;
    border: 1px solid var(--e-global-color-e390767);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
    padding: 20px;
}

/* Datepicker header (month/year) */
.yith-wcbk-datepicker .ui-datepicker-header .ui-datepicker-title,
.yith-wcbk-date-picker--inline .ui-datepicker-header .ui-datepicker-title {
    font-family: var(--e-global-typography-accent-font-family);
    font-weight: var(--e-global-typography-accent-font-weight);
    color: var(--e-global-color-primary);
}

/* Datepicker navigation arrows */
.yith-wcbk-datepicker.ui-datepicker .ui-datepicker-prev span:after,
.yith-wcbk-datepicker.ui-datepicker .ui-datepicker-next span:after,
.yith-wcbk-date-picker--inline .ui-datepicker .ui-datepicker-prev span:after,
.yith-wcbk-date-picker--inline .ui-datepicker .ui-datepicker-next span:after {
    color: var(--e-global-color-primary);
}

/* Datepicker day cells */
.yith-wcbk-datepicker.ui-datepicker td,
.yith-wcbk-date-picker--inline .ui-datepicker td,
#ui-datepicker-div.yith-wcbk-datepicker td,
.ui-datepicker.yith-wcbk-datepicker td {
    font-family: var(--e-global-typography-text-font-family);
    padding: 2px !important;
}

.yith-wcbk-datepicker.ui-datepicker td a.ui-state-default,
.yith-wcbk-datepicker.ui-datepicker td span.ui-state-default,
.yith-wcbk-date-picker--inline .ui-datepicker td a.ui-state-default,
.yith-wcbk-date-picker--inline .ui-datepicker td span.ui-state-default,
#ui-datepicker-div.yith-wcbk-datepicker td a.ui-state-default,
#ui-datepicker-div.yith-wcbk-datepicker td span.ui-state-default,
.ui-datepicker.yith-wcbk-datepicker td a,
.ui-datepicker.yith-wcbk-datepicker td span {
    color: var(--e-global-color-primary) !important;
    border-radius: 50% !important;
    width: 36px !important;
    height: 36px !important;
    line-height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* Hover state - mint/cyan */
.yith-wcbk-datepicker.ui-datepicker td:not(.ui-state-disabled):hover a,
.yith-wcbk-date-picker--inline .ui-datepicker td:not(.ui-state-disabled):hover a,
#ui-datepicker-div.yith-wcbk-datepicker td:not(.ui-state-disabled):hover a,
.ui-datepicker.yith-wcbk-datepicker td:not(.ui-state-disabled):hover a {
    background-color: var(--e-global-color-5c8094d) !important;
    color: var(--e-global-color-primary) !important;
}

/* Selected day - purple */
.yith-wcbk-datepicker.ui-datepicker td.ui-datepicker-current-day a,
.yith-wcbk-date-picker--inline .ui-datepicker td.ui-datepicker-current-day a,
.yith-wcbk-datepicker.ui-datepicker td a.ui-state-active,
.yith-wcbk-date-picker--inline .ui-datepicker td a.ui-state-active,
#ui-datepicker-div.yith-wcbk-datepicker td.ui-datepicker-current-day a,
#ui-datepicker-div.yith-wcbk-datepicker td a.ui-state-active,
.ui-datepicker.yith-wcbk-datepicker td.ui-datepicker-current-day a,
.ui-datepicker.yith-wcbk-datepicker td a.ui-state-active {
    background-color: var(--e-global-color-secondary) !important;
    color: var(--e-global-color-accent) !important;
}

/* Datepicker day headers (Mon, Tue, etc.) */
.yith-wcbk-datepicker.ui-datepicker th,
.yith-wcbk-date-picker--inline .ui-datepicker th {
    font-family: var(--e-global-typography-accent-font-family);
    color: var(--e-global-color-primary);
}

/* Hide Stripe express checkout (Apple Pay / Google Pay) */
.yith-wcbk-shortcode-booking-form #wc-stripe-express-checkout-element,
.yith-wcbk-shortcode-booking-form wc-order-attribution-inputs {
    display: none !important;
}

/* Hide category/product meta */
.yith-wcbk-shortcode-booking-form .product_meta {
    display: none !important;
}

/* Hide duration section */
.yith-wcbk-shortcode-booking-form .yith-wcbk-form-section-duration {
    display: none !important;
}

/* Hide product title */
.yith-wcbk-shortcode-booking-form .product_title {
    display: none !important;
}

/* Date picker clear/close button */
.ui-datepicker-close,
.ui-datepicker-close.ui-state-default,
.ui-datepicker-close.ui-priority-primary,
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close,
button.ui-datepicker-close {
    color: var(--e-global-color-secondary) !important;
    background: transparent !important;
    border: none !important;
    font-family: var(--e-global-typography-accent-font-family);
    font-weight: var(--e-global-typography-accent-font-weight);
    cursor: pointer;
}

.ui-datepicker-close:hover,
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close:hover {
    color: var(--e-global-color-secondary) !important;
    opacity: 0.7;
}

/* Remove bottom padding on cart form */
.yith-wcbk-shortcode-booking-form .woocommerce div.product form.cart,
.yith-wcbk-shortcode-booking-form form.cart {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Weekend block highlight - 2 consecutive weekends */
.ui-datepicker td.weekend-block-highlight {
    position: relative;
}

.ui-datepicker td.weekend-block-highlight::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    bottom: 2px;
    background-color: var(--e-global-color-secondary);
    opacity: 0.25;
    z-index: 0;
    pointer-events: none;
}

.ui-datepicker td.weekend-block-highlight a,
.ui-datepicker td.weekend-block-highlight span {
    position: relative;
    z-index: 1;
    color: var(--e-global-color-primary) !important;
}

/* Override disabled/faded appearance for Sundays in the highlight block */
.ui-datepicker td.ui-state-disabled.weekend-block-highlight,
.ui-datepicker td.ui-state-disabled.weekend-block-highlight span {
    opacity: 1 !important;
}

.ui-datepicker td.ui-state-disabled.weekend-block-highlight span.ui-state-default {
    color: var(--e-global-color-primary) !important;
    opacity: 1 !important;
}

/* Selected state - more prominent purple */
.ui-datepicker td.weekend-block-selected::before {
    opacity: 0.4;
}

/* Round the ends of each weekend block */
.ui-datepicker td.weekend-block-start::before {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    left: 4px;
}

.ui-datepicker td.weekend-block-first-end::before {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    right: 4px;
}

.ui-datepicker td.weekend-block-second-start::before {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    left: 4px;
}

.ui-datepicker td.weekend-block-end::before {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    right: 4px;
}