/* ODIN shared portal header skin. Applied after page-local CSS on both portal home and training pages. */
:root{--surface-soft:rgba(255,255,255,.045)}
:root[data-theme="light"]{--surface-soft:rgba(10,55,63,.055)}
.topbar.wrap{min-height:72px;display:grid;grid-template-columns:minmax(210px,auto) 1fr auto;align-items:center;gap:24px;position:fixed;top:48px;left:50%;transform:translateX(-50%);z-index:250;min-width:0;margin-top:0;padding:8px 14px 8px 18px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:18px;background:linear-gradient(155deg,var(--surface),var(--surface-soft));backdrop-filter:blur(20px);box-shadow:0 12px 34px rgba(0,0,0,.20),0 0 18px color-mix(in srgb,var(--glow) 28%,transparent);overflow:visible;transition:border-radius .18s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}
.topbar.wrap:before{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 34%),radial-gradient(circle at 88% 0%,rgba(255,255,255,.08),transparent 28%);opacity:.9}
.topbar.wrap>*{position:relative;z-index:1;min-width:0}
:root[data-theme="light"] .topbar.wrap{background:linear-gradient(155deg,rgba(255,255,255,.94),rgba(245,251,252,.9));border-color:color-mix(in srgb,var(--accent) 22%,var(--line));box-shadow:0 14px 34px rgba(38,90,96,.10),0 0 22px rgba(19,177,164,.10)}
.topbar.wrap.is-stuck{top:34px;left:0;transform:none;width:100vw;max-width:none;margin:0;border-radius:0;border-top:0;border-left:0;border-right:0;padding-left:max(18px,calc((100vw - var(--wrap))/2 + 18px));padding-right:max(18px,calc((100vw - var(--wrap))/2 + 18px));box-shadow:0 16px 42px rgba(0,0,0,.22),0 0 30px color-mix(in srgb,var(--glow) 42%,transparent)}
.topbar-logo{display:flex;align-items:center;justify-content:flex-start;min-width:230px;width:230px;height:42px;position:relative;overflow:visible;z-index:260}
.topbar-logo img{position:absolute;left:0;top:40%;display:block;width:auto;height:155px;max-width:230px;object-fit:contain;object-position:left center;transform:translateY(-50%);transform-origin:left center;filter:drop-shadow(0 6px 16px rgba(230,0,126,.12));z-index:261}
.is-mermaid .topbar-logo img{top:5%}
:root[data-theme="light"] .topbar-logo img{filter:drop-shadow(0 7px 18px rgba(137,35,103,.10))}
.topbar .nav{margin:0;display:flex;gap:6px;align-items:center;justify-content:center;min-width:0;font-family:"Manrope",Inter,ui-sans-serif,system-ui,sans-serif;font-size:13px}
.topbar .nav a,.topbar .nav-training-trigger{padding:10px 13px;border-radius:999px;color:var(--muted);font-size:13px;font-weight:650;white-space:nowrap}
.topbar .nav-training-trigger{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;font-family:inherit;cursor:pointer}
.topbar .nav-training-trigger:hover,.topbar .nav-training-trigger[aria-expanded="true"]{color:var(--text);background:var(--surface-soft)}
.topbar .actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.topbar .header-search,.topbar .theme-toggle{width:44px;min-width:44px;height:44px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--text);display:inline-grid;place-items:center;cursor:pointer}
.topbar .header-search:hover,.topbar .theme-toggle:hover{color:var(--accent)}
.topbar .header-search svg,.topbar .theme-toggle svg{width:20px;height:20px}
.topbar-spacer{height:132px}
@media(max-width:980px){.topbar.wrap{top:40px;width:calc(100% - 16px);min-height:64px;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;padding:8px 8px 8px 12px}.topbar.wrap.is-stuck{top:34px;width:100vw;padding-left:14px;padding-right:14px}.topbar .nav{display:none}.topbar-logo{width:210px;min-width:0;height:42px}.topbar-spacer{height:112px}}
@media(max-width:640px){.topbar.wrap{gap:10px}.topbar-logo{width:207px;min-width:0}.topbar-logo img{height:127px;max-width:207px;top:50%}.topbar .actions{gap:6px}.topbar .header-search,.topbar .theme-toggle{width:40px;min-width:40px;height:40px}}

