@font-face {
  font-family: "Bahnschrift";
  src: local("Bahnschrift"), local("Bahnschrift Regular");
}

:root,
html[data-theme="public-original"] {
  color-scheme: dark;
  --bg1: #071428;
  --bg2: #0a1e3a;
  --akf-bg: #071428;
  --akf-surface: rgba(255, 255, 255, 0.055);
  --akf-surface-strong: rgba(8, 20, 38, 0.97);
  --akf-line: rgba(255, 255, 255, 0.16);
  --akf-text: #fff;
  --akf-muted: rgba(255, 255, 255, 0.76);
  --akf-hover: rgba(255, 255, 255, 0.11);
  --akf-accent: #deb861;
  --akf-shadow: 0 22px 60px rgba(1, 7, 20, 0.38);
  --akf-header-search-bg: rgba(7, 18, 34, 0.88);
  --akf-header-search-border: rgba(255, 255, 255, 0.2);
  --akf-header-search-text: #f7fbff;
  --akf-header-search-placeholder: #aebdca;
  --akf-header-focus: #78c0ff;
  --line: var(--akf-line);
  --glass: var(--akf-surface);
  --hover: var(--akf-hover);
  --ink: var(--akf-text);
  --muted: var(--akf-muted);
  --soft: rgba(255, 255, 255, 0.92);
}

html[data-theme="light"] {
  color-scheme: light;
  --bg1: #dceeff;
  --bg2: #eef7ff;
  --akf-bg: #eef7ff;
  --akf-surface: #fff;
  --akf-surface-strong: #fff;
  --akf-line: #cfe2f3;
  --akf-text: #102a43;
  --akf-muted: #5d7890;
  --akf-hover: #e5f2ff;
  --akf-accent: #9b6c10;
  --akf-shadow: 0 18px 48px rgba(24, 43, 70, 0.12);
  --akf-header-search-bg: #fff;
  --akf-header-search-border: #b9d2e6;
  --akf-header-search-text: #102a43;
  --akf-header-search-placeholder: #627c92;
  --akf-header-focus: #1769aa;
  --line: var(--akf-line);
  --glass: var(--akf-surface);
  --hover: var(--akf-hover);
  --ink: var(--akf-text);
  --muted: var(--akf-muted);
  --soft: #1b2b42;
}

* {
  box-sizing: border-box;
}

/* Accessible labels remain available to screen readers without taking up
 * visual space in the public header and other shared public components. */
.visually-hidden:not(:focus):not(:active) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html,
body {
  max-width: 100%;
  min-height: 100%;
  overflow-x: clip;
}

body.akf-public-body,
body:has(.akf-public-shell) {
  margin: 0;
  color: var(--akf-text);
  background: linear-gradient(180deg, var(--bg2), var(--bg1));
  font-family: "Bahnschrift", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 600;
}

html[data-theme="light"] body.akf-public-body,
html[data-theme="light"] body:has(.akf-public-shell) {
  background: linear-gradient(180deg, #fff, var(--akf-bg));
}

/* News detail keeps the shared atmosphere, with a slightly lighter canvas in
 * both appearance modes so long-form content remains comfortable to read. */
html[data-theme="light"] body.azkf-app-background.akf-public-news-page {
  --azkf-bg-base: #f7fbff;
  --azkf-bg-end: #e8f4ff;
  --azkf-glow-primary: rgba(72, 155, 220, .16);
  background-color: var(--azkf-bg-base) !important;
  background-image:
    radial-gradient(1200px 520px at 0% -10%, var(--azkf-glow-primary), transparent 56%),
    radial-gradient(920px 520px at 100% -20%, rgba(255, 255, 255, .82), transparent 56%),
    radial-gradient(720px 300px at 50% 0%, rgba(23, 105, 170, .1), transparent 72%),
    linear-gradient(180deg, var(--azkf-bg-base), var(--azkf-bg-end)) !important;
}

html[data-theme="public-original"] body.azkf-app-background.akf-public-news-page {
  --azkf-bg-base: #0d1824;
  --azkf-bg-end: #111f2e;
  --azkf-glow-primary: rgba(121, 192, 255, .2);
  --azkf-glow-secondary: rgba(46, 119, 211, .2);
  background-color: var(--azkf-bg-base);
}

/* Public original theme: SmartArena platform background and surface system. */
html[data-theme="public-original"] body.azkf-app-background.akf-public-body {
  --azkf-glass-surface: rgba(8, 13, 22, 0.8);
  --azkf-glass-surface-strong: rgba(9, 15, 24, 0.96);
  --azkf-glass-border: rgba(255, 255, 255, 0.1);
  --azkf-glass-shadow: 0 22px 54px rgba(0, 0, 0, 0.28);
  --akf-surface-soft: rgba(255, 255, 255, 0.04);
  --akf-surface-hover: rgba(255, 255, 255, 0.08);
  --akf-hover: rgba(255, 255, 255, 0.08);
  --akf-text: #f7fbff;
  --akf-muted: #c3cfda;
  --akf-public-card-bg-dark:
    linear-gradient(rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.03)),
    linear-gradient(135deg, rgba(8, 15, 25, 0.98), rgba(13, 25, 39, 0.96) 58%, rgba(5, 10, 18, 0.99));
  --akf-public-card-soft-dark: linear-gradient(rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.024));
  color: var(--akf-text);
}

/* Public light theme: clean blue-white canvas and softly separated cards. */
html[data-theme="light"] body.azkf-app-background.akf-public-body {
  --azkf-glass-surface: rgba(252, 254, 255, 0.97);
  --azkf-glass-surface-strong: #fff;
  --azkf-glass-border: rgba(23, 105, 170, 0.16);
  --azkf-glass-shadow: 0 16px 40px rgba(23, 105, 170, 0.11);
  --akf-surface-soft: #f4f9fd;
  --akf-surface-hover: #eaf4fa;
  --akf-hover: #eaf4fa;
  --akf-text: #102a43;
  --akf-muted: #5d7890;
  --akf-input-bg: #fff;
  --akf-public-card-bg: linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(247, 252, 255, 0.97));
  --akf-public-card-soft: #f1f8fc;
  --akf-public-card-border: rgba(42, 91, 126, 0.13);
  color: var(--akf-text);
}

.akf-public-shell {
  position: relative;
  isolation: isolate;
  min-height: 100vh;
}

.akf-public-main {
  min-height: 60vh;
}

.akf-public-topbar {
  position: sticky;
  top: 0;
  z-index: 980;
  padding: max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) 8px max(8px, env(safe-area-inset-left));
  background: linear-gradient(180deg, rgba(4, 11, 23, 0.92), rgba(4, 11, 23, 0.45) 76%, transparent);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

