.elementor-846 .elementor-element.elementor-element-9b3704c{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-846 .elementor-element.elementor-element-9b3704c.e-con{--align-self:center;}.elementor-846 .elementor-element.elementor-element-5ae159b{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-846 .elementor-element.elementor-element-5ae159b.elementor-element{--align-self:center;}#elementor-popup-modal-846{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-846 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-846 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for html, class: .elementor-element-5ae159b *//* ============================================
   CUSTOM CSS FOR SAVOURY BITES AREA POPUP
   Paste this in WordPress Customizer > Additional CSS
   OR in Elementor Popup Settings > Advanced > Custom CSS
   ============================================ */

/* Force dropdown select to show orange text for placeholder */
.sb-area-select {
    color: #f59e0b !important;
    font-weight: 600 !important;
}

/* When value is empty (placeholder showing) */
.sb-area-select:invalid,
.sb-area-select[value=""],
.sb-area-select:not(:valid) {
    color: #f59e0b !important;
}

/* When an actual area is selected */
.sb-area-select:valid:not([value=""]) {
    color: #ffffff !important;
}

/* Force all select text to be visible */
.sb-area-select,
.sb-area-select * {
    -webkit-text-fill-color: #f59e0b !important;
    opacity: 1 !important;
}

/* Override any WordPress/theme styles */
select.sb-area-select {
    color: #f59e0b !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

/* Dropdown options styling */
.sb-area-select option {
    color: #ffffff !important;
    background: #2d2520 !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* First option (placeholder) should be orange */
.sb-area-select option:first-child,
.sb-area-select option[value=""],
.sb-area-select option:disabled {
    color: #f59e0b !important;
    -webkit-text-fill-color: #f59e0b !important;
}

/* Additional fallback for Safari/iOS */
@supports (-webkit-appearance: none) {
    .sb-area-select {
        color: #f59e0b !important;
    }
}

/* Force visibility in all states */
.sb-area-select-wrapper select {
    color: #f59e0b !important;
}

/* Override Elementor default styles */
.elementor-popup-modal .sb-area-select {
    color: #f59e0b !important;
}

/* Additional override for WooCommerce/WordPress themes */
body .sb-area-select,
html body .sb-area-select {
    color: #f59e0b !important;
}/* End custom CSS */