/* ==============================
   CUSTOM CSS — NETYCOFFEE
   B&W THEME OVERRIDES
   ============================== */

/* Carousel prev/next hover */
.carousel__prev:hover,
.carousel__next:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}

/* Vue Select dropdown */
.vue-dropdown {
    border: 1px solid #00000033 !important;
    box-shadow: 0 0.25rem 1rem rgb(229 231 235 / 45%) !important;
}

.vue-select[aria-expanded='true'] {
    border-color: #00000033 !important;
}

.vue-dropdown-item.selected.highlighted {
    background-color: rgba(0, 0, 0, .06) !important;
    color: #000000 !important;
}

.vue-dropdown-item.selected {
    background-color: rgba(0, 0, 0, .06) !important;
    color: #000000 !important;
}

/* Datepicker */
.dp__input_focus {
    border-color: #00000033 !important;
}

/* Font fill primary */
.font-fill-primary-toggle {
    color: #000000;
}

@media (max-width: 639px) {
    .font-fill-primary-toggle {
        color: #FFFFFF !important;
    }
}

.font-fill-primary {
    color: #000000;
}

.info-btn:hover .font-fill-paragraph {
    color: #000000;
}

/* Kitchen board active tab */
.kitchen-board.db-tab-btn.active {
    background-color: #000000 !important;
    color: white !important;
    border-radius: 8px;
}

/* Dropdown list animation */
.dropdown-list {
    transform: scaleY(0) !important;
}

.dropdown-list.active {
    transform: scaleY(1) !important;
    transform-origin: top !important;
}

/* ==============================
   LOADING SPINNER — B&W THEME
   ============================== */
.velmld-overlay {
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
}

/* ==============================
   HIDE VEG / NON-VEG BUTTONS
   ============================== */
.veg-navs {
    display: none !important;
}