/**
 * Visual redesign override (no bundle edit).
 * Daha farklı bir görünüm için güçlü tema değişimi.
 */

:root {
  --background: oklch(95.5% .008 255);
  --foreground: oklch(20% .025 260);
  --card: oklch(99% .003 255);
  --card-foreground: oklch(20% .025 260);
  --popover: oklch(99% .003 255);
  --popover-foreground: oklch(20% .025 260);
  --secondary: oklch(92.5% .012 255);
  --secondary-foreground: oklch(22% .03 260);
  --muted: oklch(91.8% .01 255);
  --muted-foreground: oklch(42% .03 260);
  --border: oklch(85% .014 255);
  --input: oklch(85% .014 255);
  --ring: oklch(64% .18 285);
  --primary: oklch(42% .2 286);
  --primary-foreground: oklch(98% .002 255);
  --accent: oklch(52% .17 235);
  --accent-foreground: oklch(98% .002 255);
}

html {
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  background:
    radial-gradient(circle at 10% 0%, oklch(94% .035 286 / 0.45), transparent 40%),
    radial-gradient(circle at 100% 30%, oklch(93% .025 235 / 0.45), transparent 38%),
    var(--background);
}

/* ------- Header: dark glass ------- */
.site-header {
  background: linear-gradient(
    90deg,
    oklch(23% .04 268 / 0.9),
    oklch(19% .03 252 / 0.9)
  ) !important;
  border-bottom: 1px solid oklch(100% 0 0 / 0.14) !important;
  box-shadow:
    0 10px 30px -20px oklch(0% 0 0 / 0.7),
    inset 0 1px 0 oklch(100% 0 0 / 0.12);
  backdrop-filter: blur(14px) saturate(1.2);
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
}

.site-header nav .h-20 {
  min-height: 5.15rem;
}

.site-header a[href="/"] img {
  height: 3.5rem;
  filter: brightness(0) invert(1);
  transition: transform 0.2s ease;
}

.site-header a[href="/"]:hover img {
  transform: scale(1.03);
}

.site-header nav a[href] > span.text-sm,
.site-header nav button.text-sm {
  color: oklch(97% .01 255) !important;
  font-weight: 500;
  letter-spacing: 0.01em;
}

.site-header nav a[href] > span.text-sm::after,
.site-header nav button.text-sm::after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  margin-top: 4px;
  background: linear-gradient(90deg, oklch(74% .18 286), oklch(73% .14 235));
  transition: width 0.22s ease;
}

.site-header nav a[href]:hover > span.text-sm::after,
.site-header nav button.text-sm:hover::after {
  width: 100%;
}

/* Header CTA */
.site-header [data-slot="button"] {
  border-radius: 999px !important;
  height: 2.45rem !important;
  padding-inline: 1.1rem !important;
  font-weight: 600 !important;
  border-color: oklch(100% 0 0 / 0.25) !important;
  transition: transform 0.18s ease, box-shadow 0.22s ease, filter 0.2s ease;
}

.site-header [data-slot="button"]:first-of-type {
  background: oklch(100% 0 0 / 0.08) !important;
  color: oklch(97% .01 255) !important;
}

.site-header [data-slot="button"]:last-of-type {
  border: 0 !important;
  color: #fff !important;
  background: linear-gradient(90deg, oklch(54% .2 286), oklch(54% .16 235)) !important;
  box-shadow: 0 10px 20px -10px oklch(45% .2 286 / 0.7);
}

.site-header [data-slot="button"]:hover:not(:disabled) {
  transform: translateY(-1px);
  filter: brightness(1.05);
}

/* ------- Body/content ------- */
.min-h-screen.bg-background {
  background-color: transparent !important;
}

section {
  position: relative;
}

section.py-20:nth-of-type(even) {
  background: oklch(100% 0 0 / 0.45);
  border-top: 1px solid oklch(86% .012 255 / 0.9);
  border-bottom: 1px solid oklch(86% .012 255 / 0.9);
}

h1.display-text,
h2.display-text {
  color: oklch(24% .045 265);
}

h1.display-text {
  background: linear-gradient(90deg, oklch(28% .09 286), oklch(33% .08 235));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}

.hero-kpis {
  align-items: center;
}

.hero-kpi-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 0.9rem;
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: oklch(32% .06 265);
  background: linear-gradient(90deg, oklch(98% .008 286), oklch(97% .008 235));
  border: 1px solid oklch(84% .02 255 / 0.85);
  box-shadow: 0 8px 20px -16px oklch(33% .08 265 / 0.7);
}

.shadow-2xl {
  border-radius: 1.2rem;
  box-shadow:
    0 18px 45px -28px oklch(31% .08 260 / 0.6),
    0 5px 18px -9px oklch(0% 0 0 / 0.2) !important;
}

/* Generic cards */
.border.border-border {
  border-radius: 1rem;
  border-color: oklch(84% .014 255) !important;
  background: oklch(100% 0 0 / 0.72);
  backdrop-filter: blur(2px);
  box-shadow: 0 12px 35px -30px oklch(22% .06 260 / 0.5);
}

/* Global primary buttons */
button[data-slot="button"].bg-black.text-white,
a button[data-slot="button"].bg-black.text-white {
  border: 0 !important;
  border-radius: 0.8rem !important;
  background: linear-gradient(90deg, oklch(52% .2 286), oklch(52% .16 235)) !important;
  box-shadow: 0 12px 20px -14px oklch(48% .18 286 / 0.72);
}

button[data-slot="button"].bg-black.text-white:hover {
  filter: brightness(1.08);
}

/* Newsletter input/button shape */
input[data-slot="input"] {
  border-radius: 0.8rem !important;
  border: 1px solid oklch(84% .014 255) !important;
}

/* ------- Footer ------- */
footer.bg-black.text-white {
  background: linear-gradient(160deg, oklch(20% .04 268) 0%, oklch(13% .03 252) 100%) !important;
  border-top: 2px solid oklch(68% .16 286);
}

footer.bg-black a span:hover,
footer.bg-black a:hover span {
  color: oklch(79% .12 286) !important;
}

/* Header interactions */
.desktop-investments-menu {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 220px;
  padding: 0.5rem;
  background: oklch(100% 0 0 / 0.98);
  border: 1px solid oklch(84% .014 255);
  box-shadow: 0 14px 32px -18px oklch(0% 0 0 / 0.35);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s;
  z-index: 70;
}

.desktop-investments-menu.is-open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.desktop-investments-menu a {
  display: block;
  padding: 0.5rem 0.65rem;
  border-radius: 0.45rem;
  color: oklch(24% .04 260);
  font-size: 0.9rem;
  text-decoration: none;
}

.desktop-investments-menu a:hover {
  background: oklch(94% .015 255);
}

.mobile-nav-menu {
  display: none;
  padding: 0.65rem 1rem 1rem;
  border-top: 1px solid oklch(100% 0 0 / 0.12);
  background: oklch(17% .028 260 / 0.96);
}

.mobile-nav-menu.is-open {
  display: block;
}

.mobile-nav-menu a {
  display: block;
  padding: 0.7rem 0.15rem;
  color: oklch(97% .01 255);
  text-decoration: none;
  border-bottom: 1px solid oklch(100% 0 0 / 0.08);
}