/* Match the portal homepage mobile logo and the information strip. */
@media(max-width:980px){.topbar-logo img{height:155px;max-width:210px;top:40%}.is-mermaid .topbar-logo img{top:5%}}
@media(max-width:640px){.topbar.wrap.is-stuck{top:32px;min-height:62px;padding:7px 8px 7px 12px}.topbar-logo img{height:127px;max-width:207px;top:50%}.is-mermaid .topbar-logo img{top:5%}.topbar .mobile-menu-toggle{width:50px;min-width:50px;height:50px}}

/* Training subpages use the homepage brand palette in navigation, not the
   legacy course-page pink/mint palette. Scoped to header surfaces only. */
body.training-public .topbar,
body.training-public .utilitybar,
body.training-public .training-mega{
  --surface:rgba(13,29,39,.76);--surface-soft:rgba(255,255,255,.045);
  --surface-strong:rgba(8,22,30,.93);--text:#f6fbfc;
  --muted:#9eb3bd;--line:rgba(255,255,255,.115);
  --accent:#01ddf9;--glow:rgba(1,221,249,.30);
  --accent-soft:rgba(1,221,249,.14);--wrap:1440px;
}
body.training-public.is-mermaid .topbar,
body.training-public.is-mermaid .utilitybar,
body.training-public.is-mermaid .training-mega{
  --accent:#00e1f0;--glow:rgba(0,225,240,.30);
  --accent-soft:rgba(0,225,240,.14);
}
:root[data-theme="light"] body.training-public .topbar,
:root[data-theme="light"] body.training-public .utilitybar,
:root[data-theme="light"] body.training-public .training-mega{
  --surface:rgba(255,255,255,.84);--surface-soft:rgba(10,59,82,.045);
  --surface-strong:rgba(255,255,255,.97);--text:#10272d;
  --muted:#5f7880;--line:rgba(18,73,82,.14);
  --accent:#007f91;--glow:rgba(0,127,145,.12);
  --accent-soft:rgba(0,127,145,.10);
}
:root[data-theme="light"] body.training-public.is-mermaid .topbar,
:root[data-theme="light"] body.training-public.is-mermaid .utilitybar,
:root[data-theme="light"] body.training-public.is-mermaid .training-mega{
  --accent:#008995;--glow:rgba(0,137,149,.12);
  --accent-soft:rgba(0,137,149,.10);
}

/* Logo must paint above topbar overlay, navigation and utilitybar. The direct-child
   selector beats .topbar.wrap>* which otherwise resets the logo stacking order. */
.topbar.wrap{isolation:auto;overflow:visible}
.topbar.wrap:before{z-index:0}
.topbar.wrap > .topbar-logo{position:relative;z-index:300;overflow:visible}
.topbar.wrap > .topbar-logo img{z-index:301}
.topbar.wrap > .nav,.topbar.wrap > .actions,.topbar.wrap > .mobile-menu-panel{z-index:1}

/* The training page historically used a 1380px container whereas the portal
   homepage uses 1440px. Resolve the width on the header itself. */
.topbar.wrap{--wrap:1440px;width:min(1440px,calc(100% - 40px))}
.topbar.wrap.is-stuck{width:100vw}
@media(max-width:980px){.topbar.wrap{width:calc(100% - 16px)}.topbar.wrap.is-stuck{width:100vw}}
/* Explicitly raise the logo's entire containing layer, not only its image. */
body.training-public .topbar.wrap{z-index:250;overflow:visible}
body.training-public .topbar.wrap > .topbar-logo{z-index:500;isolation:isolate}
body.training-public .topbar.wrap > .topbar-logo img{z-index:501}
body.training-public .utilitybar{z-index:230}

/* Training templates declare display:none for the hamburger after their old
   mobile breakpoint. Restore the actual homepage responsive behavior. */
@media(max-width:980px){
  .topbar.wrap .mobile-menu-toggle{display:grid;place-items:center;visibility:visible;opacity:1;flex:none;position:relative;z-index:5}
  .topbar.wrap .mobile-menu-toggle svg{display:block;width:25px;height:25px;stroke:currentColor}
  .topbar.wrap.is-menu-open .mobile-menu-panel{display:grid;gap:6px}
}
@media(min-width:981px){
  .topbar.wrap .mobile-menu-toggle{display:none}
}