html[data-theme="light"] .akf-public-topbar {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.78) 76%, transparent);
}

.akf-public-topbar__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: min(100%, 1440px);
  min-width: 0;
  margin: 0 auto;
  padding: 9px 14px;
  border: 1px solid var(--akf-line);
  border-radius: 22px;
  background:
    radial-gradient(circle at top right, rgba(222, 184, 97, 0.1), transparent 34%),
    linear-gradient(135deg, rgba(10, 25, 48, 0.96), rgba(7, 18, 34, 0.96));
  box-shadow: var(--akf-shadow);
  font-family: Inter, "Segoe UI", system-ui, -apple-system, sans-serif;
}

html[data-theme="light"] .akf-public-topbar__inner {
  background:
    radial-gradient(circle at top right, rgba(190, 139, 32, 0.11), transparent 34%),
    #fff;
}

html[data-theme="light"] .akf-public-brand {
  border-color: rgba(23, 105, 170, .28);
  background:
    radial-gradient(circle at 12% 50%, rgba(41, 154, 226, .16), transparent 38%),
    linear-gradient(135deg, #071a31, #0a2746);
  box-shadow:
    0 10px 26px rgba(19, 77, 119, .13),
    0 0 0 4px rgba(23, 105, 170, .04);
}

.akf-public-brand {
  display: inline-flex;
  align-items: center;
  flex: 0 1 auto;
  min-width: 0;
  padding: 3px 8px 3px 4px;
  overflow: hidden;
  border: 1px solid rgba(143, 200, 255, .2);
  border-radius: 17px;
  background:
    radial-gradient(circle at 12% 50%, rgba(41, 154, 226, .14), transparent 38%),
    rgba(4, 15, 29, .76);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .18);
}

.akf-public-brand img {
  display: block;
  width: auto;
  height: 60px;
  max-width: min(29vw, 238px);
  object-fit: contain;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.2));
}

.akf-public-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  min-width: 0;
}

.akf-icon-button,
.akf-language-button,
.akf-public-login {
  min-width: 44px;
  min-height: 44px;
  border: 1px solid var(--akf-line);
  border-radius: 14px;
  color: var(--akf-text);
  background: var(--akf-surface);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.akf-icon-button {
  display: inline-grid;
  place-items: center;
  padding: 10px;
  cursor: pointer;
}

.akf-icon-button:hover,
.akf-language-button:hover,
.akf-public-login:hover {
  color: var(--akf-text);
  background: var(--akf-hover);
}

.akf-icon-button:focus-visible,
.akf-language-button:focus-visible,
.akf-public-login:focus-visible,
.akf-language-menu a:focus-visible,
.akf-public-search button:focus-visible,
.akf-public-drawer .akf-nav-link:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--akf-header-focus) 76%, transparent);
  outline-offset: 3px;
}

.akf-icon-button svg,
.akf-language-button svg,
.akf-public-login svg {
  width: 22px;
  height: 22px;
}

.akf-public-login {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  text-decoration: none;
  white-space: nowrap;
}

.akf-public-language {
  position: relative;
}

.akf-public-search {
  position: relative;
  min-width: 0;
}

.akf-public-search__toggle {
  display: none;
}

.akf-public-search__form {
  width: clamp(220px, 24vw, 340px);
  margin: 0;
}

.akf-public-search__field {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 0;
}

.akf-public-search__leading {
  position: absolute;
  left: 14px;
  z-index: 1;
  display: inline-grid;
  place-items: center;
  color: var(--akf-header-search-placeholder);
  pointer-events: none;
}

.akf-public-search__leading svg,
.akf-public-search__clear svg,
.akf-public-search__submit svg {
  width: 18px;
  height: 18px;
}

.akf-public-search input[type="search"] {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  min-height: 44px;
  padding: 10px 82px 10px 42px;
  border: 1px solid var(--akf-header-search-border);
  border-radius: 14px;
  outline: none;
  color: var(--akf-header-search-text) !important;
  background: var(--akf-header-search-bg) !important;
  caret-color: var(--akf-header-search-text);
  -webkit-text-fill-color: var(--akf-header-search-text);
  font: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.akf-public-search input[type="search"]::-webkit-search-cancel-button,
.akf-public-search input[type="search"]::-webkit-search-decoration {
  display: none;
  -webkit-appearance: none;
}

.akf-public-topbar .akf-public-search input[type="search"]::placeholder {
  color: var(--akf-header-search-placeholder) !important;
  opacity: 1;
}

.akf-public-search input[type="search"]:hover {
  border-color: color-mix(in srgb, var(--akf-header-focus) 48%, var(--akf-header-search-border));
}

.akf-public-search input[type="search"]:focus {
  border-color: var(--akf-header-focus);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--akf-header-focus) 20%, transparent);
}

.akf-public-search input[type="search"]:disabled {
  cursor: not-allowed;
  opacity: .58;
}

.akf-public-search input[type="search"]:-webkit-autofill,
.akf-public-search input[type="search"]:-webkit-autofill:hover,
.akf-public-search input[type="search"]:-webkit-autofill:focus {
  border-color: var(--akf-header-focus);
  box-shadow: 0 0 0 1000px var(--akf-header-search-bg) inset;
  -webkit-text-fill-color: var(--akf-header-search-text) !important;
  caret-color: var(--akf-header-search-text);
}

.akf-public-search__clear,
.akf-public-search__submit {
  position: absolute;
  top: 50%;
  display: inline-grid;
  width: 32px;
  height: 32px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 10px;
  color: var(--akf-header-search-placeholder);
  background: transparent;
  cursor: pointer;
  transform: translateY(-50%);
}

.akf-public-search__clear {
  right: 40px;
}

.akf-public-search__submit {
  right: 5px;
  color: var(--akf-header-search-text);
  background: color-mix(in srgb, var(--akf-header-focus) 16%, transparent);
}

.akf-public-search__clear:hover,
.akf-public-search__submit:hover {
  color: var(--akf-header-search-text);
  background: color-mix(in srgb, var(--akf-header-focus) 22%, transparent);
}

.akf-public-search__clear[hidden] {
  display: none !important;
}

.akf-language-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 10px;
  cursor: pointer;
}

.akf-language-button img,
.akf-language-menu img {
  width: 26px;
  height: 18px;
  border: 1px solid color-mix(in srgb, var(--akf-line) 72%, transparent);
  border-radius: 5px;
  object-fit: cover;
}

.akf-language-button svg {
  width: 15px;
  height: 15px;
}

