/**
 * Opt-in reference-inspired header presentations.
 *
 * Every rule is scoped to a validated body class so the classic Gedenana
 * header remains byte-for-byte compatible in presentation.
 */

.header-preset-active .site-header a:focus-visible,
.header-preset-active .gedenana-primary-nav a:focus-visible,
.header-preset-active .gedenana-top-navigation a:focus-visible {
  outline: 3px solid var(--header-preset-accent);
  outline-offset: 3px;
}

.header-preset-active .masthead {
  position: relative;
  min-width: 0;
}

.gedenana-header-preset__meta,
.gedenana-header-preset__actions {
  min-width: 0;
  align-items: center;
}

.gedenana-header-preset__meta {
  display: none;
  color: var(--header-preset-muted);
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .05em;
}

.gedenana-header-preset__meta .gedenana-top-navigation__social {
  display: flex !important;
  width: min(100%, 264px);
  max-width: 100%;
  margin: 0 !important;
  flex: 0 1 auto;
  flex-wrap: wrap !important;
  gap: 2px !important;
}

.gedenana-header-preset__meta .gedenana-top-navigation__social a {
  display: inline-grid;
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0 !important;
  place-items: center;
  border: 0 !important;
  color: var(--header-preset-muted);
}

.gedenana-header-preset__meta .gedenana-top-navigation__social a:hover,
.gedenana-header-preset__meta .gedenana-top-navigation__social a:focus-visible {
  color: var(--header-preset-accent);
}

.gedenana-header-preset__date {
  white-space: nowrap;
}

.gedenana-header-preset__section-label {
  display: inline-flex;
  max-width: min(24ch, 100%);
  margin-inline-start: 9px;
  padding-inline-start: 10px;
  align-items: center;
  border-inline-start: 1px solid var(--header-preset-border);
  color: var(--header-preset-muted);
  font-size: .67rem;
  font-weight: 800;
  letter-spacing: .12em;
  line-height: 1.2;
  overflow-wrap: anywhere;
  text-transform: uppercase;
  vertical-align: middle;
}

.gedenana-header-preset__ad {
  display: none;
  width: min(100%, var(--header-preset-ad-max-width));
  min-width: 0;
  margin: 0;
  overflow: hidden;
  background: var(--header-preset-border);
}

.gedenana-header-preset__ad a {
  display: block;
}

.gedenana-header-preset__ad-image {
  width: 100%;
  height: var(--header-preset-ad-height);
  object-fit: cover;
}

.gedenana-header-preset__actions {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
}

.gedenana-header-preset__account,
.gedenana-header-preset__subscribe {
  display: inline-flex;
  min-height: 44px;
  padding-inline: 12px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--header-preset-text);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .06em;
  line-height: 1.2;
  text-transform: uppercase;
}

.gedenana-header-preset__account span {
  display: none;
}

.gedenana-header-preset__subscribe {
  border: 1px solid var(--header-preset-border);
}

.gedenana-header-preset__account:hover,
.gedenana-header-preset__account:focus-visible,
.gedenana-header-preset__subscribe:hover,
.gedenana-header-preset__subscribe:focus-visible {
  border-color: var(--header-preset-accent);
  color: var(--header-preset-accent);
}

/* Preset 1: a unified, high-contrast newsroom header. */
.header-preset-newsroom .topbar,
.header-preset-newsroom .gedenana-top-navigation {
  border-color: var(--header-preset-border);
  background: var(--header-preset-utility-bg);
  color: var(--header-preset-utility-text);
}

.header-preset-newsroom .gedenana-top-navigation {
  --top-nav-bg: var(--header-preset-utility-bg);
  --top-nav-text: var(--header-preset-utility-text);
  --top-nav-hover: var(--header-preset-accent);
}

/* Preset 2: logo plus wide campaign/banner image and a dark category rail. */
.header-preset-magazine .topbar,
.header-preset-magazine .gedenana-top-navigation {
  border-color: var(--header-preset-border);
  background: var(--header-preset-utility-bg);
  color: var(--header-preset-utility-text);
}

.header-preset-magazine .gedenana-top-navigation {
  --top-nav-bg: var(--header-preset-utility-bg);
  --top-nav-text: var(--header-preset-utility-text);
  --top-nav-hover: var(--header-preset-accent);
}

/* Preset 3: centered newspaper identity with a light navigation rail. */
.header-preset-editorial .topbar,
.header-preset-editorial .gedenana-top-navigation {
  border-color: var(--header-preset-border);
  background: var(--header-preset-utility-bg);
  color: var(--header-preset-utility-text);
}

.header-preset-editorial .gedenana-top-navigation {
  --top-nav-bg: var(--header-preset-utility-bg);
  --top-nav-text: var(--header-preset-utility-text);
  --top-nav-hover: var(--header-preset-accent);
}

