/* Elko Header Tweaks 1.0.0. Navy #1B2A4A, orange #E87722, cream #F6EFE1. */

/* ---- Bar: Login / Sign Up, My Account, Log out ---- */
#emm-bar .ehtw-acct{display:flex;align-items:center;gap:.35rem;flex:0 0 auto}
#emm-bar .ehtw-acct .eli{width:20px;height:20px;vertical-align:0;color:#F6EFE1;--eli-duo:#E87722;--eli-duo-o:.38;flex:0 0 auto}
#emm-bar .ehtw-pill{display:inline-flex;align-items:center;gap:.45rem;height:40px;padding:0 1rem 0 .62rem;border-radius:999px;border:1px solid rgb(232 119 34 / .7);background:rgb(232 119 34 / .12);color:#F6EFE1!important;font-weight:800;font-size:.86rem;line-height:1;white-space:nowrap;text-decoration:none;transition:background .16s ease,border-color .16s ease,transform .14s ease}
#emm-bar .ehtw-pill:hover,#emm-bar .ehtw-pill:focus-visible{background:rgb(232 119 34 / .26);border-color:#E87722;color:#fff!important;transform:translateY(-1px)}
#emm-bar .ehtw-pill:hover .eli,#emm-bar .ehtw-pill:focus-visible .eli{--eli-duo-o:.7}
#emm-bar .ehtw-acct.is-in .ehtw-pill{border-color:rgb(246 239 225 / .22);background:rgb(0 0 0 / .22)}
#emm-bar .ehtw-acct.is-in .ehtw-pill:hover,#emm-bar .ehtw-acct.is-in .ehtw-pill:focus-visible{border-color:#E87722;background:rgb(0 0 0 / .38)}
#emm-bar .ehtw-out{display:inline-flex;align-items:center;gap:.35rem;height:40px;padding:0 .55rem;border-radius:999px;color:#C9D1E3!important;font-weight:700;font-size:.82rem;white-space:nowrap;text-decoration:none;transition:color .16s ease,background .16s ease}
#emm-bar .ehtw-out .eli{width:18px;height:18px}
#emm-bar .ehtw-out:hover,#emm-bar .ehtw-out:focus-visible{color:#fff!important;background:rgb(246 239 225 / .08)}
#emm-bar .ehtw-pill:focus-visible,#emm-bar .ehtw-out:focus-visible,#emm-bar .ehtw-ad:focus-visible{outline:2px solid #E87722;outline-offset:2px}

/* Drawer rows: mobile only */
#emm-bar .ehtw-m{display:none}

@media (min-width:981px) and (max-width:1260px){
	#emm-bar .ehtw-pill{padding:0 .85rem 0 .55rem;font-size:.82rem}
	#emm-bar .ehtw-out span{display:none}
	#emm-bar .ehtw-out{width:40px;justify-content:center;padding:0}
}
@media (max-width:980px){
	#emm-bar .ehtw-out{display:none}
	#emm-bar .ehtw-m{display:block}
	#emm-bar .ehtw-m .emm-top{color:#E8EDF7!important}
	#emm-bar .ehtw-m .emm-top-icon .eli{color:#F6EFE1;--eli-duo:#E87722;--eli-duo-o:.38}
	#emm-bar .ehtw-m .emm-top + .emm-top{color:#C9D1E3!important}
}
@media (max-width:560px){
	#emm-bar .ehtw-pill{height:34px;padding:0 .7rem 0 .45rem;gap:.32rem;font-size:.76rem}
	#emm-bar .ehtw-acct .eli{width:18px;height:18px}
	#emm-bar .ehtw-acct.is-in .ehtw-pill{width:34px;padding:0;justify-content:center}
	#emm-bar .ehtw-acct.is-in .ehtw-pill span{display:none}
}
@media (max-width:374px){
	#emm-bar .ehtw-acct.is-out .ehtw-pill{width:34px;padding:0;justify-content:center}
	#emm-bar .ehtw-acct.is-out .ehtw-pill span{display:none}
}