/* Mobile training navigation stays inside the viewport. Long federation lists
   scroll inside the dropdown rather than stretching the page or header. */
@media(max-width:980px){
  .topbar.wrap{box-sizing:border-box;max-width:calc(100vw - 16px)}
  .topbar.wrap.is-stuck{max-width:none}
  .topbar.wrap .mobile-menu-panel{
    box-sizing:border-box;position:absolute;top:100%;left:0;right:0;
    width:auto;min-width:0;max-width:100%;max-height:calc(100dvh - 125px);
    overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
    padding:10px;border:1px solid var(--line);border-top:0;
    border-radius:0 0 18px 18px;background:var(--surface-strong,var(--surface));
    box-shadow:0 18px 38px rgba(0,0,0,.22);
    -webkit-overflow-scrolling:touch;
  }
  .topbar.wrap.is-stuck .mobile-menu-panel{left:0;right:0}
  .topbar.wrap .mobile-menu-panel > *,
  .topbar.wrap .mobile-programs,
  .topbar.wrap .mobile-programs a{min-width:0;max-width:100%}
  .topbar.wrap .mobile-programs{display:block;overflow:visible}
  .topbar.wrap .mobile-programs a{display:block;overflow-wrap:anywhere;white-space:normal}
  .topbar.wrap .mobile-programs summary{cursor:pointer;overflow-wrap:anywhere}
  .topbar.wrap .mobile-menu-panel a{white-space:normal;overflow-wrap:anywhere}
  .topbar.wrap .mobile-menu-panel[hidden]{display:none!important}
}
@media(max-width:640px){
  .topbar.wrap .mobile-menu-panel{max-height:calc(100dvh - 110px)}
}

/* Horizontal finger scrolling for the narrow informational strip. */
@media(max-width:980px){
  .utilitybar{height:32px;overflow:hidden}
  .utilitybar .utilitybar-inner{
    box-sizing:border-box;width:100%;max-width:100%;height:100%;
    margin:0;padding:0 8px;display:flex;flex-wrap:nowrap;
    align-items:center;justify-content:flex-start;gap:4px;
    overflow-x:auto;overflow-y:hidden;
    -webkit-overflow-scrolling:touch;touch-action:pan-x;
    overscroll-behavior-x:contain;scrollbar-width:none;
  }
  .utilitybar .utilitybar-inner::-webkit-scrollbar{display:none}
  .utilitybar .utilitybar-inner > a{flex:0 0 auto;white-space:nowrap;height:24px;padding:0 9px;font-size:9px}
}

/* Align 'Programy szkoleniowe' to the left edge of the navigation column. */
@media(min-width:981px){.topbar.wrap > .nav{justify-content:flex-start;text-align:left}}

/* Mobile navigation safety: never show desktop links or collapsed panel beside logo.
   Scoped to directory pages to avoid affecting ODIN SITE and other headers. */
@media (max-width:980px){
 body.directory-home #directoryTopbar,
 body.directory-profile #directoryTopbar,
 body.directory-community #directoryTopbar{grid-template-columns:minmax(0,1fr) auto!important}
 body.directory-home #directoryTopbar > .nav,
 body.directory-profile #directoryTopbar > .nav,
 body.directory-community #directoryTopbar > .nav{display:none!important}
 body.directory-home #directoryTopbar > .mobile-menu-panel,
 body.directory-profile #directoryTopbar > .mobile-menu-panel,
 body.directory-community #directoryTopbar > .mobile-menu-panel{display:none!important;position:absolute!important;top:100%!important;left:0;right:0}
 body.directory-home #directoryTopbar.is-menu-open > .mobile-menu-panel,
 body.directory-profile #directoryTopbar.is-menu-open > .mobile-menu-panel,
 body.directory-community #directoryTopbar.is-menu-open > .mobile-menu-panel{display:grid!important;gap:6px}
 body.directory-home #directoryTopbar > .actions,
 body.directory-profile #directoryTopbar > .actions,
 body.directory-community #directoryTopbar > .actions{grid-column:2;min-width:0;display:flex;align-items:center}
 body.directory-home #directoryTopbar .mobile-menu-toggle,
 body.directory-profile #directoryTopbar .mobile-menu-toggle,
 body.directory-community #directoryTopbar .mobile-menu-toggle{display:grid!important;place-items:center}
 body.directory-home #directoryTopbar > .topbar-logo,
 body.directory-profile #directoryTopbar > .topbar-logo,
 body.directory-community #directoryTopbar > .topbar-logo{min-width:0;max-width:100%;grid-column:1}
}
@media (min-width:981px){
 body.directory-home #directoryTopbar > .mobile-menu-panel,
 body.directory-profile #directoryTopbar > .mobile-menu-panel,
 body.directory-community #directoryTopbar > .mobile-menu-panel{display:none!important}
}


