/* ===== 15 Kasım KKTC Kuruluş Yıldönümü header — white with two red stripes and a centered crescent & star, like the flag ===== */
header,
body.headerimage header,
body.homepage header {
  isolation: isolate;
  background:
    linear-gradient(180deg,
      #ffffff 0, #ffffff 8.5%,
      #e30a17 8.5%, #e30a17 17%,
      #ffffff 17%, #ffffff 83%,
      #e30a17 83%, #e30a17 91.5%,
      #ffffff 91.5%, #ffffff 100%);
  backdrop-filter: blur(10px) saturate(130%);
  -webkit-backdrop-filter: blur(10px) saturate(130%);
  border-bottom: 0;
  border-image: none;
  box-shadow: 0 4px 24px rgba(227, 10, 23, .18);
}

/* crescent & star centered between the two stripes (like the flag) */
header::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='25 22 75 56'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect x='0' y='0' width='120' height='100' fill='%23fff'/%3E%3Ccircle cx='59.375' cy='50' r='20' fill='%23000'/%3E%3C/mask%3E%3C/defs%3E%3Cg fill='%23e30a17' opacity='1'%3E%3Ccircle cx='53.125' cy='50' r='25' mask='url(%23m)'/%3E%3Cpolygon points='72.917,50 95.529,57.347 81.554,38.112 81.554,61.888 95.529,42.653'/%3E%3C/g%3E%3C/svg%3E") 50% 50% / auto 58% no-repeat;
}

@media (max-width: 768px) {
  header::after { opacity: .9; }
}

/* white header: use the navy logo and red/navy controls everywhere (the default header is blue with the white logo) */
header.mobile .mainlogo a.logopair .logo-white { opacity: 0; }
header.mobile .mainlogo a.logopair .logo-navy { opacity: 1; }
header.mobile .menubtn { color: #e30a17; border-color: rgba(227, 10, 23, .35); }
header.mobile .fsm-root {
  --fsm-trigger-bg: #e30a17;
  --fsm-trigger-fg: #fff;
}

/* x99 override: homepage header stays themed: 08-homepage.css turns it white until the page is scrolled; keep it this theme at the top too */
body.homepage:not(.hero-scrolled) header.mobile {
  background:
    linear-gradient(180deg,
      #ffffff 0, #ffffff 8.5%,
      #e30a17 8.5%, #e30a17 17%,
      #ffffff 17%, #ffffff 83%,
      #e30a17 83%, #e30a17 91.5%,
      #ffffff 91.5%, #ffffff 100%) !important;
  box-shadow: 0 4px 24px rgba(227, 10, 23, .18) !important;
  border-image: none !important;
}
body.homepage:not(.hero-scrolled) header.mobile .mainlogo a.logopair .logo-white { opacity: 0; }
body.homepage:not(.hero-scrolled) header.mobile .mainlogo a.logopair .logo-navy { opacity: 1; }
body.homepage:not(.hero-scrolled) header.mobile .menubtn { color: #e30a17 !important; border-color: rgba(227, 10, 23, .35) !important; }
body.homepage:not(.hero-scrolled) header.mobile .fsm-root {
  --fsm-trigger-bg: #e30a17;
  --fsm-trigger-fg: #fff;
}