/* Shared shell — ported from the V1 UI drafts (#shell-header / #shell-footer). */
.eicl-skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--eicl-gold);color:var(--eicl-midnight);padding:10px 16px;font-weight:600}
.eicl-skip:focus{left:16px;top:16px}

#shell-header{position:sticky;top:0;z-index:40;background:var(--eicl-navy);color:var(--eicl-ivory);container-type:inline-size;container-name:shell}
.admin-bar #shell-header{top:var(--wp-admin--admin-bar--height,32px)}
@media screen and (max-width:600px){.admin-bar #shell-header{top:0}} /* admin bar scrolls away here */
#shell-header .bar{display:flex;align-items:center;justify-content:space-between;max-width:var(--eicl-max);margin:0 auto;padding:16px 6%}
#shell-header .wordmark{display:inline-flex;align-items:center;gap:10px;font-family:var(--eicl-serif);font-size:22px;letter-spacing:.02em;text-decoration:none;color:var(--eicl-white)}
#shell-header .wordmark-text span{color:var(--eicl-gold)}
#shell-header .wordmark-logo{width:36px;height:36px;object-fit:contain}
#shell-nav{display:flex;gap:28px;align-items:center}
#shell-nav a{text-decoration:none;font-size:15px;color:var(--eicl-ivory);opacity:.85;padding:6px 0;border-bottom:2px solid transparent}
#shell-nav a:hover,#shell-nav a:focus-visible,#shell-nav a[aria-current="page"]{opacity:1;border-color:var(--eicl-gold)}
#shell-nav a.enquire-btn{background:var(--eicl-gold);color:var(--eicl-midnight);opacity:1;font-weight:600;font-size:14px;padding:10px 18px;border-radius:2px;border:0;min-height:44px;display:inline-flex;align-items:center}
#shell-burger{display:none;position:relative;z-index:2;background:none;border:0;color:var(--eicl-ivory);min-height:44px;min-width:44px;font-size:22px;cursor:pointer}

@container shell (max-width:820px){
  #shell-nav{position:fixed;inset:0 0 0 auto;width:min(320px,85vw);height:100%;background:var(--eicl-midnight);flex-direction:column;align-items:flex-start;gap:8px;padding:88px 28px 28px;transform:translateX(100%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}
  #shell-nav[data-open="true"]{transform:translateX(0);visibility:visible;transition:transform .25s ease}
  #shell-nav a{font-size:18px;width:100%;min-height:44px;display:flex;align-items:center}
  #shell-nav a.enquire-btn{justify-content:center;margin-top:12px}
  #shell-burger{display:block}
}
@media (prefers-reduced-motion:reduce){#shell-nav{transition:none!important}}

#shell-footer{background:var(--eicl-midnight);color:var(--eicl-ivory);margin-top:64px}
#shell-footer .wrap{max-width:var(--eicl-max);margin:0 auto;padding:48px 6%;display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between}
#shell-footer .col h3{font-family:var(--eicl-serif);font-weight:400;font-size:18px;margin:0 0 12px;color:var(--eicl-ivory)}
#shell-footer .col a{display:block;text-decoration:none;color:var(--eicl-ivory);opacity:.75;font-size:14px;padding:4px 0;min-height:24px;overflow-wrap:anywhere}
#shell-footer .col a:hover,#shell-footer .col a:focus-visible{opacity:1}
#shell-footer .legal a{color:inherit}
#shell-footer .legal{max-width:var(--eicl-max);margin:0 auto;padding:0 6% 32px;font-size:13px;opacity:.6;display:flex;gap:16px;flex-wrap:wrap}

@media (max-width:650px){#shell-header .bar{padding:12px 20px}#shell-footer .wrap{padding:40px 20px}#shell-footer .legal a{color:inherit}
#shell-footer .legal{padding:0 20px 28px}}