.akf-language-menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  display: grid;
  grid-template-columns: repeat(3, 52px);
  min-width: 168px;
  padding: 6px;
  border: 1px solid var(--akf-line);
  border-radius: 14px;
  background: var(--akf-surface-strong);
  box-shadow: var(--akf-shadow);
}

.akf-language-menu[hidden] {
  display: none !important;
}

.akf-language-menu a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  min-height: 48px;
  padding: 8px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: var(--akf-text);
  text-decoration: none;
}

.akf-language-menu a:hover,
.akf-language-menu a[aria-current="page"] {
  color: var(--akf-text);
  background: var(--akf-hover);
}

.akf-language-menu a[aria-current="page"] {
  border-color: var(--akf-header-focus);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--akf-header-focus) 40%, transparent);
}

.akf-language-menu__status {
  position: absolute;
  top: 3px;
  right: 3px;
  display: inline-grid;
  place-items: center;
  color: var(--akf-header-focus);
}

.akf-language-menu__status svg {
  width: 12px;
  height: 12px;
}

.akf-theme-light-icon {
  display: none;
}

html[data-theme="light"] .akf-theme-dark-icon {
  display: none;
}

html[data-theme="light"] .akf-theme-light-icon {
  display: inline-flex;
}

.akf-drawer-overlay {
  position: fixed;
  inset: 0;
  z-index: 990;
  background: rgba(2, 9, 20, 0.68);
  backdrop-filter: blur(5px);
}

.akf-public-drawer {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  width: min(480px, 94vw);
  height: 100dvh;
  padding: 16px;
  overflow: auto;
  color: var(--akf-text);
  background:
    radial-gradient(circle at top right, rgba(222, 184, 97, 0.1), transparent 34%),
    var(--akf-surface-strong);
  border-left: 1px solid var(--akf-line);
  box-shadow: -24px 0 70px rgba(0, 0, 0, 0.35);
  transform: translateX(105%);
  visibility: hidden;
  transition: transform 0.22s ease, visibility 0.22s;
}

.akf-public-shell.is-drawer-open .akf-public-drawer {
  transform: translateX(0);
  visibility: visible;
}

.akf-public-drawer__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--akf-line);
}

.akf-public-drawer__head img {
  width: auto;
  height: 58px;
}

.akf-sidebar-nav {
  display: grid;
  gap: 7px;
  padding: 14px 0;
}

.akf-public-drawer .akf-nav-link {
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  min-height: 48px;
  padding: 11px 13px;
  border: 1px solid transparent;
  border-radius: 13px;
  color: var(--akf-text);
  background: transparent;
  text-decoration: none;
}

.akf-public-drawer .akf-nav-link:hover,
.akf-public-drawer .akf-nav-link.is-active {
  color: var(--akf-text);
  border-color: var(--akf-line);
  background: var(--akf-hover);
}

.akf-public-drawer .akf-nav-link.is-active {
  box-shadow: inset 3px 0 0 var(--akf-accent);
}

.akf-public-drawer__tools {
  display: grid;
  gap: 7px;
  padding-top: 14px;
  border-top: 1px solid var(--akf-line);
}

.akf-public-drawer__tools .akf-nav-link {
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.akf-nav-icon {
  display: inline-grid;
  flex: 0 0 24px;
  place-items: center;
}

.akf-nav-icon svg,
.akf-nav-chevron svg {
  width: 21px;
  height: 21px;
}

.akf-nav-label {
  flex: 1;
}

.akf-public-nav-group {
  border-radius: 14px;
}

.akf-public-nav-group summary {
  cursor: pointer;
  list-style: none;
}

.akf-public-nav-group summary::-webkit-details-marker {
  display: none;
}

.akf-nav-chevron {
  display: inline-flex;
  transition: transform 0.18s ease;
}

.akf-public-nav-group[open] .akf-nav-chevron {
  transform: rotate(180deg);
}

.akf-public-nav-children {
  display: grid;
  gap: 4px;
  margin: 4px 0 8px 22px;
  padding-left: 10px;
  border-left: 1px solid var(--akf-line);
}

.akf-app-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: min(100% - 24px, 1320px);
  margin: 24px auto 12px;
  padding: 18px;
  border: 1px solid var(--akf-line);
  border-radius: 20px;
  color: var(--akf-muted);
  background: var(--akf-surface);
}

.akf-footer-social {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}

.akf-footer-social a {
  display: inline-grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid var(--akf-line);
  border-radius: 12px;
  color: var(--akf-text);
  background: var(--akf-surface);
  text-decoration: none;
  transition: border-color .18s ease, color .18s ease, background-color .18s ease, transform .18s ease;
}

.akf-footer-social a:hover {
  color: var(--akf-link);
  border-color: color-mix(in srgb, var(--akf-link) 48%, var(--akf-line));
  background: var(--akf-hover);
  transform: translateY(-1px);
}

.akf-footer-social a:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--akf-link) 48%, transparent);
  outline-offset: 3px;
}

.akf-footer-social svg,
.akfC2__sbtn svg {
  width: 21px;
  height: 21px;
}

.akf-footer-legal {
  display: grid;
  gap: 2px;
  max-width: 100%;
  padding-inline: 10px;
  text-align: center;
}

.akf-footer-legal p {
  margin: 0;
}

.akf-footer-legal p:first-child {
  color: var(--akf-text);
}

.akf-footer-creator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  max-width: 100%;
  margin-top: 2px;
  padding: 10px 14px 0;
  border-top: 1px solid var(--akf-line);
  color: var(--akf-muted);
  font-size: 12px;
  letter-spacing: .025em;
  text-align: center;
}

.akf-footer-creator__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: inherit;
  text-decoration: none;
}

.akf-footer-creator__link:hover .akf-footer-creator__brand,
.akf-footer-creator__link:focus-visible .akf-footer-creator__brand {
  color: var(--akf-link);
}

.akf-footer-creator__icon {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  color: var(--akf-link);
}

.akf-footer-creator__brand { color: var(--akf-text); }
.akf-footer-creator__brand strong { font-weight: 900; }

.cookie-gate {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: center;
  padding: 18px;
  color: var(--akf-text);
  background: rgba(4, 10, 18, 0.58);
  backdrop-filter: blur(10px);
}

.cookie-gate[hidden] {
  display: none !important;
}

.cookie-modal {
  width: min(760px, calc(100vw - 24px));
  max-height: min(88vh, 900px);
  overflow: auto;
  border: 1px solid var(--akf-line);
  border-radius: 28px;
  background: var(--akf-surface-strong);
  box-shadow: 0 28px 80px rgba(1, 7, 18, 0.45);
}