/* Shared Divespot dropdown, previously defined only inside the homepage. */
.divespot-mega{position:fixed;z-index:240;top:120px;left:50%;transform:translateX(-50%);width:min(1440px,calc(100% - 40px));display:none;grid-template-columns:230px minmax(0,1fr);min-height:320px;max-height:min(72vh,660px);border:1px solid var(--line);border-radius:0 0 24px 24px;background:var(--surface-strong,var(--surface));backdrop-filter:blur(28px);box-shadow:0 20px 45px rgba(0,0,0,.24);overflow:hidden}
.divespot-mega[hidden],.training-mega[hidden]{display:none!important}
.divespot-mega.is-open:not([hidden]){display:grid}
.divespot-mega-sidebar{border-right:1px solid var(--line);padding:22px;display:grid;align-content:start;gap:10px}
.divespot-mega-map{font-size:13px;color:var(--accent);padding:9px 6px;text-decoration:none;font-weight:700}
.divespot-group-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:12px;border:0;border-radius:9px;background:transparent;color:var(--text);font:inherit;cursor:pointer}
.divespot-group-btn.is-active,.divespot-group-btn:hover{background:var(--accent-soft,var(--surface))}
.divespot-mega-categories{min-width:0;overflow-y:auto;padding:24px}
.divespot-group-panel[hidden]{display:none!important}
.divespot-place-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.divespot-place-category h3{font-size:15px;margin:0 0 14px;color:var(--accent)}
.divespot-place-link{display:block;padding:8px 0;text-decoration:none;color:var(--text);border-bottom:1px solid var(--line)}
.divespot-place-link strong{display:block;font-size:14px}
.divespot-place-link small,.divespot-no-places{display:block;color:var(--muted);font-size:12px;margin-top:3px}
#directoryTopbar.is-divespot-open:not(.is-stuck),#directoryTopbar.is-training-open:not(.is-stuck){border-bottom-left-radius:0;border-bottom-right-radius:0}
#directoryTopbar .nav .nav-divespot-trigger{display:inline-flex;align-items:center;gap:6px;padding:10px 13px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:650;cursor:pointer}
#directoryTopbar .nav .nav-divespot-trigger:hover,#directoryTopbar .nav .nav-divespot-trigger[aria-expanded="true"]{background:var(--surface-soft);color:var(--text)}
#directoryTopbar .nav .nav-training-trigger::after,#directoryTopbar .nav .nav-divespot-trigger::after{content:"";display:block;flex:0 0 7px;width:7px;height:7px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
#directoryTopbar .nav .nav-training-trigger[aria-expanded="true"]::after,#directoryTopbar .nav .nav-divespot-trigger[aria-expanded="true"]::after{transform:translateY(2px) rotate(225deg)}
@media(min-width:981px){.training-mega,.divespot-mega{z-index:245}.training-mega.is-stuck,.divespot-mega.is-stuck{top:106px}}
@media(max-width:980px){
 .divespot-mega,.training-mega{display:none!important}
 body.divespot-location-page #directoryTopbar{grid-template-columns:minmax(0,1fr) auto!important}
 body.divespot-location-page #directoryTopbar > .nav{display:none!important}
 body.divespot-location-page #directoryTopbar > .actions{grid-column:2;min-width:0;display:flex;align-items:center}
 body.divespot-location-page #directoryTopbar > .topbar-logo{min-width:0;max-width:100%;grid-column:1}
 body.divespot-location-page #directoryTopbar > .mobile-menu-panel{display:none!important}
 body.divespot-location-page #directoryTopbar.is-menu-open > .mobile-menu-panel{display:grid!important;gap:6px}
 body.divespot-location-page #directoryTopbar .mobile-menu-toggle{display:grid!important;place-items:center}
}