@media (max-width: 63.99rem) {
  .header-preset-active .gedenana-header-preset__section-label,
  .header-preset-active .gedenana-header-preset__actions {
    display: none;
  }

  .header-preset-active .site-header:not(.has-mobile-search) .gedenana-preset-desktop-search-toggle {
    display: none !important;
  }
}

@media (min-width: 64rem) {
  .header-preset-active .site-header {
    background: var(--header-preset-bg);
    color: var(--header-preset-text);
  }

  .header-preset-active .site-header .site-title,
  .header-preset-active .site-header .site-description,
  .header-preset-active .site-header .header-login,
  .header-preset-active .site-header .icon-button {
    color: var(--header-preset-text);
  }

  .header-preset-active .site-header .icon-button {
    border-color: var(--header-preset-border);
  }

  .header-preset-active .site-header .icon-button:hover,
  .header-preset-active .site-header .icon-button:focus-visible {
    border-color: var(--header-preset-accent);
    background: var(--header-preset-accent);
    color: #fff;
  }

  .header-preset-hide-tagline .site-description {
    display: none !important;
  }

  .header-preset-active .masthead {
    min-height: var(--header-preset-masthead-height);
    padding-block: 14px;
  }

  .header-image-layout-background.header-preset-active .masthead {
    min-height: max(var(--header-preset-masthead-height), var(--header-image-height, 240px));
  }

  .header-image-layout-background.header-preset-active .site-header,
  .header-image-layout-background.header-preset-active .site-header .site-title,
  .header-image-layout-background.header-preset-active .site-header .site-description,
  .header-image-layout-background.header-preset-active .site-header .gedenana-mobile-tagline,
  .header-image-layout-background.header-preset-active .site-header .header-login,
  .header-image-layout-background.header-preset-active .site-header .icon-button,
  .header-image-layout-background.header-preset-active .gedenana-header-preset__meta,
  .header-image-layout-background.header-preset-active .gedenana-header-preset__social a,
  .header-image-layout-background.header-preset-active .gedenana-header-preset__account,
  .header-image-layout-background.header-preset-active .gedenana-header-preset__subscribe,
  .header-image-layout-background.header-preset-active .gedenana-header-preset__section-label {
    color: var(--header-image-foreground, #fff);
  }

  .header-image-layout-background.header-preset-active .site-header .icon-button,
  .header-image-layout-background.header-preset-active .gedenana-header-preset__subscribe,
  .header-image-layout-background.header-preset-active .gedenana-header-preset__section-label {
    border-color: currentColor;
  }

  .header-image-layout-background.header-preset-active .gedenana-header-preset__social a:hover,
  .header-image-layout-background.header-preset-active .gedenana-header-preset__social a:focus-visible,
  .header-image-layout-background.header-preset-active .gedenana-header-preset__account:hover,
  .header-image-layout-background.header-preset-active .gedenana-header-preset__account:focus-visible,
  .header-image-layout-background.header-preset-active .gedenana-header-preset__subscribe:hover,
  .header-image-layout-background.header-preset-active .gedenana-header-preset__subscribe:focus-visible {
    border-color: var(--header-preset-accent);
    color: var(--header-preset-accent);
  }

  .header-image-layout-background.header-preset-active .site-header .icon-button:hover,
  .header-image-layout-background.header-preset-active .site-header .icon-button:focus-visible {
    border-color: var(--header-preset-accent);
    background: var(--header-preset-accent);
    color: #fff;
  }

  .header-preset-active .gedenana-header-preset__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
  }

  .header-preset-active .gedenana-header-preset__account span {
    display: inline;
  }

  .header-preset-active .header-actions,
  .header-preset-active .gedenana-header-preset__actions {
    min-width: 0;
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .header-preset-active .site-header.has-desktop-search .header-actions {
    min-width: 0;
  }

  .header-preset-active .gedenana-header-preset__actions {
    flex: 1 1 auto;
  }

  .header-preset-active .gedenana-header-preset__account,
  .header-preset-active .gedenana-header-preset__subscribe {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .header-preset-active .site-branding,
  .header-preset-active .custom-logo-link,
  .header-preset-active .site-title {
    max-width: 100%;
  }

  .header-preset-active .custom-logo-link {
    display: inline-block;
    vertical-align: middle;
  }

  .header-preset-active .custom-logo {
    width: auto;
    max-width: min(var(--desktop-logo-width, 260px), 100%);
    height: auto;
  }

  .header-preset-active .site-title {
    display: inline-block;
    overflow-wrap: anywhere;
  }

  /* The normal desktop stylesheet deliberately hides the mobile tagline.
     Reuse that single copy when a custom logo has no desktop description. */
  .header-preset-show-tagline .site-branding.has-custom-logo > .gedenana-mobile-tagline {
    display: block !important;
    max-width: min(34vw, 420px);
    margin: 6px 0 0;
    color: var(--header-preset-muted);
    font-size: .72rem;
    line-height: 1.35;
    letter-spacing: .04em;
  }

  .header-preset-newsroom.header-preset-show-tagline .site-branding.has-custom-logo > .gedenana-mobile-tagline,
  .header-preset-editorial.header-preset-show-tagline .site-branding.has-custom-logo > .gedenana-mobile-tagline {
    margin-inline: auto;
  }

  .header-image-layout-background.header-preset-active.header-preset-show-tagline .site-branding.has-custom-logo > .gedenana-mobile-tagline {
    color: var(--header-image-foreground, #fff);
  }

  .header-preset-active .gedenana-primary-nav {
    border-top: 1px solid var(--header-preset-border);
    border-bottom: 2px solid var(--header-preset-accent);
  }

  .header-preset-active .gedenana-primary-nav .nav-inner {
    width: min(calc(100% - 40px), var(--max));
  }

  .header-preset-active .gedenana-primary-menu > li > a {
    color: inherit;
  }

  .header-preset-nav-align-preset.header-preset-newsroom .gedenana-primary-nav .gedenana-primary-menu,
  .header-preset-nav-align-preset.header-preset-magazine .gedenana-primary-nav .gedenana-primary-menu,
  .header-preset-nav-align-left .gedenana-primary-nav .gedenana-primary-menu {
    justify-content: flex-start !important;
  }

  .rtl.header-preset-nav-align-left .gedenana-primary-nav .gedenana-primary-menu {
    justify-content: flex-end !important;
  }

  .header-preset-nav-align-preset.header-preset-editorial .gedenana-primary-nav .gedenana-primary-menu,
  .header-preset-nav-align-center .gedenana-primary-nav .gedenana-primary-menu,
  .rtl.header-preset-nav-align-center .gedenana-primary-nav .gedenana-primary-menu {
    justify-content: center !important;
  }

  .header-preset-nav-align-right .gedenana-primary-nav .gedenana-primary-menu {
    justify-content: flex-end !important;
  }

  .rtl.header-preset-nav-align-right .gedenana-primary-nav .gedenana-primary-menu {
    justify-content: flex-start !important;
  }

  .header-preset-newsroom .masthead,
  .header-preset-editorial .masthead {
    grid-template-columns: minmax(150px, 1fr) minmax(220px, auto) minmax(150px, 1fr);
  }

  .header-preset-newsroom .site-branding,
  .header-preset-editorial .site-branding {
    text-align: center;
  }

  .header-preset-newsroom .site-title {
    color: var(--header-preset-text);
    font-family: Georgia, 'Times New Roman', serif;
    letter-spacing: -.04em;
  }

  .header-preset-newsroom .site-description,
  .header-preset-magazine .site-description,
  .header-preset-editorial .site-description {
    color: var(--header-preset-muted);
  }

  .header-preset-newsroom .gedenana-header-preset__section-label {
    color: var(--header-preset-text);
  }

  .header-preset-magazine .site-branding {
    text-align: start;
  }

  .header-preset-editorial .site-title {
    color: var(--header-preset-text);
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 500;
    letter-spacing: .01em;
    text-transform: uppercase;
  }

  .header-preset-editorial .site-description {
    letter-spacing: .08em;
    text-transform: none;
  }

  .header-preset-newsroom .gedenana-header-preset__meta,
  .header-preset-editorial .gedenana-header-preset__meta {
    width: 100%;
  }

  .header-preset-newsroom .header-date,
  .header-preset-editorial .header-date {
    display: block;
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    justify-self: start;
  }

  .header-preset-newsroom .site-branding,
  .header-preset-editorial .site-branding {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
  }

  .header-preset-newsroom .header-actions,
  .header-preset-editorial .header-actions {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
  }

  .header-preset-newsroom .gedenana-primary-nav {
    --nav-bg: var(--header-preset-nav-bg);
    --nav-text: var(--header-preset-nav-text);
    --nav-hover: var(--header-preset-accent);
    border-top-style: dotted;
    border-bottom-width: 1px;
    background: var(--header-preset-nav-bg);
    color: var(--header-preset-nav-text);
  }

  .header-preset-newsroom .gedenana-primary-menu > li:not(.gedenana-menu-item-color) > a {
    color: var(--header-preset-nav-text) !important;
  }

  .header-preset-newsroom .gedenana-primary-menu > li:not(.gedenana-menu-item-color):hover > a,
  .header-preset-newsroom .gedenana-primary-menu > li:not(.gedenana-menu-item-color):focus-within > a,
  .header-preset-newsroom .gedenana-primary-menu > .current-menu-item:not(.gedenana-menu-item-color) > a,
  .header-preset-newsroom .gedenana-primary-menu > .current-menu-ancestor:not(.gedenana-menu-item-color) > a,
  .header-preset-newsroom .gedenana-primary-menu > .current_page_parent:not(.gedenana-menu-item-color) > a {
    background: transparent;
    color: var(--header-preset-accent) !important;
  }

  .header-preset-magazine .masthead {
    grid-template-columns: minmax(140px, .65fr) minmax(240px, 1.45fr) minmax(44px, auto);
    gap: clamp(20px, 4vw, 58px);
  }

  .header-preset-magazine .gedenana-header-preset__meta {
    display: none;
  }

  .header-preset-magazine .header-date {
    display: none;
  }

  .header-preset-magazine .site-branding {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
  }

  .header-preset-magazine .gedenana-header-preset__ad {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
  }

  .header-preset-has-ad.header-preset-magazine .gedenana-header-preset__ad {
    display: block;
  }

  .header-preset-magazine .header-actions {
    grid-column: 3;
    grid-row: 1;
    min-width: 0;
    justify-self: end;
  }

  .header-preset-magazine:not(.header-preset-has-ad) .masthead {
    grid-template-columns: minmax(190px, 1fr) auto;
  }

  .header-preset-magazine:not(.header-preset-has-ad) .header-actions {
    grid-column: 2;
  }

  .header-preset-active .desktop-search {
    display: none;
  }

  .header-preset-active .gedenana-preset-desktop-search-toggle {
    display: grid !important;
  }

  .header-preset-active .header-actions > .header-login,
  .header-preset-active .header-actions > .button {
    display: none;
  }

  .header-preset-magazine .gedenana-primary-nav {
    --nav-bg: var(--header-preset-nav-bg);
    --nav-text: var(--header-preset-nav-text);
    --nav-hover: var(--header-preset-accent);
    border-top: 0;
    border-bottom: 3px solid var(--header-preset-accent);
    background-color: var(--header-preset-nav-bg);
    background-image: repeating-linear-gradient(135deg, rgba(255,255,255,.025) 0 2px, rgba(0,0,0,.025) 2px 5px);
    color: var(--header-preset-nav-text);
  }

  .header-preset-magazine .gedenana-primary-menu > li:not(.gedenana-menu-item-color) > a {
    color: var(--header-preset-nav-text) !important;
  }

  .header-preset-magazine .gedenana-primary-menu > li:not(.gedenana-menu-item-color):hover > a,
  .header-preset-magazine .gedenana-primary-menu > li:not(.gedenana-menu-item-color):focus-within > a,
  .header-preset-magazine .gedenana-primary-menu > .current-menu-item:not(.gedenana-menu-item-color) > a,
  .header-preset-magazine .gedenana-primary-menu > .current-menu-ancestor:not(.gedenana-menu-item-color) > a,
  .header-preset-magazine .gedenana-primary-menu > .current_page_parent:not(.gedenana-menu-item-color) > a {
    background: rgba(255,255,255,.1);
    color: var(--header-preset-nav-text) !important;
  }

  .header-preset-editorial .gedenana-primary-nav {
    --nav-bg: var(--header-preset-nav-bg);
    --nav-text: var(--header-preset-nav-text);
    --nav-hover: var(--header-preset-accent);
    border-top: 1px solid var(--header-preset-border);
    border-bottom: 1px solid var(--header-preset-border);
    background: var(--header-preset-nav-bg);
    color: var(--header-preset-nav-text);
  }

  .header-preset-editorial .gedenana-primary-menu > li:not(.gedenana-menu-item-color) > a {
    color: var(--header-preset-nav-text) !important;
  }

  .header-preset-editorial .gedenana-primary-menu > li:not(.gedenana-menu-item-color):hover > a,
  .header-preset-editorial .gedenana-primary-menu > li:not(.gedenana-menu-item-color):focus-within > a,
  .header-preset-editorial .gedenana-primary-menu > .current-menu-item:not(.gedenana-menu-item-color) > a,
  .header-preset-editorial .gedenana-primary-menu > .current-menu-ancestor:not(.gedenana-menu-item-color) > a,
  .header-preset-editorial .gedenana-primary-menu > .current_page_parent:not(.gedenana-menu-item-color) > a {
    background: transparent;
    color: var(--header-preset-accent) !important;
    text-decoration: underline;
    text-underline-offset: 5px;
  }
}

@media (forced-colors: active) {
  .header-image-layout-background.header-preset-active .site-header .masthead {
    min-height: 104px;
  }

  .header-preset-active .site-header,
  .header-preset-active .gedenana-primary-nav,
  .header-preset-active .gedenana-top-navigation {
    border: 1px solid CanvasText;
    background: Canvas;
    color: CanvasText;
  }

  .header-preset-active .gedenana-header-preset__subscribe,
  .header-preset-active .gedenana-header-preset__ad {
    border: 1px solid CanvasText;
  }
}