.cookie-modal__head {
  padding: 26px 26px 10px;
  text-align: center;
}

.cookie-modal__icon {
  display: grid;
  width: 72px;
  height: 72px;
  margin: 0 auto 14px;
  place-items: center;
  border: 1px solid var(--akf-line);
  border-radius: 22px;
  background: var(--akf-surface);
}

.cookie-modal__icon svg {
  width: 36px;
  height: 36px;
}

.cookie-modal__eyebrow {
  display: inline-flex;
  padding: 7px 13px;
  border: 1px solid var(--akf-line);
  border-radius: 999px;
  color: var(--akf-muted);
  background: var(--akf-surface);
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.cookie-modal__title {
  margin: 14px 0 10px;
  color: var(--akf-text);
  font-size: clamp(1.5rem, 4vw, 2.35rem);
  font-weight: 900;
}

.cookie-modal__text {
  max-width: 620px;
  margin: 0 auto;
  color: var(--akf-muted);
  line-height: 1.7;
}

.cookie-modal__body {
  padding: 12px 26px 24px;
}

.cookie-modal__summary,
.cookie-modal__details {
  padding: 18px;
  border: 1px solid var(--akf-line);
  border-radius: 20px;
  color: var(--akf-muted);
  background: var(--akf-surface);
}

.cookie-modal__details {
  display: none;
  margin-top: 12px;
}

.cookie-modal__details.is-open {
  display: block;
}

.cookie-modal__summary h3,
.cookie-modal__details h3,
.cookie-modal__section h4 {
  color: var(--akf-text);
}

.cookie-modal__section + .cookie-modal__section {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--akf-line);
}

.cookie-modal__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 14px;
}

.cookie-modal__button {
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid var(--akf-line);
  border-radius: 12px;
  color: var(--akf-text);
  background: var(--akf-surface);
}

.cookie-modal__button--primary {
  color: #fff;
  background: #17355f;
}

/* Legacy public pages now participate in the shared light-theme surface system.
 * Selectors stay page-scoped so dark media overlays, logos and flags retain
 * their intentional colours. */
html[data-theme="light"] body.akf-public-coaches-page .akf-public-main :is(
  .cardx, .idcard, .back, .fbox, .photoRing, .photo, .pillView, .pbtn, .alertx
) {
  color: var(--akf-text) !important;
  border-color: var(--akf-line) !important;
  background: var(--akf-surface) !important;
  box-shadow: var(--akf-shadow) !important;
}

html[data-theme="light"] body.akf-public-coaches-page .akf-public-main :is(
  .band, .foot, .btnx.secondary
) {
  color: var(--akf-text) !important;
  border-color: var(--akf-line) !important;
  background: var(--akf-hover) !important;
  box-shadow: none !important;
}

html[data-theme="light"] body.akf-public-coaches-page .akf-public-main :is(
  .back, .title, .badgeL, .idcard, .name, .role, .pillView, .pbtn, .alertx
) {
  color: var(--akf-text) !important;
  text-shadow: none !important;
}

html[data-theme="light"] body.akf-public-coaches-page .akf-public-main :is(
  .sub, .label, .metaRow .muted
) {
  color: var(--akf-muted) !important;
}

html[data-theme="light"] body.akf-public-coaches-page .akf-public-main .btnx {
  color: #fff !important;
  background: #1769aa !important;
  box-shadow: 0 10px 24px rgba(23, 105, 170, .18) !important;
}

html[data-theme="light"] body.akf-public-coaches-page .akf-public-main .btnx.secondary {
  color: var(--akf-text) !important;
  background: var(--akf-hover) !important;
}

html[data-theme="light"] body.akf-public-coaches-page .akf-public-main :is(
  .back, .fbox, .btnx, .idcard, .role, .pillView, .pbtn
) svg,
html[data-theme="light"] body.akf-public-coaches-page .akf-public-main :is(
  .back, .fbox, .btnx, .idcard, .role, .pillView, .pbtn
) svg * {
  color: inherit !important;
  stroke: currentColor !important;
}