/* Identical supplemental mega-menu styles used on the ODIN homepage. */

.training-brand-logo .federation-theme-logo--light{display:none!important}
:root[data-theme="light"] .training-brand-logo .federation-theme-logo--dark{display:none!important}
:root[data-theme="light"] .training-brand-logo .federation-theme-logo--light{display:block!important}


/* Keep the existing frame; scale transparent federation logos within it. */
.training-mega .training-brand-logo{overflow:hidden;box-sizing:border-box;padding:18px;background:transparent}
.training-mega .training-brand-logo img.federation-theme-logo{position:static!important;transform:none!important;display:block;max-width:78%!important;max-height:70px!important;width:auto!important;height:auto!important;object-fit:contain;filter:drop-shadow(0 4px 9px rgba(0,0,0,.13))}
.training-mega .training-brand-logo img.federation-theme-logo--light{display:none!important}
:root[data-theme="light"] .training-mega .training-brand-logo img.federation-theme-logo--dark{display:none!important}
:root[data-theme="light"] .training-mega .training-brand-logo img.federation-theme-logo--light{display:block!important}


.training-mega-brand .training-brand-fullname{font-size:clamp(13px,1.1vw,16px);line-height:1.45;font-weight:700;letter-spacing:-.01em;margin:0 0 9px;overflow-wrap:anywhere}
.training-mega-brand .training-brand-text-link{display:inline-flex;align-items:center;gap:7px;width:auto;margin-top:10px;padding:4px 0;border:0;border-radius:0;background:transparent;color:var(--accent);font-size:12px;font-weight:750;text-decoration:none}
.training-mega-brand .training-brand-text-link:hover{text-decoration:underline;text-underline-offset:4px}


.training-mega-brand .training-brand-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;overflow:hidden}


/* The desktop header grid and dropdown alignment follow the portal homepage. */
@media(min-width:981px){.topbar.wrap > .nav{justify-content:flex-end;text-align:right}}

/* ODIN navigation: square top corners on both expanded mega menus. */
.training-mega,.divespot-mega{border-top-left-radius:0;border-top-right-radius:0}

/* Unified dropdown typography: Training Programs is the canonical scale. */
.divespot-mega .eyebrow{font-size:11px;line-height:1.35;letter-spacing:.08em}
.divespot-mega .divespot-mega-map{font-size:11px;line-height:1.35;font-weight:750}
.divespot-mega .divespot-group-btn{font-size:12px;line-height:1.25;font-weight:650}
.divespot-mega .divespot-place-category h3{font-size:10px;line-height:1.35;letter-spacing:.08em;text-transform:uppercase}
.divespot-mega .divespot-place-link strong{font-size:11px;line-height:1.25;font-weight:650}
.divespot-mega .divespot-place-link small{font-size:9px;line-height:1.4}
.divespot-mega .divespot-no-places{font-size:10px;line-height:1.45}


/* Keep both main navigation triggers on the exact same baseline and box geometry. */
@media(min-width:981px){
 #directoryTopbar > .nav{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}
 #directoryTopbar > .nav > .nav-training-trigger,
 #directoryTopbar > .nav > .nav-divespot-trigger{
   display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;
   height:40px;min-height:40px;margin:0;padding:10px 13px;
   font-family:"Manrope",Inter,ui-sans-serif,system-ui,sans-serif;
   font-size:13px;line-height:20px;font-weight:650;letter-spacing:normal;
   border:0;border-radius:999px;background:transparent;color:var(--muted);
   white-space:nowrap;box-sizing:border-box;cursor:pointer;
 }
 #directoryTopbar > .nav > .nav-training-trigger:hover,
 #directoryTopbar > .nav > .nav-divespot-trigger:hover,
 #directoryTopbar > .nav > .nav-training-trigger[aria-expanded="true"],
 #directoryTopbar > .nav > .nav-divespot-trigger[aria-expanded="true"]{color:var(--text);background:var(--surface-soft)}
}


