/* App-styled dropdown built by FoodKitchen.dropdown() (assets/js/kitchen-common.js). */
.fk-dd { position: relative; display: inline-flex; vertical-align: middle; }
.fk-dd .fk-dd-native { display: none !important; }
.fk-dd-btn { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 14px; border: 1px solid #eeece8; border-radius: 999px; background: #fff; font: inherit; font-size: 14px; font-weight: 700; color: #1f2f3d; cursor: pointer; white-space: nowrap; box-shadow: none; }
.fk-dd-btn:hover { border-color: #d9d5ce; background: #faf9f7; }
.fk-dd-btn:focus-visible, .fk-dd.is-open .fk-dd-btn { outline: none; border-color: #e74c3c; }
.fk-dd-btn .fk-dd-ico { width: 17px; height: 17px; flex-shrink: 0; color: #e74c3c; }
.fk-dd-caret { width: 15px; height: 15px; flex-shrink: 0; color: #97a3ad; transition: transform .15s; }
.fk-dd.is-open .fk-dd-caret { transform: rotate(180deg); }
.fk-dd-menu { position: absolute; top: calc(100% + 6px); left: 0; z-index: 60; min-width: 100%; max-height: 264px; overflow-y: auto; margin: 0; padding: 6px; list-style: none; background: #fff; border: 1px solid #eeece8; border-radius: 14px; box-shadow: 0 12px 32px rgba(31, 47, 61, .14); }
.fk-dd-menu li { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0; padding: 9px 12px; border-radius: 10px; font-size: 14px; font-weight: 600; color: #1f2f3d; white-space: nowrap; cursor: pointer; }
.fk-dd-menu li:hover, .fk-dd-menu li.is-active { background: #faf9f7; }
.fk-dd-menu li[aria-selected="true"] { color: #e74c3c; font-weight: 700; }
.fk-dd-menu li svg { width: 15px; height: 15px; flex-shrink: 0; visibility: hidden; }
.fk-dd-menu li[aria-selected="true"] svg { visibility: visible; }
/* Form-field variant (e.g. Unit in the My Kitchen dialog): full width, matches the inputs */
.fk-dd-field { display: flex; width: 100%; }
.fk-dd-field .fk-dd-btn { width: 100%; height: 44px; padding: 0 12px; border-radius: 12px; font-weight: 400; }
.fk-dd-field .fk-dd-label { flex: 1; text-align: left; }
.fk-dd-field .fk-dd-menu { max-height: 200px; }