html[data-theme="light"] body.akf-public-coaches-page .akf-public-main .stripe {
  background: linear-gradient(180deg, #dceeff, #bfdcf0) !important;
  box-shadow: inset -1px 0 0 var(--akf-line) !important;
}

html[data-theme="light"] body.akf-public-coaches-page .akf-public-main .stripe::after {
  color: #1769aa !important;
  text-shadow: none !important;
}

html[data-theme="light"] body.akf-public-coach-profile-page .akf-public-main :is(
  .cardx, .panel, .photoRing, .photo, .abtn, .pill
) {
  color: var(--akf-text) !important;
  border-color: var(--akf-line) !important;
  background: var(--akf-surface) !important;
  box-shadow: var(--akf-shadow) !important;
}

html[data-theme="light"] body.akf-public-coach-profile-page .akf-public-main :is(.band, .foot) {
  color: var(--akf-text) !important;
  border-color: var(--akf-line) !important;
  background: var(--akf-hover) !important;
  box-shadow: none !important;
}

html[data-theme="light"] body.akf-public-coach-profile-page .akf-public-main :is(
  .badgeL, .name, .ptitle, .v, .v a, .abtn, .pill
) {
  color: var(--akf-text) !important;
  text-shadow: none !important;
}

html[data-theme="light"] body.akf-public-coach-profile-page .akf-public-main :is(
  .sub, .k, .panel [style*="color:rgba(255"]
) {
  color: var(--akf-muted) !important;
}

html[data-theme="light"] body.akf-public-coach-profile-page .akf-public-main :is(
  .abtn, .pill
) {
  background: var(--akf-hover) !important;
  box-shadow: inset 0 0 0 1px var(--akf-line) !important;
}

html[data-theme="light"] body.akf-public-coach-profile-page .akf-public-main .addressLine {
  color: var(--akf-text) !important;
  background: var(--akf-hover) !important;
  box-shadow: inset 0 0 0 1px var(--akf-line) !important;
}

html[data-theme="light"] body.akf-public-coach-profile-page .akf-public-main :is(
  .abtn, .pill, .k, .v
) svg,
html[data-theme="light"] body.akf-public-coach-profile-page .akf-public-main :is(
  .abtn, .pill, .k, .v
) svg * {
  color: inherit !important;
  stroke: currentColor !important;
}

html[data-theme="light"] body.akf-public-athletes-page .akf-public-main,
html[data-theme="light"] body.akf-public-athletes-page .akf-public-main :where(*) {
  color: var(--akf-text) !important;
}

html[data-theme="light"] body.akf-public-athletes-page .akf-public-main :is(.panel, .cardid) {
  border-color: var(--akf-line) !important;
  background: var(--akf-surface) !important;
  box-shadow: var(--akf-shadow) !important;
}

html[data-theme="light"] body.akf-public-athletes-page .akf-public-main :is(
  .head, .foot, .btn-pill, .pagepill, .ava
) {
  border-color: var(--akf-line) !important;
  background: var(--akf-hover) !important;
}

html[data-theme="light"] body.akf-public-athletes-page .akf-public-main :is(
  .muted, .who .line2, .kv .k
) {
  color: var(--akf-muted) !important;
}

html[data-theme="light"] body.akf-public-athletes-page .akf-public-main :is(
  .btn-pill, .pagepill
) {
  text-decoration: none !important;
}

html[data-theme="light"] body.akf-public-athletes-page .akf-public-main :is(
  .btn-pill, .pagepill
):hover,
html[data-theme="light"] body.akf-public-athletes-page .akf-public-main .pagepill.active {
  color: #fff !important;
  border-color: #1769aa !important;
  background: #1769aa !important;
}

html[data-theme="light"] body.akf-public-athletes-page .akf-public-main :is(
  .btn-pill, .pagepill
):hover *,
html[data-theme="light"] body.akf-public-athletes-page .akf-public-main .pagepill.active * {
  color: #fff !important;
}

html[data-theme="light"] body.akf-public-athletes-page .akf-public-main svg,
html[data-theme="light"] body.akf-public-athletes-page .akf-public-main svg * {
  color: currentColor !important;
  stroke: currentColor !important;
}

html[data-theme="light"] body.akf-public-athletes-page .akf-public-main .vblue svg,
html[data-theme="light"] body.akf-public-athletes-page .akf-public-main .vblue svg * {
  color: #2563eb !important;
  stroke: currentColor !important;
}

html[data-theme="light"] body.akf-public-athlete-detail-page .akf-public-main,
html[data-theme="light"] body.akf-public-athlete-detail-page .akf-public-main :where(*) {
  color: var(--akf-text) !important;
}

html[data-theme="light"] body.akf-public-athlete-detail-page .akf-public-main .cardx {
  color: var(--akf-text) !important;
  border-color: var(--akf-line) !important;
  background: var(--akf-surface) !important;
  box-shadow: var(--akf-shadow) !important;
}

html[data-theme="light"] body.akf-public-athlete-detail-page .akf-public-main :is(
  .kv, .btn-pill, .ava
) {
  color: var(--akf-text) !important;
  border-color: var(--akf-line) !important;
  background: var(--akf-hover) !important;
}

html[data-theme="light"] body.akf-public-athlete-detail-page .akf-public-main :is(
  .muted, .kv .k
) {
  color: var(--akf-muted) !important;
}

html[data-theme="light"] body.akf-public-athlete-detail-page .akf-public-main .hr {
  background: var(--akf-line) !important;
}

html[data-theme="light"] body.akf-public-athlete-detail-page .akf-public-main .btn-pill:hover {
  color: #fff !important;
  border-color: #1769aa !important;
  background: #1769aa !important;
}

html[data-theme="light"] body.akf-public-athlete-detail-page .akf-public-main .btn-pill:hover * {
  color: #fff !important;
}

html[data-theme="light"] body.akf-public-athlete-detail-page .akf-public-main svg,
html[data-theme="light"] body.akf-public-athlete-detail-page .akf-public-main svg * {
  color: currentColor !important;
  stroke: currentColor !important;
}

html[data-theme="light"] body.akf-public-athlete-detail-page .akf-public-main .vblue svg,
html[data-theme="light"] body.akf-public-athlete-detail-page .akf-public-main .vblue svg * {
  color: #2563eb !important;
  stroke: currentColor !important;
}

html[data-theme="light"] body.akf-public-info-page .akf-public-main .cardx,
html[data-theme="light"] body.akf-public-links-page .akf-public-main :is(.cardx, .partner-card) {
  color: var(--akf-text) !important;
  border-color: var(--akf-line) !important;
  background: var(--akf-surface) !important;
  box-shadow: var(--akf-shadow) !important;
}

html[data-theme="light"] body.akf-public-info-page .akf-public-main :is(
  h1, h2, .badge-akf, .btn-outline-light
),
html[data-theme="light"] body.akf-public-links-page .akf-public-main :is(
  h1, .partner-card, .partner-card a
) {
  color: var(--akf-text) !important;
}

html[data-theme="light"] body.akf-public-info-page .akf-public-main :is(p, .muted) {
  color: var(--akf-muted) !important;
}

html[data-theme="light"] body.akf-public-info-page .akf-public-main :is(
  .badge-akf, .btn-outline-light
) {
  border-color: var(--akf-line) !important;
  background: var(--akf-hover) !important;
}

html[data-theme="light"] body.akf-public-info-page .akf-public-main .icon-white,
html[data-theme="light"] body.akf-public-info-page .akf-public-main .icon-white * {
  color: #1769aa !important;
  stroke: currentColor !important;
}

html[data-theme="light"] body.akf-public-links-page .akf-public-main .partner-card:hover {
  border-color: rgba(23, 105, 170, .34) !important;
  background: var(--akf-hover) !important;
}

/* Light mode contrast for legacy public components with hard-coded dark-theme colours. */
html[data-theme="light"] body :is(
  .styles-title, .coach-title, .ath-title, .rank-text .h1, .coach-text .h1,
  .ath-text .h1, .r3Title, .idcName, .idcItem b, .partners-title,
  .akfC2__h, .akfChip__v, .akfSubC__title
) {
  color: var(--akf-text) !important;
  text-shadow: none !important;
}

html[data-theme="public-original"] body.akf-public-body :is(
  .holo-wrap, .coach-holo-wrap, .ath-holo-wrap, .rank-holo-wrap,
  .akfMapWrap, .akfHBD, .akf-stat-hero, .akfC2, .akfCombo
) {
  color: var(--akf-text) !important;
  border-color: rgba(255, 255, 255, 0.106) !important;
  background: var(--akf-public-card-bg-dark) !important;
  box-shadow: var(--azkf-glass-shadow) !important;
}

html[data-theme="public-original"] body.akf-public-body :is(
  .idc, .akf-card, .pbox, .akfChip, .sbox,
  .idcTop, .idcFoot, .akfHBDCard, .akfHBDLeft, .akfBadgeTop,
  .akfHBD__date, .akfRolePill, .akfTag, .akfBtn,
  .akf-stat-pill, .akf-stat-total, .akf-meter,
  .akfC2__sbtn, .akfSubC__pill, .akfSubC__msg
) {
  color: var(--akf-text) !important;
  border-color: var(--azkf-glass-border) !important;
  background: var(--akf-public-card-soft-dark) !important;
}

html[data-theme="public-original"] body.azkf-app-background.akf-public-body .akf-public-topbar {
  border-bottom-color: rgba(255, 255, 255, 0.1);
  background: linear-gradient(rgba(9, 15, 24, 0.96) 0%, rgba(14, 23, 35, 0.92) 100%);
  -webkit-backdrop-filter: blur(14px) saturate(1.6);
  backdrop-filter: blur(14px) saturate(1.6);
}

html[data-theme="public-original"] body.azkf-app-background.akf-public-body .akf-public-topbar__inner {
  border-color: rgba(255, 255, 255, 0.08);
  border-radius: 28px;
  background:
    radial-gradient(1200px 520px at 0% -10%, rgba(121, 192, 255, 0.16), transparent 56%),
    radial-gradient(920px 520px at 100% -20%, rgba(255, 255, 255, 0.08), transparent 56%),
    radial-gradient(720px 300px at 50% 0%, rgba(46, 119, 211, 0.18), transparent 72%),
    linear-gradient(rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.03) 100%),
    linear-gradient(135deg, rgba(6, 14, 24, 0.94) 0%, rgba(8, 19, 31, 0.92) 52%, rgba(4, 10, 18, 0.96) 100%);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

html[data-theme="light"] body :is(
  .styles-sub, .coach-sub, .ath-sub, .rank-text .h2, .coach-text .h2,
  .ath-text .h2, .idcItem, .akfC2__s, .akfChip__k
) {
  color: var(--akf-muted) !important;
}

html[data-theme="light"] body :is(
  .holo-wrap, .coach-holo-wrap, .ath-holo-wrap, .rank-holo-wrap,
  .akfMapWrap, .akfHBD, .idc, .akf-stat-hero, .akf-card, .pbox, .akfC2, .akfChip, .akfCombo,
  .akfSubC__pill, .akfSubC__msg
) {
  color: var(--akf-text) !important;
  border-color: var(--akf-line) !important;
  background: var(--akf-public-card-bg, #fff) !important;
  box-shadow: var(--akf-shadow) !important;
}

html[data-theme="light"] body :is(
  .akfMapTitle, .akfMapLead, .akfMapPill, .akfHBD__title, .akfHBD__sub,
  .akfHBDCard, .akfRolePill, .akfName, .akfMeta, .akfBtn
) {
  color: var(--akf-text) !important;
}

html[data-theme="light"] body :is(
  .akfMapPill, .akfHBDCard, .akfRolePill, .akfMeta, .akfBtn
) {
  border-color: var(--akf-line) !important;
  background: var(--akf-hover) !important;
}

html[data-theme="light"] body.akf-public-body .akfHBD {
  --ink: var(--akf-text);
  --muted: var(--akf-muted);
  --line: var(--akf-public-card-border);
}

html[data-theme="light"] body.akf-public-body :is(
  .idcTop, .idcFoot, .akfHBDCard, .akfHBDLeft, .akfBadgeTop,
  .akfHBD__date, .akfRolePill, .akfTag, .akfBtn,
  .akf-stat-pill, .akf-stat-total, .akf-meter,
  .akfC2__sbtn, .akfSubC__pill, .akfSubC__msg
) {
  color: var(--akf-text) !important;
  border-color: var(--akf-public-card-border) !important;
  background: var(--akf-public-card-soft) !important;
  box-shadow: none !important;
}

html[data-theme="light"] body.akf-public-body :is(
  .akfText, .akfTag, .akfHBD__date, .akfBadgeTop, .akfRolePill,
  .idcBadge, .idcIni, .idcName, .idcItem, .idcItem b, .idcOpen,
  .wkf-yt2, .wkf-yt2-text, .slogo span
) {
  color: var(--akf-text) !important;
}

html[data-theme="light"] body.akf-public-body :is(.akfHBD__sub, .akfText) {
  color: var(--akf-muted) !important;
}

html[data-theme="light"] body.akf-public-body :is(.idcOpen, .akfBtn, .akfSubC__btn):hover {
  color: var(--akf-text) !important;
  background: #e2f0f8 !important;
}

html[data-theme="light"] body :is(
  .styles-btn, .coach-btn, .ath-btn, .rank-btn, .idcOpen, .akfSubC__btn
) {
  color: var(--akf-text) !important;
  border-color: var(--akf-line) !important;
  background: var(--akf-hover) !important;
}

html[data-theme="light"] body :is(input, select, textarea) {
  color: var(--akf-text);
  border-color: var(--akf-line);
  background-color: #fff;
}

html[data-theme="light"] body :is(input, textarea)::placeholder {
  color: #6d7d91 !important;
}

html[data-theme="light"] body :is(
  .akfSubC__inp, .akfSubC__btn, .wkf-yt2, .akfC2__sbtn, .akfChip,
  .idcBadge, .idcItem, .idcOpen
) {
  color: var(--akf-text) !important;
}

/* Public functional icons only; brand marks, flags, medals, maps and media keep
 * their intended colours. */
html[data-theme="light"] body.akf-public-body :is(
  .akf-icon-button,
  .akf-language-button,
  .akf-public-login,
  .akf-nav-icon,
  .akf-nav-chevron,
  .akfChip__i,
  .akfC2__sbtn,
  .akfSubC__btn,
  .akfAllNewsBtn,
  .idcOpen,
  .styles-btn,
  .coach-btn,
  .ath-btn,
  .rank-btn,
  .page-link,
  .input-group-text
) {
  color: #111 !important;
}

html[data-theme="light"] body.akf-public-body :is(
  .akf-icon-button,
  .akf-language-button,
  .akf-public-login,
  .akf-nav-icon,
  .akf-nav-chevron,
  .akfChip__i,
  .akfC2__sbtn,
  .akfSubC__btn,
  .akfAllNewsBtn,
  .idcOpen,
  .styles-btn,
  .coach-btn,
  .ath-btn,
  .rank-btn,
  .page-link,
  .input-group-text
) svg {
  color: inherit !important;
  opacity: 1 !important;
  filter: none !important;
  stroke: currentColor !important;
}

html[data-theme="light"] body.akf-public-body :is(
  .akf-icon-button,
  .akf-language-button,
  .akf-public-login,
  .akf-nav-icon,
  .akf-nav-chevron,
  .akfChip__i,
  .akfC2__sbtn,
  .akfSubC__btn,
  .akfAllNewsBtn,
  .idcOpen,
  .styles-btn,
  .coach-btn,
  .ath-btn,
  .rank-btn,
  .page-link,
  .input-group-text
) svg :is(path, line, polyline, polygon, circle, rect, ellipse) {
  color: inherit !important;
  stroke: currentColor !important;
}

html[data-theme="light"] body.akf-public-body :is(
  .akf-icon-button,
  .akf-language-button,
  .akf-public-login,
  .akf-nav-icon,
  .akf-nav-chevron,
  .akfChip__i,
  .akfC2__sbtn,
  .akfSubC__btn,
  .akfAllNewsBtn,
  .idcOpen,
  .styles-btn,
  .coach-btn,
  .ath-btn,
  .rank-btn,
  .page-link,
  .input-group-text
) svg [fill]:not([fill="none"]) {
  fill: currentColor !important;
}

/* Functional SVGs stay compact on every public screen. Brand marks, flags,
 * photos, maps, charts, QR/barcodes and content artwork are intentionally not
 * part of this allowlist. */
body.akf-public-body :is(
  .akf-icon-button,
  .akf-language-button,
  .akf-public-login,
  .akf-nav-icon,
  .akf-nav-chevron,
  .akfChip__i,
  .akfC2__sbtn,
  .akfSubC__btn,
  .akfAllNewsBtn,
  .idcOpen,
  .styles-btn,
  .coach-btn,
  .ath-btn,
  .rank-btn,
  .page-link,
  .input-group-text,
  .btnx,
  .btn-pill,
  .abtn,
  .ico,
  .vblue,
  .akf-directory-back,
  .akf-directory-search button,
  .akf-directory-card p,
  .akf-directory-card a,
  .akf-referee-verified,
  .akf-referee-profile-facts,
  .akf-license-result-meta,
  .akf-license-result-data
) svg {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  flex: 0 0 20px;
}

html[data-theme="light"] body.akf-public-body {
  --akf-card-visual-ink: #18344c;
  --akf-card-visual-surface: #e7f0f6;
  --akf-card-visual-border: #b9cfde;
}

html[data-theme="light"] body.akf-public-body :is(
  .idcTop,
  .idcFoot,
  .akfHBDCard,
  .akfHBDLeft,
  .akfBadgeTop,
  .akfHBD__date,
  .akfRolePill,
  .akfTag,
  .akf-stat-pill,
  .akf-stat-total,
  .akf-meter,
  .akfC2__sbtn,
  .akfSubC__pill,
  .akfSubC__msg,
  .akfChip
) {
  color: var(--akf-card-visual-ink) !important;
  border-color: var(--akf-card-visual-border) !important;
  background: var(--akf-card-visual-surface) !important;
}

html[data-theme="light"] body.akf-public-body :is(
  .akfChip__i svg,
  .akfBadgeTop svg,
  .akfRolePill svg,
  .idcBadge svg,
  .idcIco,
  .akfC2__sbtn svg,
  .akfSubC__btn svg,
  .akf-card svg
) {
  color: var(--akf-card-visual-ink) !important;
  opacity: 1 !important;
  filter: brightness(.84) contrast(1.12);
  stroke: currentColor !important;
}

html[data-theme="light"] body.akf-public-body :is(
  .akfChip__i svg,
  .akfBadgeTop svg,
  .akfRolePill svg,
  .idcBadge svg,
  .idcIco,
  .akfC2__sbtn svg,
  .akfSubC__btn svg,
  .akf-card svg
) :is(path, line, polyline, polygon, circle, rect, ellipse) {
  stroke: currentColor !important;
}

html[data-theme="light"] body.akf-public-body :is(
  .holo-wrap,
  .coach-holo-wrap,
  .ath-holo-wrap,
  .rank-holo-wrap,
  .akfHBD,
  .idc,
  .akfC2,
  .akfCombo
) img[src*=".png"] {
  filter: brightness(.92) contrast(1.08) saturate(.96);
}

html[data-theme="light"] body .carousel :is(.carousel-control-prev, .carousel-control-next),
html[data-theme="light"] body .slide-info,
html[data-theme="light"] body .slide-info *,
html[data-theme="light"] body .wkf-yt2 img {
  color: #fff !important;
}

html[data-theme="light"] body.akf-public-body .akfAllNewsBtn {
  color: var(--akf-text) !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: var(--akf-border) !important;
  box-shadow: 0 10px 24px rgba(23, 105, 170, 0.14) !important;
  opacity: 1;
}

/* Home member totals: keep the same component legible in both public themes. */
html[data-theme="light"] body.akf-public-home .akfCounters[data-akf-counter="1"] {
  --akf-members-ink: #102a43;
  --akf-members-muted: #365a78;
  --akf-members-border: rgba(23, 105, 170, 0.2);
  --akf-members-panel: linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(242, 249, 253, 0.98));
  --akf-members-card: #ffffff;
  --akf-members-soft: #e7f0f6;
  --akf-members-progress: #1769aa;
  --akf-members-shadow: 0 16px 40px rgba(23, 105, 170, 0.12);
}

html:is([data-theme="public-original"], [data-theme="dark"]) body.akf-public-home .akfCounters[data-akf-counter="1"] {
  --akf-members-ink: #f7fbff;
  --akf-members-muted: #c8d8e7;
  --akf-members-border: rgba(255, 255, 255, 0.14);
  --akf-members-panel: linear-gradient(145deg, rgba(13, 27, 43, 0.96), rgba(6, 16, 28, 0.96));
  --akf-members-card: rgba(255, 255, 255, 0.055);
  --akf-members-soft: rgba(255, 255, 255, 0.075);
  --akf-members-progress: #ffffff;
  --akf-members-shadow: 0 18px 46px rgba(0, 0, 0, 0.28);
}

body.akf-public-home .akfCounters[data-akf-counter="1"] {
  color: var(--akf-members-ink) !important;
  border-color: var(--akf-members-border) !important;
  background: var(--akf-members-panel) !important;
  box-shadow: var(--akf-members-shadow) !important;
}

body.akf-public-home .akfCounters[data-akf-counter="1"] .akf-stat-top {
  border-bottom-color: var(--akf-members-border) !important;
}

body.akf-public-home .akfCounters[data-akf-counter="1"] :is(
  .akf-stat-pill,
  .akf-stat-total
) {
  color: var(--akf-members-ink) !important;
  border-color: var(--akf-members-border) !important;
  background: var(--akf-members-soft) !important;
  box-shadow: none !important;
}

body.akf-public-home .akfCounters[data-akf-counter="1"] .akf-card {
  color: var(--akf-members-ink) !important;
  border-color: var(--akf-members-border) !important;
  background: var(--akf-members-card) !important;
  box-shadow: none !important;
}

body.akf-public-home .akfCounters[data-akf-counter="1"] :is(.t-lab, .akf-card-k) {
  color: var(--akf-members-muted) !important;
  opacity: 1 !important;
}

body.akf-public-home .akfCounters[data-akf-counter="1"] :is(.t-num, .akf-card-v) {
  color: var(--akf-members-ink) !important;
}

body.akf-public-home .akfCounters[data-akf-counter="1"] .akf-stat-pill svg {
  color: var(--akf-members-ink) !important;
  fill: currentColor !important;
  stroke: none !important;
  filter: none !important;
}

body.akf-public-home .akfCounters[data-akf-counter="1"] .akf-stat-pill svg :is(path, circle) {
  fill: currentColor !important;
  stroke: none !important;
}

body.akf-public-home .akfCounters[data-akf-counter="1"] .akf-meter {
  border-color: var(--akf-members-border) !important;
  background: var(--akf-members-soft) !important;
  box-shadow: none !important;
}

body.akf-public-home .akfCounters[data-akf-counter="1"] .akf-meter span {
  background: var(--akf-members-progress) !important;
  opacity: 1 !important;
}

html[data-theme="light"] body.akf-public-body .akfAllNewsBtn:hover,
html[data-theme="light"] body.akf-public-body .akfAllNewsBtn:focus-visible {
  color: var(--akf-primary) !important;
  background: var(--akf-primary-soft) !important;
  border-color: rgba(23, 105, 170, 0.38) !important;
}

html[data-theme="light"] body.akf-public-body .akfAllNewsBtn svg,
html[data-theme="light"] body.akf-public-body .akfAllNewsBtn svg * {
  color: currentColor !important;
  stroke: currentColor !important;
}

/* Matte blue light-theme surfaces for homepage visual cards. */
html[data-theme="light"] body.akf-public-body {
  --akf-matte-blue: #b9d3e3;
  --akf-matte-blue-hover: #abcadd;
  --akf-matte-blue-border: #7fa8c2;
  --akf-matte-ink: #080b0f;
}

html[data-theme="light"] body.akf-public-body :is(
  .coach-ico,
  .idcHolo,
  .rank-ico,
  .pbox
) {
  color: var(--akf-matte-ink) !important;
  border-color: var(--akf-matte-blue-border) !important;
  background: var(--akf-matte-blue) !important;
  box-shadow: 0 10px 24px rgba(37, 84, 116, 0.16) !important;
}

html[data-theme="light"] body.akf-public-body .pbox:hover,
html[data-theme="light"] body.akf-public-body .pbox:focus-visible {
  background: var(--akf-matte-blue-hover) !important;
  border-color: #648faa !important;
}

html[data-theme="light"] body.akf-public-body .coach-ico img[src*="coach.png"] {
  opacity: 0.92;
  filter: brightness(0) saturate(100%) !important;
}

html[data-theme="light"] body.akf-public-body .idcHolo::before {
  background: none !important;
  animation: none !important;
}

html[data-theme="light"] body.akf-public-body .idcHolo::after {
  color: var(--akf-matte-ink) !important;
  opacity: 1;
}

html[data-theme="light"] body.akf-public-body .pbox img {
  opacity: 1;
  filter: brightness(0.88) contrast(1.16) saturate(1.03)
    drop-shadow(0 5px 12px rgba(24, 52, 76, 0.2)) !important;
}

html[data-theme="light"] body.akf-public-body .akf-public-shell svg {
  color: var(--akf-matte-ink) !important;
  opacity: 1 !important;
  filter: none !important;
  stroke: currentColor !important;
}

html[data-theme="light"] body.akf-public-body .akf-public-shell svg :is(
  path,
  line,
  polyline,
  polygon,
  circle,
  rect,
  ellipse
) {
  stroke: currentColor !important;
}

html[data-theme="light"] body.akf-public-body .akf-public-shell svg [fill]:not([fill="none"]) {
  fill: currentColor !important;
}

html[data-theme="light"] body.akf-public-body .slide-info svg,
html[data-theme="light"] body.akf-public-body .slide-info svg * {
  color: #fff !important;
  stroke: #fff !important;
}

@media (max-width: 1024px) {
  .akf-public-search {
    position: static;
  }

  .akf-public-search__toggle {
    display: inline-grid;
  }

  .akf-public-search__form {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    left: 0;
    display: none;
    width: 100%;
    padding: 9px;
    border: 1px solid var(--akf-line);
    border-radius: 16px;
    background: var(--akf-surface-strong);
    box-shadow: var(--akf-shadow);
  }

  .akf-public-search.is-open .akf-public-search__form {
    display: block;
  }
}

@media (max-width: 720px) {
  .akf-public-topbar {
    padding: max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) 6px max(6px, env(safe-area-inset-left));
  }

  .akf-public-topbar__inner {
    gap: 6px;
    padding: 8px;
    border-radius: 18px;
  }

  .akf-public-brand img {
    height: 44px;
    max-width: min(31vw, 168px);
  }

  .akf-public-actions {
    gap: 6px;
  }

  .akf-public-login > span:not(.visually-hidden) {
    display: none;
  }

  .akf-public-login {
    min-width: 44px;
    padding: 9px;
  }

  .akf-app-footer {
    align-items: center;
    padding-inline: 14px;
  }
}