/* ---- Business panel: featured Advertise row ---- */
#emm-bar .emm-links li.ehtw-ad-li{margin:.5rem 0 0}
#emm-bar .emm-links a.ehtw-ad{align-items:center;gap:.7rem;padding:.7rem .75rem .7rem .7rem;border-radius:14px;position:relative;overflow:hidden;background:linear-gradient(135deg,#1B2A4A 0%,#26395F 100%);border:1px solid #1B2A4A;box-shadow:0 6px 16px rgb(20 33 60 / .18);transition:transform .14s ease,box-shadow .16s ease,border-color .16s ease}
#emm-bar .emm-links a.ehtw-ad::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#E87722}
#emm-bar .emm-links a.ehtw-ad:hover,#emm-bar .emm-links a.ehtw-ad:focus-visible{transform:translateY(-1px);border-color:#E87722;box-shadow:0 10px 22px rgb(20 33 60 / .26);background:linear-gradient(135deg,#213357 0%,#2C4170 100%)}
#emm-bar a.ehtw-ad .emm-icon.ehtw-ad-ic{width:38px;height:38px;border-radius:11px;background:rgb(232 119 34 / .16);border:1px solid rgb(232 119 34 / .55);box-shadow:none}
#emm-bar a.ehtw-ad .emm-icon.ehtw-ad-ic .eli{width:22px;height:22px;color:#F6EFE1;--eli-duo:#E87722;--eli-duo-o:.38}
#emm-bar a.ehtw-ad:hover .emm-icon.ehtw-ad-ic{background:rgb(232 119 34 / .26);border-color:#E87722}
#emm-bar a.ehtw-ad:hover .emm-icon.ehtw-ad-ic .eli{--eli-duo-o:.6}
#emm-bar a.ehtw-ad .emm-link-text{flex:1 1 auto}
#emm-bar a.ehtw-ad .emm-link-text b{color:#fff;font-size:.95rem}
#emm-bar a.ehtw-ad .emm-desc{color:#C9D1E3}
#emm-bar .ehtw-ad-badge{flex:0 0 auto;align-self:center;font-style:normal;font-size:.7rem;font-weight:800;letter-spacing:.02em;line-height:1;white-space:nowrap;color:#fff;background:linear-gradient(180deg,#F2853A,#D9661A);padding:.36rem .6rem;border-radius:999px;box-shadow:0 2px 6px rgb(232 119 34 / .35)}
#emm-bar .ehtw-ad-go{flex:0 0 auto;display:grid;place-items:center;line-height:0}
#emm-bar .ehtw-ad-go .eli{width:18px;height:18px;color:#F2B04A;--eli-duo:#E87722;--eli-duo-o:.38;transition:transform .14s ease}
#emm-bar a.ehtw-ad:hover .ehtw-ad-go .eli{transform:translateX(3px)}
@media (max-width:980px){
	#emm-bar .emm-links a.ehtw-ad{padding:.8rem .8rem .8rem .75rem}
	#emm-bar .ehtw-ad-badge{font-size:.74rem}
}
@media (prefers-reduced-motion:reduce){#emm-bar .ehtw-pill,#emm-bar .ehtw-out,#emm-bar .emm-links a.ehtw-ad,#emm-bar .ehtw-ad-go .eli{transition:none}}

/* ---- Footer: Team Hub (printed for admins only) ---- */
.eft-footer .ehtw-hub{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem .3rem .55rem;border-radius:999px;border:1px solid rgb(232 119 34 / .55);background:rgb(232 119 34 / .1);color:#F6EFE1!important;font-size:.8rem;font-weight:700;text-decoration:none!important;white-space:nowrap;transition:background .16s ease,border-color .16s ease}
.eft-footer .ehtw-hub:hover,.eft-footer .ehtw-hub:focus-visible{background:rgb(232 119 34 / .24);border-color:#E87722;color:#fff!important}
.eft-footer .ehtw-hub .eli{width:16px;height:16px;color:#F6EFE1;--eli-duo:#E87722;--eli-duo-o:.38}
.eft-footer .ehtw-hub em{font-style:normal;font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#F2B04A;opacity:.9}
.eft-footer .ehtw-hub .elth-live{margin-left:0}
.eft-footer .ehtw-hub .elth-badge{margin-left:0;box-shadow:none}
.eft-footer .ehtw-hub-row{display:flex;justify-content:center;padding:.6rem 1rem 1rem}
/* keep the Advertise tile inside the drawer panel on phones */
#emm-bar .emm-col:has(.ehtw-ad-li){min-width:0}
#emm-bar a.ehtw-ad .emm-desc{white-space:normal}
@media (max-width:420px){#emm-bar .ehtw-ad-go{display:none}#emm-bar .emm-links a.ehtw-ad{gap:.6rem}}