/* Site header — loaded on EVERY theme view.
   Tokens are scoped to the chrome elements so they never override the etlaala.css page tokens. */

.ed-nav{
	--deep:#1335ae;--blue2:#2d41a4;--cyan:#46c3ef;--orange:#fea760;--ink:#0a0500;--soft:#f6f8ff;--night:#07184c;--white:#fff;
	--r-card:16px;--nav-h:72px;--ease:cubic-bezier(.16,1,.3,1);--shadow:0 18px 40px -18px rgba(19,53,174,.35);
	font-family:inherit;letter-spacing:0;box-sizing:border-box
}
.ed-nav *{box-sizing:border-box;letter-spacing:0}
.ed-nav a{color:inherit}
.ed-nav img{max-width:100%;height:auto;display:block}
.ed-nav :focus-visible{outline:3px solid var(--cyan);outline-offset:3px;border-radius:6px}

/* The editorial header is sticky (in flow): cancel legacy body offsets made for the old fixed headers. */
html body{padding-top:0!important}

/* Header */
.ed-nav{position:sticky;top:0;z-index:50;height:var(--nav-h);display:flex;align-items:center;gap:2rem;padding-inline:max(1rem,calc((100% - 1320px)/2));background:rgba(19,53,174,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--white);font-size:1.0625rem;line-height:1.6}
.ed-brand img{width:132px}
.ed-links{display:flex;align-items:center;gap:2rem;margin-inline-start:auto;font-weight:600}
.ed-links>a,.ed-drop>summary{text-decoration:none;cursor:pointer;opacity:.92;transition:opacity .2s}
.ed-links>a:hover,.ed-drop>summary:hover{opacity:1}
.ed-drop{position:relative}
.ed-drop>summary{list-style:none}
.ed-drop>summary::-webkit-details-marker{display:none}
.ed-drop>summary::after{content:"";display:inline-block;width:.45em;height:.45em;margin-inline-start:.5em;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-.2em) rotate(45deg)}
.ed-drop-menu{position:absolute;inset-inline-start:0;top:calc(100% + .9rem);min-width:220px;display:grid;padding:.5rem;background:var(--white);border-radius:var(--r-card);box-shadow:var(--shadow)}
.ed-drop-menu a{padding:.55rem .9rem;border-radius:10px;color:var(--ink);text-decoration:none}
.ed-drop-menu a:hover{background:var(--soft);color:var(--deep)}
.ed-nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.5rem 1.4rem;border-radius:999px;background:var(--white);color:var(--deep)!important;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .3s var(--ease)}
.ed-nav-cta:hover{background:var(--soft)}
.ed-burger{display:none;margin-inline-start:auto}
.ed-burger>summary{list-style:none;cursor:pointer;display:grid;gap:5px;padding:.6rem}
.ed-burger>summary::-webkit-details-marker{display:none}
.ed-burger>summary span{display:block;width:24px;height:2px;background:currentColor;border-radius:2px}
.ed-burger-panel{position:fixed;inset-inline:0;top:var(--nav-h);display:grid;gap:.25rem;padding:1rem 1rem 1.5rem;background:var(--night);max-height:calc(100dvh - var(--nav-h));overflow:auto}
.ed-burger-panel a{padding:.7rem .5rem;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.1)}


@media (max-width:1100px){.ed-links{gap:1.25rem}}
@media (max-width:960px){
	.ed-links,.ed-nav-cta{display:none}
	.ed-burger{display:block}
}

/* Destinations by region (2026-10-13). Desktop: centred mega panel under the header bar (the bar is sticky = containing block). */
.ed-links .ed-drop{position:static}
.ed-drop-menu.ed-mega{inset-inline-start:auto;left:50%;transform:translateX(-50%);top:calc(100% + .4rem);width:min(940px,calc(100vw - 2rem));
	grid-template-columns:2fr 1fr 1fr 1fr;gap:.5rem 1.25rem;padding:1.1rem 1.25rem;max-height:calc(100dvh - var(--nav-h) - 1rem);overflow:auto;font-size:.95rem}
.ed-region,.ed-region-stack{display:flex;flex-direction:column;min-width:0}
.ed-region-stack{gap:1rem}
.ed-region-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.35rem;padding:0 .9rem .5rem;border-bottom:1px solid #e6eaf6;color:var(--deep);font-weight:800;text-decoration:none}
.ed-region-head small{font-size:.72rem;font-weight:600;opacity:.75}
.ed-region-links{display:grid;gap:1px}
.ed-region-wide .ed-region-links{grid-template-columns:1fr 1fr}
.ed-mega .ed-region-links a{padding:.4rem .9rem}
/* Phone burger panel: one block per region, two links per row */
.ed-burger-panel .ed-region{padding:.5rem 0 .75rem;border-bottom:1px solid rgba(255,255,255,.1)}
.ed-burger-panel .ed-region-head{border:0;padding:0 .5rem .35rem;margin:0;color:var(--cyan)}
.ed-burger-panel .ed-region-links{grid-template-columns:1fr 1fr;gap:0 .75rem}
.ed-burger-panel .ed-region-links a{border-bottom:0;padding:.5rem}