/* Divespot and Training Programs now share the same three-column mega-menu geometry. */
@media(min-width:981px){
 .divespot-mega.training-mega-layout{grid-template-columns:230px minmax(0,1fr) 280px;min-height:420px;max-height:min(74vh,680px);background:linear-gradient(155deg,var(--surface-strong),var(--surface));border-color:color-mix(in srgb,var(--accent) 28%,var(--line));box-shadow:var(--shadow),0 0 32px color-mix(in srgb,var(--glow) 45%,transparent)}
 .divespot-mega.training-mega-layout .divespot-mega-sidebar{padding:22px;display:grid;align-content:start;gap:6px}
 .divespot-mega.training-mega-layout .divespot-mega-categories{padding:22px;overflow:auto;max-height:520px}
 .divespot-mega.training-mega-layout .divespot-mega-brand{padding:22px}
 .divespot-mega.training-mega-layout .divespot-place-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
 .divespot-mega.training-mega-layout .divespot-place-category{min-width:0}
 .divespot-mega.training-mega-layout .divespot-place-category h4{min-height:34px;font-size:10px;line-height:1.35;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 8px}
 .divespot-mega.training-mega-layout .divespot-place-link{display:block;padding:7px 6px;font-size:11px;line-height:1.25;color:var(--muted);border:0;border-radius:9px}
 .divespot-mega.training-mega-layout .divespot-place-link:hover{color:var(--text);background:var(--surface-soft)}
 .divespot-mega.training-mega-layout .divespot-place-link small{display:block;font-size:9px;margin-top:2px}
 .divespot-mega.training-mega-layout .divespot-group-btn{padding:11px 12px;font-size:12px;justify-content:space-between}
 .divespot-mega.training-mega-layout .divespot-mega-map{display:flex;align-items:center;margin-bottom:8px;font-size:11px}
 .divespot-mega.training-mega-layout .divespot-brand-icon{display:grid;place-items:center;width:100%;height:110px;margin:4px 0 16px;border-radius:16px;background:var(--surface-soft);font-size:60px;color:var(--accent)}
}
@media(min-width:981px) and (max-width:1180px){
 .divespot-mega.training-mega-layout{grid-template-columns:190px minmax(0,1fr) 230px}
 .divespot-mega.training-mega-layout .divespot-mega-sidebar,.divespot-mega.training-mega-layout .divespot-mega-categories,.divespot-mega.training-mega-layout .divespot-mega-brand{padding:18px}
 .divespot-mega.training-mega-layout .divespot-place-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* Mermaid Team: the shared portal topbar and both mega menus have the same
   geometry and interactions as Nurkowanie.Online; only brand tokens vary. */
body.is-mermaid .utilitybar,
body.is-mermaid #directoryTopbar,
body.is-mermaid .training-mega,
body.is-mermaid .divespot-mega{font-family:"Manrope",Inter,ui-sans-serif,system-ui,sans-serif}
body.is-mermaid #directoryTopbar .nav > .nav-training-trigger,
body.is-mermaid #directoryTopbar .nav > .nav-divespot-trigger{font-family:inherit}
@media(min-width:981px){
 body.is-mermaid .training-mega,
 body.is-mermaid .divespot-mega.training-mega-layout{width:min(1440px,calc(100% - 40px));border-top-left-radius:0;border-top-right-radius:0}
 body.is-mermaid .divespot-mega.training-mega-layout{grid-template-columns:230px minmax(0,1fr) 280px}
 body.is-mermaid #directoryTopbar > .nav{display:flex;align-items:center;gap:12px}
}
@media(max-width:980px){
 body.is-mermaid #directoryTopbar > .nav{display:none!important}
 body.is-mermaid #directoryTopbar > .mobile-menu-panel{display:none!important}
 body.is-mermaid #directoryTopbar.is-menu-open > .mobile-menu-panel{display:grid!important;gap:6px}
 body.is-mermaid #directoryTopbar .mobile-menu-toggle{display:grid!important;place-items:center}
}


/* Desktop mega menus attach exactly to the real header edge; no seam/gap/double border. */
@media(min-width:981px){
 .training-mega,.divespot-mega,
 .training-mega.is-stuck,.divespot-mega.is-stuck{
  top:var(--odin-mega-top,120px);
  border-top:0;
  border-top-left-radius:0;
  border-top-right-radius:0;
  margin-top:0;
 }
}

/* Global header width must not inherit page-content .wrap max-width (e.g. Divespot 1120px). */
@media(min-width:981px){.topbar.wrap:not(.is-stuck){max-width:1440px;width:min(1440px,calc(100% - 40px))}}