/* Start custom CSS for product-details-query, class: .elementor-element-34a74a0 *//* ========================================== YITH GIFT CARD STYLING ========================================== */ /* Amount button row */ .gift-cards-list .ywgc-amount-buttons { border-radius: 0 !important; box-sizing: border-box !important; } /* Remove first/last button rounding */ .gift-cards-list .ywgc-amount-buttons:first-of-type, .gift-cards-list .ywgc-amount-buttons:last-of-type { border-radius: 0 !important; } /* Selected amount colour */ .gift-cards-list .selected_button, .selected_button #ywgc-manual-amount { background-color: #A2B192 !important; color: #ffffff !important; } /* Custom amount wrapper */ #ywgc-manual-amount-div-wrapper { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; border-radius: 0 !important; overflow: hidden !important; } /* Custom amount input */ #ywgc-manual-amount { width: 100% !important; max-width: 100% !important; height: 100% !important; box-sizing: border-box !important; border-radius: 0 !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } /* Mobile responsiveness */ @media (max-width: 767px) { .gift-cards-list { display: flex !important; flex-wrap: wrap !important; } .gift-cards-list .ywgc-amount-buttons { width: 50% !important; min-width: 50% !important; flex: 0 0 50% !important; } #ywgc-manual-amount-div-wrapper { width: 100% !important; } }
/* Gift card form field borders only */

#ywgc-recipient-name,
#ywgc-recipient-email,
#ywgc-sender-name,
#ywgc-edit-message,
#ywgc-delivery-date {
    border-color: #A2B192 !important;
}
#add_recipient,
a.add-recipient {
    color: #A2B192 !important;
}
/* ==========================================
   ROEBUCK DATE PICKER
   ========================================== */

/* Main popup */
.ui-datepicker,
.flatpickr-calendar {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 0 !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08) !important;
    font-family: "Lexend Zetta", sans-serif !important;
}

/* Header */
.ui-datepicker-header,
.flatpickr-months {
    background: #ffffff !important;
    border-bottom: 1px solid #e5e5e5 !important;
}

/* Month title */
.ui-datepicker-title,
.flatpickr-current-month,
.ui-datepicker-title span {
    font-family: "Lexend Zetta", sans-serif !important;
    font-weight: 400 !important;
    color: #3d3d3d !important;
}

/* Day names */
.ui-datepicker th,
.flatpickr-weekday {
    font-family: "Lexend Zetta", sans-serif !important;
    font-weight: 400 !important;
    color: #3d3d3d !important;
}

/* Dates */
.ui-datepicker-calendar td a,
.flatpickr-day {
    font-family: "Lexend Zetta", sans-serif !important;
    border-radius: 0 !important;
    color: #3d3d3d !important;
}

/* Hover */
.ui-datepicker-calendar td a:hover,
.flatpickr-day:hover {
    background: #edf1e8 !important;
    color: #3d3d3d !important;
}

/* Selected date */
.ui-datepicker-calendar .ui-state-active,
.ui-datepicker-calendar .ui-state-highlight,
.flatpickr-day.selected,
.flatpickr-day.selected:hover {
    background: #A2B192 !important;
    border-color: #A2B192 !important;
    color: #ffffff !important;
}

/* ==========================================
   YITH GIFT CARD DATE PICKER
   ========================================== */

/* Popup container */
.ui-datepicker,
.flatpickr-calendar {
    border: 1px solid #d8d8d8 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #ffffff !important;
    font-family: 'Lexend Zetta', sans-serif !important;
}

/* Month header */
.ui-datepicker-header,
.flatpickr-months {
    background: #ffffff !important;
    border-bottom: 1px solid #e5e5e5 !important;
}

/* Month title */
.ui-datepicker-title,
.flatpickr-current-month {
    font-family: 'Lexend Zetta', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0.08em !important;
    color: #404040 !important;
}

/* Day headings */
.ui-datepicker th,
.flatpickr-weekday {
    font-family: 'Lexend Zetta', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #404040 !important;
}

/* Calendar cells */
.ui-datepicker td a,
.flatpickr-day {
    border-radius: 0 !important;
    border: 1px solid #e8e8e8 !important;
    background: #ffffff !important;
    color: #404040 !important;
    transition: all .2s ease !important;
}

/* Hover */
.ui-datepicker td a:hover,
.flatpickr-day:hover {
    background: #EDF1E8 !important;
    border-color: #A2B192 !important;
    color: #404040 !important;
}

/* TODAY */
.flatpickr-day.today,
.ui-datepicker-today a {
    background: #EDF1E8 !important;
    border: 1px solid #A2B192 !important;
    color: #A2B192 !important;
}

/* SELECTED DATE */
.flatpickr-day.selected,
.flatpickr-day.selected:hover,
.ui-datepicker-current-day a,
.ui-datepicker-calendar .ui-state-active {
    background: #A2B192 !important;
    border-color: #A2B192 !important;
    color: #ffffff !important;
}

/* Time dropdowns */
.ui-timepicker-select,
select.ui-timepicker-select {
    border: 1px solid #d8d8d8 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #404040 !important;
    font-family: 'Lexend Zetta', sans-serif !important;
}

/* Save button */
.ywgc_save_date,
.ywgc-modal-form button {
    background: #A2B192 !important;
    border: 1px solid #A2B192 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    font-family: 'Lexend Zetta', sans-serif !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    transition: all .2s ease !important;
}

/* Save button hover */
.ywgc_save_date:hover,
.ywgc-modal-form button:hover {
    background: #ffffff !important;
    border: 1px solid #A2B192 !important;
    color: #A2B192 !important;
}/* End custom CSS */