@media (max-width: 480px) {
  .akf-public-topbar [data-akf-theme-toggle] {
    display: none;
  }

  .akf-public-actions {
    gap: 4px;
  }
}

@media (max-width: 410px) {
  .akf-public-brand img {
    height: 34px;
    max-width: min(30vw, 126px);
  }

  .akf-public-actions {
    gap: 3px;
  }

  .akf-icon-button,
  .akf-language-button,
  .akf-public-login {
    min-width: 44px;
    min-height: 44px;
    border-radius: 12px;
  }

  .akf-language-button {
    padding-inline: 7px;
  }

  .akf-language-button > svg {
    display: none;
  }

  .akf-public-search__form {
    top: calc(100% + 6px);
    padding: 7px;
  }

  .cookie-modal__head,
  .cookie-modal__body {
    padding-left: 16px;
    padding-right: 16px;
  }

  .cookie-modal__actions {
    flex-direction: column;
  }
}

@media print {
  html,
  body {
    color: #000 !important;
    background: #fff !important;
  }

  .akf-public-topbar,
  .akf-public-drawer,
  .akf-drawer-overlay,
  .akf-app-footer,
  .cookie-gate {
    display: none !important;
  }

  .akf-public-shell::before,
  .akf-public-shell::after {
    display: none !important;
  }
}