/* Shared public header geometry. Page-specific actions remain unchanged. */
:root {
  --am-header-max-width: 1360px;
  --am-header-height: 80px;
  --am-header-inline: 32px;
  --am-header-logo-size: 38px;
  --am-header-brand-size: 20px;
}

html body[data-page-mode] .page > .hd,
html body > header > .bar,
html body #hikayemiz-overlay .hovr-hdr-in,
html body #legal-overlay .legal-bar,
html body #source-overlay .source-bar {
  width: 100% !important;
  max-width: var(--am-header-max-width) !important;
  height: var(--am-header-height) !important;
  min-height: var(--am-header-height) !important;
  margin: 0 auto !important;
  padding: 0 var(--am-header-inline) !important;
  align-items: center !important;
  box-sizing: border-box;
}

html body[data-page-mode] .page > .hd .hd-slot {
  height: 100%;
  align-items: center;
}

html body > header,
html body #hikayemiz-overlay .hovr-hdr,
html body #legal-overlay .legal-bar,
html body #source-overlay .source-bar {
  border-bottom: 0 !important;
  box-shadow: none !important;
}

html body[data-page-mode] .page > .hd .logo,
html body > header > .bar .brand,
html body #hikayemiz-overlay .hovr-logo,
html body #legal-overlay .legal-bar-brand,
html body #source-overlay .source-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 11px !important;
  font-family: var(--font-sans);
  font-size: var(--am-header-brand-size) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: -.026em !important;
}

html body[data-page-mode] .page > .hd .logo svg,
html body > header > .bar .brand-mark,
html body #hikayemiz-overlay .hovr-logo svg,
html body #legal-overlay .legal-logo-mark,
html body #source-overlay .source-logo-mark {
  width: var(--am-header-logo-size) !important;
  height: var(--am-header-logo-size) !important;
  flex: none;
}

html body[data-page-mode] .page > .hd .logo-w,
html body > header > .bar .brand-word,
html body > header > .bar .brand > span,
html body #hikayemiz-overlay .hovr-logo-w,
html body #legal-overlay .legal-logo-text,
html body #source-overlay .source-logo-text {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 32px;
  font-size: var(--am-header-brand-size) !important;
  line-height: 1 !important;
}

@media (min-width: 768px) and (max-width: 1279px) {
  :root {
    --am-header-inline: 28px;
  }
}

@media (max-width: 767px) {
  :root {
    --am-header-height: 76px;
    --am-header-inline: 18px;
    --am-header-brand-size: 18px;
  }
}