/* Ana renk. Yönetim paneli yalnızca --renk değerini değiştirir. */
:root {
  --renk: #1d4aa7;
  --renk-koyu: hsl(from var(--renk) h s calc(l * 0.82));
  --renk-acik: hsl(from var(--renk) h calc(s * 0.78) 93.9%);
  --renk-sis: hsl(from var(--renk) h s 90.2%);
  --renk-cizgi: hsl(from var(--renk) h calc(s * 0.75) 89.2%);
  --renk-zemin: hsl(from var(--renk) h calc(s * 0.66) 97.1%);
  --renk-ara: hsl(from var(--renk) h s 97.3%);
  --renk-soluk: hsl(from var(--renk) h calc(s * 0.32) 47.3%);
}

.golge-kart {
  box-shadow: 0 8px 24px color-mix(in srgb, var(--renk) 5%, transparent);
}

.form-zemin {
  background-color: #fff;
  background-image:
    radial-gradient(circle at top right, color-mix(in srgb, var(--renk) 14%, transparent), transparent 42%),
    radial-gradient(circle at bottom left, color-mix(in srgb, var(--renk) 10%, transparent), transparent 36%);
}

.kapak {
  position: relative;
  overflow: hidden;
  background: var(--renk);
  container-type: size;
  pointer-events: none;
}

.kapak-kapla {
  position: absolute;
  inset: 0;
}

.kapak-sahne {
  position: absolute;
  left: 50%;
  top: 50%;
  width: max(100cqw, calc(100cqh * 16 / 9));
  height: max(100cqh, calc(100cqw * 9 / 16));
  transform: translate(-50%, -50%);
}

.kapak-daire,
.kapak-dalga {
  position: absolute;
}

.kapak-daire {
  border-radius: 9999px;
}

.kapak-daire-ust {
  width: 35%;
  aspect-ratio: 1;
  left: 68.75%;
  top: -17.78%;
  background: var(--renk-acik);
}

.kapak-daire-alt {
  width: 42.5%;
  aspect-ratio: 1;
  left: -10%;
  top: 53.33%;
  background: var(--renk-sis);
}

.kapak-dalga {
  inset: 0;
}

.kapak-dalga-koyu {
  background: var(--renk-koyu);
  clip-path: polygon(
    0% 68.89%,
    4.11% 66.01%,
    8.03% 64.01%,
    11.8% 62.81%,
    15.47% 62.36%,
    19.08% 62.58%,
    22.68% 63.42%,
    26.3% 64.8%,
    30% 66.67%,
    33.7% 68.44%,
    37.3% 69.58%,
    40.85% 70.1%,
    44.38% 70%,
    47.9% 69.27%,
    51.45% 67.92%,
    55.05% 65.94%,
    58.75% 63.33%,
    62.45% 60.69%,
    66.05% 58.61%,
    69.6% 57.16%,
    73.12% 56.39%,
    76.65% 56.35%,
    80.2% 57.08%,
    83.8% 58.65%,
    87.5% 61.11%,
    90.91% 63.54%,
    93.67% 65.09%,
    95.85% 65.94%,
    97.5% 66.25%,
    98.68% 66.2%,
    99.45% 65.95%,
    99.87% 65.68%,
    100% 65.56%,
    100% 100%,
    0% 100%
  );
}

.kapak-dalga-acik {
  background: var(--renk-acik);
  opacity: 0.35;
  clip-path: polygon(
    0% 77.78%,
    4.52% 76.41%,
    8.77% 75.61%,
    12.81% 75.3%,
    16.72% 75.42%,
    20.57% 75.9%,
    24.43% 76.68%,
    28.39% 77.7%,
    32.5% 78.89%,
    36.5% 79.93%,
    40.13% 80.54%,
    43.48% 80.71%,
    46.64% 80.42%,
    49.72% 79.66%,
    52.8% 78.42%,
    55.99% 76.69%,
    59.38% 74.44%,
    62.92% 72.4%,
    66.49% 71.2%,
    70.09% 70.75%,
    73.67% 70.97%,
    77.23% 71.76%,
    80.73% 73.04%,
    84.16% 74.7%,
    87.5% 76.67%,
    90.55% 78.4%,
    93.14% 79.53%,
    95.3% 80.16%,
    97.03% 80.42%,
    98.35% 80.41%,
    99.28% 80.26%,
    99.82% 80.08%,
    100% 80%,
    100% 100%,
    0% 100%
  );
}


@media (min-width: 1024px) {
  html {
    scrollbar-width: none;
  }
  html::-webkit-scrollbar {
    display: none;
  }
}

.icerik > * + * {
  margin-top: 1rem;
}

.icerik a {
  color: var(--renk);
  text-decoration: underline;
}

.icerik ul,
.icerik ol {
  padding-left: 1.25rem;
}

.icerik ul {
  list-style: disc;
}

.icerik ol {
  list-style: decimal;
}

.seo-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.8rem;
}

.seo-breadcrumb-item:not(:last-child)::after {
  content: "/";
  margin: 0 0.4rem;
  opacity: 0.45;
}

.seo-breadcrumb a {
  color: var(--renk);
}

.cookie-hidden {
  display: none;
}