
/* Lowcountry: frosted overlay header — pure blur, zero color */
.tm-header-overlay .uk-navbar-container.uk-navbar-transparent {
  background: transparent !important;
  -webkit-backdrop-filter: blur(14px) saturate(120%);
  backdrop-filter: blur(14px) saturate(120%);
}
/* ============ Mega menus — editorial luxury, motion-choreographed ============ */
.uk-navbar-dropdown-dropbar {
  background:#fff !important; color:#111;
  border:0; box-shadow:0 42px 80px -32px rgba(15,18,15,.22);
  padding:44px 0 48px;
}
.uk-navbar-dropdown-dropbar > .uk-grid {
  max-width:1360px;margin-left:auto !important;margin-right:auto !important;
  padding:0 clamp(24px,4vw,56px);
}
/* --- feature tiles: magazine spread --- */
.uk-navbar-dropdown-dropbar .lcf-grid {gap:clamp(18px,2vw,30px);}
/* --- staggered reveal on open (transform/opacity only) --- */
.uk-navbar-dropdown-dropbar .lcf-grid > div {
  opacity:0;transform:translateY(18px);}
.uk-navbar-dropdown-dropbar.uk-open .lcf-grid > div {
  opacity:1;transform:translateY(0);
  transition:opacity .7s cubic-bezier(0.32,0.72,0,1),transform .7s cubic-bezier(0.32,0.72,0,1);}
.uk-navbar-dropdown-dropbar.uk-open .lcf-grid > div:nth-child(2) {transition-delay:.07s;}
.uk-navbar-dropdown-dropbar.uk-open .lcf-grid > div:nth-child(3) {transition-delay:.14s;}
/* density: trim the dropbar's vertical padding a touch for the two-row layout */
.uk-navbar-dropdown-dropbar {padding:34px 0 38px;}
/* Dropbar drops are ALWAYS full width. UIkit sets an inline width at open
   time and clamps it to the VISUAL viewport - on a phone in "desktop site"
   mode that is the device width (~425px), not the ~1080px layout viewport, so the menu renders as a narrow column inside its own full-width dropbar.
   CSS !important beats the inline style. Desktop keeps 100% (no scrollbar
   overflow); touch devices get the layout viewport (100vw). */
.uk-navbar-dropdown-dropbar {left:0 !important;width:100% !important;max-width:100% !important;}

@media (pointer: coarse) {
.uk-navbar-dropdown-dropbar {width:100vw !important;max-width:100vw !important;}
}
/* Cap + center the menu content regardless of monitor width — the v3 two-row
   fragment changed the DOM so the old `> .uk-grid` cap stopped matching, and
   ultra-wide screens got a full-bleed spread of whitespace. */
.uk-navbar-dropdown-dropbar > * {max-width:1520px;margin-left:auto !important;margin-right:auto !important;}
/* height discipline: the menu must never exceed the viewport */
.uk-navbar-dropdown-dropbar {padding:26px 0 30px;max-height:calc(100vh - 140px);overflow-y:auto !important;}

