/* Kommissary Home Menu: grouped dropdown under the header home icon (menu item 44026). */

/* the theme's own dropdown for this item is replaced by .kom-hm */
#menu-item-44026 > .wd-dropdown:not(.kom-hm) { display: none !important; }

/* opens leftward from the icon's right edge, so it never runs off the screen */
#menu-item-44026 > .kom-hm { width: 290px; padding: 0 !important; background: transparent; box-shadow: none; left: auto !important; right: -18px !important; margin-left: 0 !important; }
/* invisible bridge over the gap under the icon, so the menu stays open while the pointer moves down to it */
#menu-item-44026 > .kom-hm::before { content: ""; position: absolute; left: 0; right: 0; top: -30px; height: 30px; }
.kom-hm-in {
	background: #fff; border-radius: 18px; box-shadow: 0 18px 50px rgba(31,26,23,.24), 0 4px 14px rgba(31,26,23,.10); border: 1px solid rgba(31,26,23,.06); padding: 9px;
	font: 15px/1.4 Manrope, Arial, sans-serif; color: #1f1a17; text-align: left;
}
.kom-hm svg { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.kom-hm-hi { display: flex; align-items: center; gap: 12px; padding: 8px 11px 10px; }
.kom-hm-av { width: 37px; height: 37px; flex: 0 0 37px; border-radius: 50%; background: #ffe0e0; color: #ff6b6b; display: grid; place-items: center; font-weight: 800; font-size: 16px; }
.kom-hm-av svg { width: 20px; height: 20px; }
.kom-hm-hi b { display: block; font-size: 15.5px; line-height: 1.2; color: #1f1a17; }
.kom-hm-hi small { color: #8a807a; font-size: 13px; }

.kom-hm-auth { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 4px 6px 10px; }
.kom-hm-auth.one { grid-template-columns: 1fr; }
.kom-hm .kom-hm-auth a { text-align: center; font-weight: 700; font-size: 13.5px; padding: 10px 6px; border-radius: 999px; white-space: nowrap; text-decoration: none; }
.kom-hm .kom-hm-auth a.in { background: #ff6b6b; color: #fff; }
.kom-hm .kom-hm-auth a.up { color: #1f1a17; box-shadow: inset 0 0 0 1.5px #eee3df; }

.kom-hm-grp { padding: 3px 0; }
.kom-hm-grp + .kom-hm-grp { border-top: 1px solid #eee3df; }
.kom-hm-lbl { font-size: 11.5px; font-weight: 700; color: #8a807a; padding: 7px 11px 3px; text-transform: none; letter-spacing: 0; }
.kom-hm a.kom-hm-it {
	display: flex !important; align-items: center; gap: 12px; padding: 7.5px 11px !important; border-radius: 10px;
	color: #4a423d !important; font: 700 14.5px/1.3 Manrope, Arial, sans-serif !important; text-transform: none !important;
	letter-spacing: 0 !important; text-decoration: none; background: transparent; transition: background .12s;
}
.kom-hm a.kom-hm-it svg { width: 18px; height: 18px; flex: 0 0 18px; color: #8a807a; }
.kom-hm a.kom-hm-it span { display: flex; align-items: center; gap: 8px; flex: 1; }
.kom-hm a.kom-hm-it:hover { background: #faf6f4; }
.kom-hm a.kom-hm-it.is-on { background: #fff1ef; color: #e85555 !important; }
.kom-hm a.kom-hm-it.is-on svg { color: #e85555; }
.kom-hm a.kom-hm-it.season { color: #8f3416 !important; }
.kom-hm a.kom-hm-it.season svg { color: #b4471b; }
.kom-hm a.kom-hm-it em { margin-left: auto; font-style: normal; font-size: 11px; font-weight: 800; color: #8f3416; background: #fff2e4; padding: 2px 8px; border-radius: 999px; }
.kom-hm a.kom-hm-it.out { color: #8a807a !important; font-weight: 600 !important; }