/*
 * Light‑tone Glassmorphism v3 — Cakmak Law
 * Full audit: alignment · colors · font sizes · font colors
 * Primary hue: teal (#0d9488 / #6fd8d6)
 */

/* ══════════════════════════════════════
   DESIGN TOKENS
   ══════════════════════════════════════ */
:root {
  --gl-primary: #0d9488;
  --gl-primary-light: #6fd8d6;
  --gl-primary-dark: #0a7a70;
  --gl-bg: #f0fafa;
  --gl-text: #1a2e2e;
  --gl-text-muted: #3d5a5a;
  --gl-text-light: #5e8080;
  --gl-accent: #0d9488;
  --gl-border: rgba(13,148,136,.14);
  --gl-border-light: rgba(13,148,136,.12);
  --gl-panel-bg: rgba(255,255,255,.45);
  --gl-panel-bg-hover: rgba(255,255,255,.65);
  --gl-panel-border: rgba(13,148,136,.18);
  --gl-panel-shadow: 0 8px 32px rgba(13,148,136,.06), 0 2px 8px rgba(0,0,0,.02);
  --gl-panel-shadow-hover: 0 12px 48px rgba(13,148,136,.10), 0 4px 12px rgba(0,0,0,.04);
  --gl-blur: blur(24px) saturate(150%);
  --gl-radius: 20px;
  --gl-radius-sm: 12px;
  --gl-radius-lg: 20px;
  --gl-radius-xl: 32px;
  --gl-radius-full: 9999px;
  --gl-gap: 0.75rem;
  --gl-gradient: linear-gradient(135deg, rgba(13,148,136,.06), rgba(111,216,214,.08));

  /* Premium theme variables overrides */
  --color-crimson: #0d9488 !important;
  --color-crimson-dark: #0a7a70 !important;
  --color-gold: #0d9488 !important;
  --color-gold-light: #6fd8d6 !important;
  --color-ink: #1a2e2e !important;
  --color-ink-muted: #3d5a5a !important;
  --color-surface: #f0fafa !important;
  --color-border: rgba(13,148,136,.14) !important;

  /* Base theme variables overrides */
  --gold: #0d9488 !important;
  --goldb: #b33a2f !important; /* Wait, goldb is usually secondary gold/red, let's map it to teal-light/accent or primary */
  --goldb: #0d9488 !important;
  --goldd: #0a7a70 !important;
}

/* ══════════════════════════════════════
   BODY & BACKGROUND MESH
   ══════════════════════════════════════ */
html {
  background: var(--gl-bg) !important;
}
html, body {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body {
  background: transparent !important;
  color: var(--gl-text) !important;
  position: relative !important;
}
body::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -1 !important; /* Sit behind the body children without requiring position relative on everything */
  pointer-events: none !important;
  background:
    radial-gradient(ellipse 60% 60% at 15% 15%, rgba(13,148,136,.24) 0%, transparent 70%),
    radial-gradient(ellipse 50% 50% at 80% 30%, rgba(111,216,214,.22) 0%, transparent 60%),
    radial-gradient(ellipse 55% 55% at 45% 80%, rgba(13,148,136,.16) 0%, transparent 65%) !important;
  animation: meshDrift 20s ease-in-out infinite alternate !important;
}
@keyframes meshDrift {
  0%   { transform: translate(0,0) scale(1); }
  33%  { transform: translate(25px,-15px) scale(1.03); }
  66%  { transform: translate(-20px,25px) scale(0.97); }
  100% { transform: translate(12px,8px) scale(1.01); }
}

/* Systems Overlays protection to prevent relative override bugs */
html body #page-curtain,
html body #preloader,
html body #noise,
html body #prog,
html body canvas#particles {
  position: fixed !important;
  z-index: 99999 !important;
}

/* ══════════════════════════════════════
   REUSABLE GLASS PANEL
   ══════════════════════════════════════ */
.glass-panel {
  background: var(--gl-panel-bg) !important;
  border: 1px solid var(--gl-panel-border) !important;
  backdrop-filter: var(--gl-blur) !important;
  -webkit-backdrop-filter: var(--gl-blur) !important;
  border-radius: var(--gl-radius) !important;
  box-shadow: var(--gl-panel-shadow) !important;
  transition: all .3s ease !important;
}
.glass-panel:hover {
  background: var(--gl-panel-bg-hover) !important;
  border-color: rgba(13,148,136,.18) !important;
  box-shadow: var(--gl-panel-shadow-hover) !important;
}

/* ══════════════════════════════════════
   TOPBAR
   ══════════════════════════════════════ */
.topbar {
  background: rgba(255,255,255,.50) !important;
  backdrop-filter: blur(16px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(130%) !important;
  border-bottom: 1px solid var(--gl-border-light) !important;
  color: var(--gl-text-muted) !important;
}
.topbar-left, .topbar-left a, .topbar-left span { color: var(--gl-text-muted) !important; }
.topbar-left strong { color: var(--gl-text) !important; }
.lang a.on {
  background: var(--gl-primary) !important;
  color: #fff !important;
  border-radius: 4px !important;
}
.lang a:not(.on) { color: var(--gl-text-light) !important; }

/* ══════════════════════════════════════
   NAVIGATION
   ══════════════════════════════════════ */
.nav {
  position: sticky !important; top: 0 !important; z-index: 200 !important;
  background: rgba(255,255,255,.60) !important;
  backdrop-filter: blur(24px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(150%) !important;
  border-bottom: 1px solid var(--gl-border) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.5) inset, 0 4px 20px rgba(13,148,136,.06) !important;
}
.nav::after {
  content: "" !important;
  position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(13,148,136,.18) 50%, transparent) !important;
}
.nav.scrolled {
  background: rgba(255,255,255,.75) !important;
  box-shadow: 0 4px 28px rgba(13,148,136,.10) !important;
}
/* Nav brand */
.nav .brand { border-right-color: var(--gl-border) !important; }
.nav .brand-name { color: var(--gl-text) !important; }
.nav .brand-tag { color: var(--gl-text-light) !important; }
.nav .brand-logo-img { filter: none !important; opacity: 1 !important; }
/* Nav links */
.nav .nav-links a {
  color: var(--gl-text-muted) !important;
  background: transparent !important;
  border-color: transparent !important;
}
.nav .nav-links a:hover {
  color: var(--gl-primary-dark) !important;
  background: rgba(13,148,136,.05) !important;
  border-radius: 6px !important;
}
.nav .nav-links a.current { color: var(--gl-primary) !important; }
.nav .nav-links a::after {
  background: linear-gradient(90deg, transparent, var(--gl-primary) 50%, transparent) !important;
}
.nav .nav-links li+li::before { background: var(--gl-border-light) !important; }
/* Nav WA button */
.nav .nav-wa {
  border: 1px solid var(--gl-border) !important;
  color: var(--gl-text-muted) !important;
  background: rgba(255,255,255,.40) !important;
}
.nav .nav-wa:hover {
  border-color: rgba(37,211,102,.5) !important;
  color: #25d366 !important;
  background: rgba(37,211,102,.08) !important;
}
/* Nav CTA button */
.nav .nav-act .btn,
.nav .nav-act .btn-gold {
  background: var(--gl-primary) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 2px 10px rgba(13,148,136,.25) !important;
}
.nav .nav-act .btn:hover,
.nav .nav-act .btn-gold:hover {
  background: var(--gl-primary-dark) !important;
  box-shadow: 0 4px 16px rgba(13,148,136,.35) !important;
  transform: translateY(-1px) !important;
}
/* Hamburger */
.nav .hamburger {
  background: rgba(255,255,255,.50) !important;
  border: 1px solid var(--gl-border) !important;
}
.nav .hamburger span { background: var(--gl-text) !important; }

/* ══════════════════════════════════════
   MOBILE MENU
   ══════════════════════════════════════ */
.mob-menu {
  background: rgba(240,250,250,.97) !important;
  backdrop-filter: blur(24px) !important;
}
.mob-menu a {
  color: var(--gl-text) !important;
  border-bottom-color: var(--gl-border-light) !important;
}
.mob-menu a:hover { color: var(--gl-primary) !important; }
.mob-menu .mob-menu-cta {
  background: var(--gl-primary) !important;
  color: #fff !important;
}

/* ══════════════════════════════════════
   HERO SECTION
   ══════════════════════════════════════ */
.hero {
  background: linear-gradient(160deg, #e6f7f7 0%, var(--gl-bg) 40%, #dff5f3 100%) !important;
  position: relative !important;
}
.hero::before { background: none !important; animation: none !important; }
.hero-grid-overlay { opacity: 0.3 !important; background-image:
  linear-gradient(rgba(13,148,136,.03) 1px, transparent 1px),
  linear-gradient(90deg, rgba(13,148,136,.03) 1px, transparent 1px) !important;
}
.hero-sweep { background: linear-gradient(90deg, transparent, rgba(13,148,136,.12), transparent) !important; }
/* Hero blobs → pastel teal */
.blob-gold { background: radial-gradient(circle, rgba(13,148,136,.15) 0%, transparent 70%) !important; }
.blob-red { background: radial-gradient(circle, rgba(111,216,214,.12) 0%, transparent 70%) !important; }
.blob-copper { background: radial-gradient(circle, rgba(13,148,136,.08) 0%, transparent 70%) !important; }
/* Hero text colors */
.hero-label {
  background: rgba(13,148,136,.08) !important;
  border: 1px solid rgba(13,148,136,.18) !important;
  color: var(--gl-primary) !important;
  border-radius: 100px !important;
  padding: 6px 16px !important;
}
.hero-label::before { background: var(--gl-primary) !important; box-shadow: 0 0 0 4px rgba(13,148,136,.15) !important; }
.hero-h1, .hero-h1 span span { color: var(--gl-text) !important; }
.hero-h1 em {
  -webkit-text-fill-color: var(--gl-primary) !important;
  background: none !important;
  color: var(--gl-primary) !important;
}
.hero-sub { color: var(--gl-text-muted) !important; }
.trust-p { color: var(--gl-text-muted) !important; }
.trust-p svg { color: var(--gl-primary) !important; }
.hero-trust { border-top-color: var(--gl-border-light) !important; }
/* Hero buttons */
.hero .btn-gold, .hero-acts .btn-gold {
  background: var(--gl-primary) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(13,148,136,.25) !important;
}
.hero .btn-gold:hover, .hero-acts .btn-gold:hover {
  background: var(--gl-primary-dark) !important;
  box-shadow: 0 6px 24px rgba(13,148,136,.35) !important;
  transform: translateY(-2px) !important;
}
.hero .btn-ghost {
  color: var(--gl-text-muted) !important;
  border-color: var(--gl-border) !important;
  background: rgba(255,255,255,.50) !important;
  backdrop-filter: blur(8px) !important;
}
.hero .btn-ghost:hover {
  color: var(--gl-text) !important;
  border-color: var(--gl-primary) !important;
  background: rgba(255,255,255,.70) !important;
}
/* Hero status bar */
.hero-status {
  border-top-color: var(--gl-border-light) !important;
  color: var(--gl-text-light) !important;
}
.hero-status-item::before { background: var(--gl-primary) !important; }
/* Hero scroll indicator */
.hero-scroll-line { background: linear-gradient(180deg, var(--gl-primary), transparent) !important; }
.hero-scroll-text { color: var(--gl-primary) !important; }
/* Spotlight */
#spotlight { background: radial-gradient(600px circle at var(--mx,50%) var(--my,40%), rgba(13,148,136,.05) 0%, transparent 60%) !important; }

/* ══════════════════════════════════════
   FOUNDER CARD
   ══════════════════════════════════════ */
.founder-card {
  background: rgba(255,255,255,.55) !important;
  border: 1px solid rgba(255,255,255,.45) !important;
  box-shadow: 0 12px 40px rgba(13,148,136,.08), 0 2px 8px rgba(0,0,0,.04) !important;
  backdrop-filter: var(--gl-blur) !important;
  -webkit-backdrop-filter: var(--gl-blur) !important;
  border-radius: var(--gl-radius) !important;
  animation: founderFloat 6s ease-in-out infinite !important;
  overflow: hidden !important; /* Clip the image and header background to the card's rounded corners! */
}
@keyframes founderFloat {
  0%,100% { transform: translateY(0); box-shadow: 0 12px 40px rgba(13,148,136,.08); }
  50%     { transform: translateY(-6px); box-shadow: 0 20px 50px rgba(13,148,136,.12); }
}
.founder-badge {
  background: var(--gl-primary) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  color: #fff !important;
}
.founder-role { color: var(--gl-primary) !important; }
.founder-name { color: var(--gl-text) !important; }
.founder-text { color: var(--gl-text-muted) !important; }
.founder-meta div {
  border: 1px solid rgba(255,255,255,.45) !important;
  background: rgba(255,255,255,.40) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-radius: var(--gl-radius-sm) !important;
  box-shadow: 0 2px 8px rgba(13,148,136,.02) !important;
}
.founder-meta strong { color: var(--gl-text-light) !important; }
.founder-meta span { color: var(--gl-text) !important; }

/* ══════════════════════════════════════
   MARQUEE BAND
   ══════════════════════════════════════ */
.mq-band {
  background: rgba(255,255,255,.45) !important;
  border-top: 1px solid var(--gl-border-light) !important;
  border-bottom: 1px solid var(--gl-border-light) !important;
  backdrop-filter: blur(12px) !important;
}
.mq-label {
  border-color: var(--gl-border) !important;
  background: rgba(255,255,255,.70) !important;
  color: var(--gl-primary) !important;
}
.mq-label::before { background: var(--gl-primary) !important; }
.mq-viewport {
  border-color: var(--gl-border-light) !important;
  background: rgba(255,255,255,.40) !important;
}
.mq-item { color: var(--gl-text-muted) !important; }
.mq-group .mq-item:nth-child(odd) { color: var(--gl-text) !important; }
.mq-item:hover { color: var(--gl-primary-dark) !important; background: rgba(13,148,136,.04) !important; }
.mq-dot { background: var(--gl-primary) !important; }

/* ══════════════════════════════════════
   STATS SECTION
   ══════════════════════════════════════ */
.stats-sec {
  background: rgba(255,255,255,.45) !important;
  border-top: 1px solid var(--gl-border-light) !important;
  border-bottom: 1px solid var(--gl-border-light) !important;
  backdrop-filter: blur(16px) !important;
}
.stats-grid {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  animation: none !important;
}
.stat { border-right-color: var(--gl-border-light) !important; }
.stat:hover { background: rgba(13,148,136,.04) !important; }
.stat-n { color: var(--gl-primary) !important; }
.stat:hover .stat-n { text-shadow: 0 0 20px rgba(13,148,136,.15) !important; }
.stat-l { color: var(--gl-text) !important; }
.stat-s { color: var(--gl-text-light) !important; }

/* ══════════════════════════════════════
   KEYWORD SCROLL BAND
   ══════════════════════════════════════ */
.ks-band, .ks-band-lt {
  background: rgba(255,255,255,.35) !important;
  border-top: 1px solid var(--gl-border-light) !important;
  border-bottom: 1px solid var(--gl-border-light) !important;
}
.ks-item { color: var(--gl-text-light) !important; }
.ks-item.accent { color: var(--gl-primary) !important; }

/* ══════════════════════════════════════
   LOGOS / CLIENTS SECTION
   ══════════════════════════════════════ */
.logos-sec {
  background: rgba(255,255,255,.35) !important;
  border-top: 1px solid var(--gl-border-light) !important;
  border-bottom: 1px solid var(--gl-border-light) !important;
}
.logos-label { color: var(--gl-text-light) !important; }
.logos-divider { background: var(--gl-border-light) !important; }
.logo-item, .li-name { color: var(--gl-text-muted) !important; }

/* ══════════════════════════════════════
   SECTION HEADINGS
   ══════════════════════════════════════ */
.sec-label { color: var(--gl-primary) !important; }
.sec-label::before { background: var(--gl-primary) !important; }
.sec-h2 { color: var(--gl-text) !important; }
.sec-h2 em { color: var(--gl-primary) !important; font-style: normal !important; }
.sec-sub { color: var(--gl-text-muted) !important; }
/* Gold separator → teal */
.sec-head::after {
  background: linear-gradient(90deg, var(--gl-primary), rgba(13,148,136,.25)) !important;
}

/* ══════════════════════════════════════
   SECTIONS GENERAL
   ══════════════════════════════════════ */
.sec { padding: 56px 0 !important; }
.sec-dk, #yayinlar.sec-dk, #yayinlar.sec-dk .home-blog-body {
  background: transparent !important;
}
.areas-sec {
  background: rgba(255,255,255,.30) !important;
  border-top: 1px solid var(--gl-border-light) !important;
  border-bottom: 1px solid var(--gl-border-light) !important;
}

/* ══════════════════════════════════════
   CLIENT SEGMENT CARDS
   ══════════════════════════════════════ */
/* Specific overrides to win over #hakkimizda .clients-intro in front-page.css */
html body #hakkimizda .clients-intro,
.clients-intro {
  background: var(--gl-panel-bg) !important;
  backdrop-filter: var(--gl-blur) !important;
  -webkit-backdrop-filter: var(--gl-blur) !important;
  border: 1px solid var(--gl-panel-border) !important;
  border-radius: var(--gl-radius) !important;
  box-shadow: var(--gl-panel-shadow) !important;
}
html body #hakkimizda .clients-kicker,
.clients-kicker { color: var(--gl-primary) !important; }
html body #hakkimizda .clients-kicker::before,
.clients-kicker::before { background: var(--gl-primary) !important; }
html body #hakkimizda .clients-intro h3,
.clients-intro h3 { color: var(--gl-text) !important; }
html body #hakkimizda .clients-intro p,
.clients-intro p { color: var(--gl-text-muted) !important; }
html body #hakkimizda .clients-points div,
.clients-points div {
  color: var(--gl-text-muted) !important;
  border-top: 1px solid var(--gl-border-light) !important;
}

/* Specific overrides to win over #hakkimizda .cc in front-page.css */
html body #hakkimizda .cc,
html body .cc,
.cc {
  background: var(--gl-panel-bg) !important;
  border: 1px solid var(--gl-panel-border) !important;
  box-shadow: var(--gl-panel-shadow) !important;
  backdrop-filter: var(--gl-blur) !important;
  -webkit-backdrop-filter: var(--gl-blur) !important;
  border-radius: var(--gl-radius) !important;
  overflow: hidden !important;
}
.cc:hover {
  border-color: rgba(13,148,136,.22) !important;
  box-shadow: var(--gl-panel-shadow-hover) !important;
  transform: translateY(-4px) !important;
}
.cc-num { color: var(--gl-primary) !important; }
.cc-title { color: var(--gl-text) !important; }
.cc-desc { color: var(--gl-text-muted) !important; }
.cc-list span { color: var(--gl-text-muted) !important; }
.cc-list { border-top-color: var(--gl-border-light) !important; }

/* ══════════════════════════════════════
   PRACTICE AREA CARDS
   ══════════════════════════════════════ */
.practice-card {
  background: var(--gl-panel-bg) !important;
  border: 1px solid var(--gl-panel-border) !important;
  box-shadow: var(--gl-panel-shadow) !important;
  border-radius: var(--gl-radius) !important;
}
.practice-card::before { background: linear-gradient(90deg, var(--gl-primary), rgba(13,148,136,.15)) !important; }
.practice-card:hover {
  border-color: rgba(13,148,136,.22) !important;
  box-shadow: var(--gl-panel-shadow-hover) !important;
}
.practice-num {
  border-color: rgba(13,148,136,.14) !important;
  background: rgba(13,148,136,.06) !important;
  color: var(--gl-primary) !important;
}
.practice-title { color: var(--gl-text) !important; }
.practice-desc { color: var(--gl-text-muted) !important; }
.practice-tags span { color: var(--gl-text-muted) !important; }
.practice-tags span::before { background: var(--gl-primary) !important; }
.practice-tags { border-top-color: var(--gl-border-light) !important; }
.practice-cta { border-top-color: rgba(13,148,136,.10) !important; }
.practice-cta-link { color: var(--gl-primary) !important; }
.practice-cta-badge {
  color: var(--gl-primary) !important;
  background: rgba(13,148,136,.06) !important;
  border-color: rgba(13,148,136,.14) !important;
}
/* Practice overlay text */
.practice-ov-n { color: var(--gl-primary-light) !important; }
.practice-ov-a { color: rgba(255,255,255,.55) !important; }

/* ══════════════════════════════════════
   ICERIK MERKEZI (Blog/Sözleşme/Dilekçe Tabs)
   ══════════════════════════════════════ */
.icerik-merkezi-sec { background: transparent !important; }
.im-tab {
  background: rgba(255,255,255,.50) !important;
  border: 1px solid var(--gl-border-light) !important;
  color: var(--gl-text-muted) !important;
  backdrop-filter: blur(8px) !important;
}
.im-tab.active {
  background: var(--gl-primary) !important;
  border-color: var(--gl-primary) !important;
  color: #fff !important;
}
.im-tab:hover:not(.active) {
  border-color: var(--gl-border) !important;
  background: rgba(255,255,255,.65) !important;
}
.im-feature-badge { background: var(--gl-primary) !important; color: #fff !important; }
.im-feature-cat { color: var(--gl-primary) !important; }
.im-feature-title { color: var(--gl-text) !important; }
.im-feature-desc { color: var(--gl-text-muted) !important; }
.im-feature-cta { color: var(--gl-primary) !important; }
.im-rail-dot { background: var(--gl-primary) !important; }
.im-rail-title { color: var(--gl-text) !important; }
.im-rail-meta { color: var(--gl-text-light) !important; }
.im-panel {
  background: rgba(255,255,255,.40) !important;
  border: 1px solid var(--gl-border-light) !important;
  border-radius: var(--gl-radius) !important;
  backdrop-filter: blur(12px) !important;
}

/* ══════════════════════════════════════
   CTA SECTION
   ══════════════════════════════════════ */
.cta-sec {
  background: linear-gradient(160deg, rgba(13,148,136,.06), rgba(111,216,214,.04)) !important;
  border-top: 1px solid var(--gl-border-light) !important;
  border-bottom: 1px solid var(--gl-border-light) !important;
}
.cta-sec::before { background: radial-gradient(circle, rgba(13,148,136,.06) 0%, transparent 70%) !important; }
.cta-bg { display: none !important; }
.cta-box {
  background: rgba(255,255,255,.55) !important;
  backdrop-filter: blur(20px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(140%) !important;
  border: 1px solid var(--gl-panel-border) !important;
  border-radius: var(--gl-radius) !important;
  box-shadow: var(--gl-panel-shadow) !important;
  animation: none !important;
}
.cta-h2 { color: var(--gl-text) !important; }
.cta-h2 em { color: var(--gl-primary) !important; }
.cta-sub { color: var(--gl-text-muted) !important; }
.cta-bg-grid { display: none !important; }
/* CTA buttons */
.cta-acts .btn-gold {
  background: var(--gl-primary) !important;
  color: #fff !important;
  border: none !important;
}
.cta-acts .btn-gold:hover { background: var(--gl-primary-dark) !important; }
.cta-acts .btn-ghost {
  color: var(--gl-text-muted) !important;
  border-color: var(--gl-border) !important;
}
/* CTA contact info */
.cc-info { color: var(--gl-text-muted) !important; }
.cc-info strong { color: var(--gl-text) !important; }
.cc-info-icon {
  background: rgba(13,148,136,.06) !important;
  border-color: rgba(13,148,136,.14) !important;
  color: var(--gl-primary) !important;
}
.cta-contacts { border-top-color: var(--gl-border-light) !important; }

/* ══════════════════════════════════════
   OFFICE CARDS
   ══════════════════════════════════════ */
.ofisler-sec { background: transparent !important; }
.of-card {
  background: var(--gl-panel-bg) !important;
  border: 1px solid var(--gl-panel-border) !important;
  box-shadow: var(--gl-panel-shadow) !important;
  backdrop-filter: var(--gl-blur) !important;
  -webkit-backdrop-filter: var(--gl-blur) !important;
  border-radius: var(--gl-radius) !important;
}
.of-card:hover {
  border-color: rgba(13,148,136,.22) !important;
  box-shadow: var(--gl-panel-shadow-hover) !important;
  transform: translateY(-4px) !important;
}
.of-num { color: var(--gl-text-light) !important; }
.of-bg-num { color: rgba(13,148,136,.05) !important; }
.of-status { color: var(--gl-primary) !important; }
.of-status-dot { background: var(--gl-primary) !important; }
.of-city { color: var(--gl-text) !important; }
.of-country { color: var(--gl-text-muted) !important; }
.of-coord { color: var(--gl-text-light) !important; }
.of-feat { color: var(--gl-text-muted) !important; }
.of-link { color: var(--gl-primary) !important; }

/* ══════════════════════════════════════
   TESTIMONIALS
   ══════════════════════════════════════ */
.testi-sec { background: transparent !important; }
.testi-wrap {
  background: rgba(255,255,255,.45) !important;
  border: 1px solid var(--gl-border-light) !important;
  border-radius: var(--gl-radius) !important;
  backdrop-filter: blur(14px) !important;
}
.testi-q { color: var(--gl-text) !important; }
.testi-info-name { color: var(--gl-text) !important; }
.testi-info-role { color: var(--gl-text-light) !important; }
.testi-stars { color: #f59e0b !important; }
.testi-av {
  background: rgba(13,148,136,.10) !important;
  color: var(--gl-primary) !important;
  border: 1px solid rgba(13,148,136,.18) !important;
}
.testi-dot {
  background: var(--gl-border) !important;
  border: none !important;
}
.testi-dot.on { background: var(--gl-primary) !important; }
.testi-arr {
  background: rgba(255,255,255,.50) !important;
  border: 1px solid var(--gl-border) !important;
  color: var(--gl-text-muted) !important;
}
.testi-arr:hover {
  background: rgba(255,255,255,.70) !important;
  color: var(--gl-primary) !important;
}

/* ══════════════════════════════════════
   FAQ SECTION
   ══════════════════════════════════════ */
details.fi {
  background: rgba(255,255,255,.55) !important;
  border: 1px solid var(--gl-border-light) !important;
  border-radius: var(--gl-radius-sm) !important;
  backdrop-filter: blur(10px) !important;
}
details.fi:hover, details.fi[open] {
  border-color: rgba(13,148,136,.18) !important;
  box-shadow: 0 4px 16px rgba(13,148,136,.06) !important;
}
summary.fq { color: var(--gl-text) !important; }
summary.fq:hover { color: var(--gl-primary) !important; }
.fi-icon {
  background: rgba(13,148,136,.08) !important;
  color: var(--gl-primary) !important;
}
details.fi[open] .fi-icon { background: rgba(13,148,136,.14) !important; }
.fa { color: var(--gl-text-muted) !important; border-top-color: var(--gl-border-light) !important; }

/* ══════════════════════════════════════
   FOOTER
   ══════════════════════════════════════ */
footer {
  background: var(--gl-panel-bg) !important;
  border-top: 1px solid var(--gl-panel-border) !important;
  backdrop-filter: var(--gl-blur) !important;
  -webkit-backdrop-filter: var(--gl-blur) !important;
  color: var(--gl-text-muted) !important;
  padding: 60px 0 30px !important;
}
footer::before {
  background: linear-gradient(90deg, transparent, rgba(13,148,136,.12) 50%, transparent) !important;
}
footer .brand-name { color: var(--gl-text) !important; }
footer .brand-tag { color: var(--gl-text-light) !important; }
footer .brand { border-color: var(--gl-border-light) !important; }
.foot-desc { color: var(--gl-text-muted) !important; }
.foot-label { color: var(--gl-primary) !important; }
.foot-links a { color: var(--gl-text-muted) !important; }
.foot-links a:hover { color: var(--gl-primary-dark) !important; }
.foot-links a::before { color: var(--gl-primary) !important; }
.foot-bot { border-top-color: var(--gl-border-light) !important; color: var(--gl-text-light) !important; }
.foot-bot a { color: var(--gl-text-light) !important; }
.foot-bot a:hover { color: var(--gl-primary-dark) !important; }
/* Footer social icons */
.foot-soc {
  border-color: var(--gl-border) !important;
  color: var(--gl-text-muted) !important;
  background: rgba(255, 255, 255, 0.40) !important;
}
.foot-soc:hover {
  color: var(--gl-primary-dark) !important;
  border-color: var(--gl-primary) !important;
  background: rgba(13,148,136,.08) !important;
}
/* Footer logo */
footer img[alt="Cakmak Law"] { filter: none !important; opacity: 1 !important; }

/* ══════════════════════════════════════
   MOBILE STICKY BAR
   ══════════════════════════════════════ */
#mob-sticky {
  background: rgba(255,255,255,.70) !important;
  border-top: 1px solid var(--gl-border-light) !important;
  backdrop-filter: blur(16px) !important;
}
.msb-wa { color: #25d366 !important; }
.msb-cta {
  background: var(--gl-primary) !important;
  color: #fff !important;
}

/* ══════════════════════════════════════
   RANDEVU MODAL — glass override
   ══════════════════════════════════════ */
.rmod-overlay { background: rgba(26,46,46,.65) !important; }
.rmod-box {
  background: rgba(255,255,255,.85) !important;
  border: 1px solid var(--gl-panel-border) !important;
  backdrop-filter: blur(24px) !important;
  border-radius: var(--gl-radius) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.15) !important;
}
.rmod-label { color: var(--gl-primary) !important; }
.rmod-title { color: var(--gl-text) !important; }
.rmod-sub { color: var(--gl-text-light) !important; }
.rmod-header { border-bottom-color: var(--gl-border-light) !important; }
.rmod-field label { color: var(--gl-text-muted) !important; }
.rmod-field .req { color: var(--gl-primary) !important; }
.rmod-field input, .rmod-field select, .rmod-field textarea {
  background: rgba(255,255,255,.60) !important;
  border: 1px solid var(--gl-border) !important;
  color: var(--gl-text) !important;
}
.rmod-field input::placeholder, .rmod-field textarea::placeholder { color: var(--gl-text-light) !important; }
.rmod-field input:focus, .rmod-field select:focus, .rmod-field textarea:focus {
  border-color: var(--gl-primary) !important;
}
.rmod-field select option { background: #fff !important; color: var(--gl-text) !important; }
.rmod-submit {
  background: var(--gl-primary) !important;
  color: #fff !important;
}
.rmod-submit:hover { background: var(--gl-primary-dark) !important; }
.rmod-close {
  background: rgba(0,0,0,.05) !important;
  border: 1px solid var(--gl-border-light) !important;
  color: var(--gl-text-muted) !important;
}
.rmod-close:hover {
  background: rgba(13,148,136,.08) !important;
  color: var(--gl-text) !important;
}

/* ══════════════════════════════════════
   PROGRESS BAR
   ══════════════════════════════════════ */
#prog { background: linear-gradient(90deg, var(--gl-primary), var(--gl-primary-light)) !important; }

/* ══════════════════════════════════════
   PRELOADER — theme match
   ══════════════════════════════════════ */
#preloader {
  background: radial-gradient(ellipse 70% 55% at 50% 50%, #0a3d3a 0%, #062a28 55%, #031a18 100%) !important;
}
#preloader.hide {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ══════════════════════════════════════
   WA BUTTON
   ══════════════════════════════════════ */
#wa-btn {
  box-shadow: 0 4px 18px rgba(37,211,102,.30) !important;
}

/* ══════════════════════════════════════
   COOKIE BANNER
   ══════════════════════════════════════ */
#cookie-banner {
  background: rgba(26,46,46,.95) !important;
  border-top: 1px solid rgba(13,148,136,.20) !important;
  backdrop-filter: blur(16px) !important;
}
#cookie-accept { background: var(--gl-primary) !important; }
#cookie-accept:hover { background: var(--gl-primary-dark) !important; }

/* ══════════════════════════════════════
   GLOBAL GAP & SPACING ADJUSTMENTS
   ══════════════════════════════════════ */
.is-layout-flex, .is-layout-grid { gap: var(--gl-gap) !important; }

/* ══════════════════════════════════════
   HIGH-SPECIFICITY OVERRIDES
   site-premium.css uses specific selectors that need stronger overrides
   ══════════════════════════════════════ */

/* Nav — override site-premium.css gradient */
header.nav,
header#nav,
.cakmak-pro .nav,
body .nav {
  background: rgba(255,255,255,.65) !important;
  backdrop-filter: blur(24px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(150%) !important;
  border-bottom: 1px solid var(--gl-border) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.5) inset, 0 4px 20px rgba(13,148,136,.06) !important;
}
body .nav.scrolled {
  background: rgba(255,255,255,.80) !important;
  box-shadow: 0 4px 28px rgba(13,148,136,.10) !important;
}
body .nav.morphed {
  background: rgba(255,255,255,.80) !important;
  border-bottom: 1px solid var(--gl-border) !important;
  box-shadow: 0 4px 28px rgba(13,148,136,.12) !important;
}
body .nav .brand {
  background: transparent !important;
  border-right: 1px solid var(--gl-border) !important;
  box-shadow: none !important;
}
body .nav .brand-em { background: transparent !important; border-color: transparent !important; }
body .nav .brand-logo-img { filter: none !important; opacity: 1 !important; }
body .nav .brand-name {
  color: var(--gl-text) !important;
  text-shadow: none !important;
}
body .nav .brand-tag { color: var(--gl-text-light) !important; }
body .nav .nav-links { background: transparent !important; border: none !important; box-shadow: none !important; }
body .nav .nav-links li+li::before { background: var(--gl-border-light) !important; }
body .nav .nav-links a {
  color: var(--gl-text-muted) !important;
  background: transparent !important;
  border-color: transparent !important;
}
body .nav .nav-links a:hover {
  color: var(--gl-primary-dark) !important;
  background: rgba(13,148,136,.05) !important;
}
body .nav .nav-links a.current { color: var(--gl-primary) !important; }
body .nav .nav-links a::after {
  background: linear-gradient(90deg, transparent, var(--gl-primary) 50%, transparent) !important;
}
body .nav .nav-wa {
  border: 1px solid var(--gl-border) !important;
  color: var(--gl-text-muted) !important;
  background: rgba(255,255,255,.40) !important;
}
body .nav .nav-wa:hover {
  border-color: rgba(37,211,102,.5) !important;
  color: #25d366 !important;
  background: rgba(37,211,102,.08) !important;
}
body .nav .nav-act .btn-gold {
  background: var(--gl-primary) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 2px 10px rgba(13,148,136,.25) !important;
}
body .nav .nav-act .btn-gold:hover {
  background: var(--gl-primary-dark) !important;
  box-shadow: 0 4px 16px rgba(13,148,136,.35) !important;
  transform: translateY(-1px) !important;
}
body .nav .hamburger {
  background: rgba(255,255,255,.50) !important;
  border: 1px solid var(--gl-border) !important;
}
body .nav .hamburger span { background: var(--gl-text) !important; }

/* Nav submenu override */
body .nav .nav-links .sub-menu {
  background: rgba(255,255,255,.92) !important;
  border: 1px solid var(--gl-border) !important;
  backdrop-filter: blur(20px) !important;
  box-shadow: 0 12px 36px rgba(0,0,0,.10) !important;
}
body .nav .nav-links .sub-menu a {
  color: var(--gl-text-muted) !important;
}
body .nav .nav-links .sub-menu a:hover {
  color: var(--gl-primary) !important;
  background: rgba(13,148,136,.06) !important;
}

/* Mobile menu override */
body .mob-menu {
  background: rgba(240,250,250,.97) !important;
  backdrop-filter: blur(24px) !important;
}
body .mob-menu::before { background: linear-gradient(90deg, transparent, rgba(13,148,136,.25) 50%, transparent) !important; }
body .mob-menu::after { background: none !important; }
body .mob-menu a {
  color: var(--gl-text) !important;
  border-bottom: 1px solid var(--gl-border-light) !important;
}
body .mob-menu a:hover {
  color: var(--gl-primary) !important;
  background: rgba(13,148,136,.04) !important;
}
body .mob-menu a::before { background: var(--gl-primary) !important; }
body .mob-menu .mob-menu-cta {
  background: var(--gl-primary) !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(13,148,136,.25) !important;
}

/* Hero — override dark radial background from theme-base */
body .hero,
.home .hero,
.page .hero,
section.hero {
  background: linear-gradient(160deg, #e6f7f7 0%, var(--gl-bg) 40%, #dff5f3 100%) !important;
}
body .hero::before { background: none !important; animation: none !important; }
/* 3D Canvas — reduce opacity in light theme */
#hero-3d { opacity: 0.25 !important; }

/* Hero text — high specificity to beat theme-base */
body .hero-h1 { color: var(--gl-text) !important; -webkit-text-fill-color: var(--gl-text) !important; }
body .hero-h1 em {
  color: var(--gl-primary) !important;
  -webkit-text-fill-color: var(--gl-primary) !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
}
body .hero-sub { color: var(--gl-text-muted) !important; -webkit-text-fill-color: var(--gl-text-muted) !important; }
body .trust-p { color: var(--gl-text-muted) !important; }

/* Stats — explicitly set content visibility */
body .stats-sec { background: rgba(255,255,255,.50) !important; }
body .stats-grid { background: transparent !important; border: none !important; animation: none !important; }
body .stat-n { color: var(--gl-primary) !important; font-size: 26px !important; }
body .stat-l { color: var(--gl-text) !important; }
body .stat-s { color: var(--gl-text-light) !important; }

/* Scroll nav indicators */
#scroll-nav { opacity: 0.5 !important; }
#sec-counter { color: var(--gl-primary) !important; }
#sec-ct { color: var(--gl-primary) !important; }

/* Progress bar */
body #prog { background: linear-gradient(90deg, var(--gl-primary), var(--gl-primary-light)) !important; }

/* Section heading font colors — override site-premium Playfair */
body .sec-h2 { color: var(--gl-text) !important; }
body .sec-h2 em { color: var(--gl-primary) !important; }

/* Footer override site-premium */
body footer { 
  background: var(--gl-panel-bg) !important;
  border-top: 1px solid var(--gl-panel-border) !important; 
  color: var(--gl-text-muted) !important;
}
body footer::before {
  background: linear-gradient(90deg, transparent, rgba(13,148,136,.12) 50%, transparent) !important;
}
body .foot-label { color: var(--gl-primary) !important; }
body .foot-desc { color: var(--gl-text-muted) !important; }
body .foot-links a { color: var(--gl-text-muted) !important; }
body .foot-links a:hover { color: var(--gl-primary-dark) !important; }
body .foot-bot { border-top-color: var(--gl-border-light) !important; color: var(--gl-text-light) !important; }
body .foot-bot a { color: var(--gl-text-light) !important; }
body .foot-bot a:hover { color: var(--gl-primary-dark) !important; }
body .foot-soc { border-color: var(--gl-border) !important; color: var(--gl-text-muted) !important; background: rgba(255,255,255,.40) !important; }
body .foot-soc:hover { color: var(--gl-primary-dark) !important; border-color: var(--gl-primary) !important; background: rgba(13,148,136,.08) !important; }
body footer img[alt="Cakmak Law"] { filter: none !important; opacity: 1 !important; }

/* Gold separator → teal (override site-premium) */
body .sec-head::after {
  background: linear-gradient(90deg, var(--gl-primary), rgba(13,148,136,.25)) !important;
}

/* Button overrides — btn-gold always teal */
body .btn-gold {
  background: var(--gl-primary) !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(13,148,136,.25) !important;
}
body .btn-gold:hover {
  background: var(--gl-primary-dark) !important;
  box-shadow: 0 6px 24px rgba(13,148,136,.35) !important;
}
body .btn-gold::before { display: none !important; } /* Remove shimmer */

/* Ghost btn override */
body .btn-ghost {
  border-color: var(--gl-border) !important;
  color: var(--gl-text-muted) !important;
}
body .btn-ghost:hover {
  border-color: var(--gl-primary) !important;
  color: var(--gl-primary) !important;
  background: rgba(13,148,136,.04) !important;
}

/* FAQ details override */
body details.fi { background: rgba(255,255,255,.55) !important; }
body summary.fq { color: var(--gl-text) !important; }

/* Areas section override */
body .areas-sec { background: rgba(255,255,255,.30) !important; }
body .areas-sec .sec-h2, body .areas-sec .sec-label, body .areas-sec .sec-sub { color: var(--gl-text) !important; }
body .areas-sec .sec-label { color: var(--gl-primary) !important; }
body .areas-sec .sec-sub { color: var(--gl-text-muted) !important; }

/* Preloader override */
body #preloader {
  background: radial-gradient(ellipse 70% 55% at 50% 50%, #0a3d3a 0%, #062a28 55%, #031a18 100%) !important;
}
body #preloader.hide {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ══════════════════════════════════════
   FINAL FORCE OVERRIDES — Maximum specificity
   These target elements that site-premium.css overrides with
   very specific selectors
   ══════════════════════════════════════ */

/* Force nav link colors — site-premium uses .nav .nav-links a */
body.cakmak-pro .nav .nav-links a,
body.cakmak-pro .nav.scrolled .nav-links a,
body.cakmak-pro .nav.morphed .nav-links a,
html body .nav .nav-links a,
html body .nav.scrolled .nav-links a,
html body .nav.morphed .nav-links a {
  color: var(--gl-text) !important;
}
body.cakmak-pro .nav .nav-links a:hover,
body.cakmak-pro .nav.scrolled .nav-links a:hover,
body.cakmak-pro .nav.morphed .nav-links a:hover,
html body .nav .nav-links a:hover,
html body .nav.scrolled .nav-links a:hover,
html body .nav.morphed .nav-links a:hover {
  color: var(--gl-primary) !important;
}
body.cakmak-pro .nav .nav-links a.current,
body.cakmak-pro .nav.scrolled .nav-links a.current,
body.cakmak-pro .nav.morphed .nav-links a.current,
html body .nav .nav-links a.current,
html body .nav.scrolled .nav-links a.current,
html body .nav.morphed .nav-links a.current {
  color: var(--gl-primary-dark) !important;
}
html body .nav .nav-links a::after {
  background: linear-gradient(90deg, transparent, var(--gl-primary) 50%, transparent) !important;
}

/* Force CTA background and button — hide dark bg */
body .cta-bg,
.cta-bg { display: none !important; visibility: hidden !important; }
body .cta-bg-grid { display: none !important; }

/* CTA box fully override */
body .cta-box,
html body .cta-box {
  background: rgba(255,255,255,.60) !important;
  backdrop-filter: blur(20px) saturate(140%) !important;
  border: 1px solid var(--gl-panel-border) !important;
  border-radius: var(--gl-radius) !important;
  box-shadow: var(--gl-panel-shadow) !important;
  animation: none !important;
}
body .cta-h2,
html body .cta-h2 { color: var(--gl-text) !important; }
body .cta-h2 em,
html body .cta-h2 em { color: var(--gl-primary) !important; }
body .cta-sub { color: var(--gl-text-muted) !important; }
body .cta-sec .cta-label,
body .cta-sec .sec-label { color: var(--gl-primary) !important; }

/* CTA button force teal */
body .cta-acts .btn-gold,
body .cta-box .btn-gold,
body .cta-sec .btn-gold,
html body .btn-gold {
  background: var(--gl-primary) !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(13,148,136,.25) !important;
  background-size: 100% 100% !important;
  background-position: 0 0 !important;
}
html body .btn-gold:hover {
  background: var(--gl-primary-dark) !important;
  box-shadow: 0 6px 24px rgba(13,148,136,.35) !important;
  background-position: 0 0 !important;
}
html body .btn-gold::before { display: none !important; }

/* Ghost button force */
html body .btn-ghost {
  border-color: var(--gl-border) !important;
  color: var(--gl-text-muted) !important;
  background: rgba(255,255,255,.50) !important;
}
html body .btn-ghost:hover {
  border-color: var(--gl-primary) !important;
  color: var(--gl-primary) !important;
  background: rgba(13,148,136,.04) !important;
}

/* Force section heading colors — override site-premium Playfair */
html body .sec-h2 { color: var(--gl-text) !important; }
html body .sec-h2 em { color: var(--gl-primary) !important; }
html body .hub-title em { color: var(--gl-primary) !important; }

/* Force all --gold/--goldb/--goldd references to teal */
html body .sec-label { color: var(--gl-primary) !important; }
html body .sec-label::before { background: var(--gl-primary) !important; }

/* Force section separator to teal */
html body .sec-head::after {
  background: linear-gradient(90deg, var(--gl-primary), rgba(13,148,136,.25)) !important;
}

/* CC info in CTA */
html body .cc-info { color: var(--gl-text-muted) !important; }
html body .cc-info strong { color: var(--gl-text) !important; }
html body .cc-info-icon {
  background: rgba(13,148,136,.06) !important;
  border-color: rgba(13,148,136,.14) !important;
  color: var(--gl-primary) !important;
}
html body .cta-contacts { border-top-color: var(--gl-border-light) !important; }

/* Override any remaining red gold variables */
html body .hero-label::before { background: var(--gl-primary) !important; }
html body .founder-badge { background: var(--gl-primary) !important; }
html body .founder-role { color: var(--gl-primary) !important; }
html body .practice-card::before { background: linear-gradient(90deg, var(--gl-primary), rgba(13,148,136,.15)) !important; }
html body .practice-num { color: var(--gl-primary) !important; border-color: rgba(13,148,136,.14) !important; background: rgba(13,148,136,.06) !important; }
html body .practice-tags span::before { background: var(--gl-primary) !important; }
html body .practice-cta-link { color: var(--gl-primary) !important; }
html body .cc-num { color: var(--gl-primary) !important; }
html body .stat-n { color: var(--gl-primary) !important; }
html body .of-status { color: var(--gl-primary) !important; }
html body .of-status-dot { background: var(--gl-primary) !important; }
html body .of-link { color: var(--gl-primary) !important; }

/* Scroll indicator / section counter */
html body #sec-counter, html body #sec-ct { color: var(--gl-primary) !important; }

/* Testi override for avatar */
html body .testi-av {
  background: rgba(13,148,136,.10) !important;
  color: var(--gl-primary) !important;
  border: 1px solid rgba(13,148,136,.18) !important;
}
html body .testi-dot.on { background: var(--gl-primary) !important; }

/* Blog-related keyword band */
html body .ks-item.accent {
  color: var(--gl-primary) !important;
  text-shadow: 0 0 18px rgba(13,148,136,.25) !important;
}

/* Direct section headings em (accent words) force teal override */
html body .sec-h2 em,
html body #hakkimizda .sec-h2 em,
html body #alanlar .sec-h2 em,
html body #ekip .sec-h2 em,
html body #ofisler .sec-h2 em,
html body .sec-dk .sec-h2 em,
html body .sec.sec-dk .sec-h2 em,
html body .ofisler-sec .sec-h2 em {
  color: var(--gl-primary) !important;
  text-shadow: none !important;
}

/* Force override for specific btn-gold not selector in site-premium.css */
html body .btn-gold:not(.hero-acts .btn-gold),
body .btn-gold:not(.hero-acts .btn-gold) {
  background: var(--gl-primary) !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(13,148,136,.25) !important;
}
html body .btn-gold:not(.hero-acts .btn-gold):hover,
body .btn-gold:not(.hero-acts .btn-gold):hover {
  background: var(--gl-primary-dark) !important;
  color: #fff !important;
  box-shadow: 0 6px 24px rgba(13,148,136,.35) !important;
}

/* Force override for the header randevu button specifically */
body.cakmak-pro .nav-act .btn-gold,
html body .nav-act .btn-gold,
body .nav-act .btn-gold,
html body .nav .nav-act .btn-gold,
html body .nav.scrolled .nav-act .btn-gold,
html body .nav.morphed .nav-act .btn-gold {
  background: var(--gl-primary) !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(13,148,136,.25) !important;
}
body.cakmak-pro .nav-act .btn-gold:hover,
html body .nav-act .btn-gold:hover,
body .nav-act .btn-gold:hover,
html body .nav .nav-act .btn-gold:hover,
html body .nav.scrolled .nav-act .btn-gold:hover,
html body .nav.morphed .nav-act .btn-gold:hover {
  background: var(--gl-primary-dark) !important;
  color: #fff !important;
  box-shadow: 0 6px 24px rgba(13,148,136,.35) !important;
}

/* Marquee labels and dots override to teal */
html body .mq-label {
  border-color: rgba(13,148,136,.14) !important;
  color: var(--gl-primary) !important;
}
html body .mq-label::before {
  background: var(--gl-primary) !important;
}
html body .mq-dot {
  background: var(--gl-primary) !important;
}
html body .mq-item:hover {
  background: rgba(13,148,136,.04) !important;
}

/* Randevu modal button */
html body .rmod-submit {
  background: var(--gl-primary) !important;
  color: #fff !important;
}
html body .rmod-submit:hover { background: var(--gl-primary-dark) !important; }
html body .rmod-label { color: var(--gl-primary) !important; }
html body .rmod-field .req { color: var(--gl-primary) !important; }

/* ══════════════════════════════════════
   LIGHT THEME CONTRAST & SPECIFICITY OVERRIDES
   ══════════════════════════════════════ */
html body .hero-trust .trust-p,
html body .trust-p,
body .trust-p {
  color: var(--gl-text-muted) !important;
}
html body .hero-trust .trust-p svg,
html body .trust-p svg,
body .trust-p svg {
  color: var(--gl-primary) !important;
  stroke: var(--gl-primary) !important;
}
html body .founder-card .founder-text,
html body .founder-text,
body .founder-text {
  color: var(--gl-text-muted) !important;
}
html body .stats-sec .stat-l,
html body .stat-l,
body .stat-l {
  color: var(--gl-text) !important;
}
html body .stats-sec .stat-s,
html body .stat-s,
body .stat-s {
  color: var(--gl-text-muted) !important;
}
html body .ks-band-lt .ks-item,
html body .ks-item,
body .ks-item {
  color: var(--gl-text-muted) !important;
}
html body .ks-band-lt .ks-item.accent,
html body .ks-item.accent,
body .ks-item.accent {
  color: var(--gl-primary) !important;
  text-shadow: none !important;
}
html body #hakkimizda .clients-intro h3,
html body .clients-intro h3 {
  color: var(--gl-text) !important;
}
html body #hakkimizda .clients-intro p,
html body .clients-intro p {
  color: var(--gl-text-muted) !important;
}
html body .live-avail,
body .live-avail {
  background: rgba(13, 148, 136, 0.08) !important;
  color: var(--gl-primary) !important;
  border: 1px solid rgba(13, 148, 136, 0.15) !important;
  border-radius: 100px !important;
}

/* Force rounded corners (ovallikler) on buttons, inputs, and cards */
html body .btn,
html body .btn-gold,
html body .btn-ghost,
html body .btn-cream,
html body .btn-outline,
html body .btn-xl,
html body .btn-lg,
html body .btn-md,
html body .btn-sm,
html body .nav-act .btn-gold,
html body .hero-acts .btn,
body .btn,
body .btn-gold,
body .btn-ghost {
  border-radius: var(--gl-radius-sm) !important;
}

/* Form elements corner roundings and styling */
html body input[type="text"],
html body input[type="email"],
html body input[type="tel"],
html body select,
html body textarea,
html body .rmod-field input,
html body .rmod-field select,
html body .rmod-field textarea {
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.55) !important;
  border: 1px solid var(--gl-border) !important;
  color: var(--gl-text) !important;
}

html body input[type="text"]:focus,
html body input[type="email"]:focus,
html body input[type="tel"]:focus,
html body select:focus,
html body textarea:focus {
  border-color: var(--gl-primary) !important;
  outline: none !important;
}

/* Page wrapper border radius values */
html body .founder-card,
html body .cc,
html body .clients-intro,
html body .practice-card,
html body .of-card,
html body .team-card,
html body .ak-post,
html body .blog-card,
html body .newsdesk,
html body .faq-item,
html body .accordion-item,
html body .glass-panel,
html body .metric,
html body .testi-wrap,
html body details.fi {
  border-radius: var(--gl-radius) !important;
}

/* Force clip on all containers with images to respect rounded corners */
html body .founder-card,
html body .cc,
html body .practice-card,
html body .of-card,
html body .ak-post,
html body .clients-intro,
html body .blog-card,
html body .newsdesk,
html body .testi-wrap {
  overflow: hidden !important;
}

/* Nested images rounded corners */
html body .founder-media img,
html body .founder-media picture,
html body .cc-photo img,
html body .practice-media img,
html body .of-card img,
html body .ak-post-img img {
  border-top-left-radius: var(--gl-radius) !important;
  border-top-right-radius: var(--gl-radius) !important;
}

/* Force override for the hero sections and margins to reduce gaps */
html body .hero {
  padding-top: 80px !important;
  padding-bottom: 60px !important;
  min-height: calc(100vh - 107px) !important;
  display: flex !important;
  align-items: center !important;
}

/* ══════════════════════════════════════
   SUBPAGES GLASS THEME OVERRIDES
   ══════════════════════════════════════ */
html body .page-hero,
html body .hero:not(#hero-section) {
  background: linear-gradient(160deg, #e6f7f7 0%, var(--gl-bg) 40%, #dff5f3 100%) !important;
  border-bottom: 1px solid var(--gl-border-light) !important;
  position: relative !important;
}
html body .page-hero::before,
html body .hero:not(#hero-section)::before {
  display: none !important;
}

html body .page-hero h1,
html body .hero:not(#hero-section) h1 {
  color: var(--gl-text) !important;
}
html body .page-hero h1 em,
html body .hero:not(#hero-section) h1 em {
  color: var(--gl-primary) !important;
  -webkit-text-fill-color: var(--gl-primary) !important;
}
html body .page-hero p,
html body .hero:not(#hero-section) p {
  color: var(--gl-text-muted) !important;
}

/* Eyebrows / labels on subpages */
html body .eyebrow,
html body .section-label,
html body .hero-badge {
  color: var(--gl-primary) !important;
  background: rgba(13,148,136,.08) !important;
  border: 1px solid rgba(13,148,136,.18) !important;
  border-radius: 100px !important;
  padding: 6px 16px !important;
  display: inline-flex !important;
  align-items: center !important;
}
html body .eyebrow::before,
html body .section-label::before {
  background: var(--gl-primary) !important;
}

/* Subpage metric cards */
html body .metric {
  background: rgba(255,255,255,.55) !important;
  border: 1px solid var(--gl-panel-border) !important;
  backdrop-filter: var(--gl-blur) !important;
  -webkit-backdrop-filter: var(--gl-blur) !important;
  border-radius: var(--gl-radius) !important;
  padding: 20px !important;
}
html body .metric strong {
  color: var(--gl-primary) !important;
}
html body .metric span {
  color: var(--gl-text-muted) !important;
}

/* General subpage text colors */
html body .ph-sub {
  color: var(--gl-text-muted) !important;
}
html body .ph-title {
  color: var(--gl-text) !important;
}

/* ─── Dark Section Removal & Style Overrides ─── */
html body .sec-dk::before,
html body #yayinlar.sec-dk::before,
html body section.sec.sec-dk:has(.process-wrap)::before {
  background: none !important;
  display: none !important;
}
html body .sec-dk,
html body #yayinlar.sec-dk,
html body section.sec-dk,
html body section.sec.sec-dk:has(.process-wrap) {
  background: transparent !important;
  background-image: none !important;
}
html body .sec-dk .sec-h2,
html body .sec-dk .sec-sub,
html body #yayinlar.sec-dk .sec-h2,
html body #yayinlar.sec-dk .sec-sub,
html body .process-wrap .ps {
  color: var(--gl-text) !important;
}
html body .sec-dk .sec-sub,
html body #yayinlar.sec-dk .sec-sub {
  color: var(--gl-text-muted) !important;
}
html body .sec.sec-dk .ps-t {
  color: var(--gl-text) !important;
}
html body .sec.sec-dk .ps-d {
  color: var(--gl-text-muted) !important;
}
html body .sec.sec-dk .ps-c {
  background: rgba(255, 255, 255, 0.6) !important;
  border: 1px solid rgba(13, 148, 136, 0.2) !important;
  color: var(--gl-primary) !important;
  box-shadow: 0 4px 12px rgba(13, 148, 136, 0.05) !important;
}
html body .sec.sec-dk .ps:hover .ps-c {
  background: var(--gl-primary) !important;
  border-color: var(--gl-primary) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 16px rgba(13, 148, 136, 0.25) !important;
}
html body .sec.sec-dk .process-wrap.seq-on .ps .ps-c {
  background: rgba(255, 255, 255, 0.6) !important;
  border-color: rgba(13, 148, 136, 0.2) !important;
  color: var(--gl-primary) !important;
}
html body .sec.sec-dk .process-wrap.seq-on .ps:hover .ps-c {
  background: var(--gl-primary) !important;
  border-color: var(--gl-primary) !important;
  color: #ffffff !important;
}
html body .sec.sec-dk .ps-c svg {
  fill: none !important;
  stroke: var(--gl-primary) !important;
  color: var(--gl-primary) !important;
}
html body .sec.sec-dk .ps-c svg path,
html body .sec.sec-dk .ps-c svg circle,
html body .sec.sec-dk .ps-c svg rect,
html body .sec.sec-dk .ps-c svg line,
html body .sec.sec-dk .ps-c svg polyline {
  fill: none !important;
  stroke: var(--gl-primary) !important;
}
html body .sec.sec-dk .ps:hover .ps-c svg,
html body .sec.sec-dk .ps:hover .ps-c svg path,
html body .sec.sec-dk .ps:hover .ps-c svg circle,
html body .sec.sec-dk .ps:hover .ps-c svg rect,
html body .sec.sec-dk .ps:hover .ps-c svg line,
html body .sec.sec-dk .ps:hover .ps-c svg polyline {
  stroke: #ffffff !important;
}
html body section.sec.sec-dk:has(.process-wrap) .sec-h2 {
  color: var(--gl-text) !important;
}
html body section.sec.sec-dk:has(.process-wrap) .sec-h2 em {
  color: var(--gl-primary) !important;
  text-shadow: none !important;
}
html body section.sec.sec-dk:has(.process-wrap) .sec-sub {
  color: var(--gl-text-muted) !important;
}
html body section.sec.sec-dk:has(.process-wrap) .sec-label {
  color: var(--gl-primary) !important;
}
html body #yayinlar.sec-dk .home-blog-card {
  background: var(--gl-panel-bg) !important;
  border: 1px solid var(--gl-panel-border) !important;
  box-shadow: var(--gl-panel-shadow) !important;
  backdrop-filter: var(--gl-blur) !important;
  -webkit-backdrop-filter: var(--gl-blur) !important;
  border-radius: var(--gl-radius) !important;
  overflow: hidden !important;
}
html body #ekip .tc {
  background: var(--gl-panel-bg) !important;
  border: 1px solid var(--gl-panel-border) !important;
  box-shadow: var(--gl-panel-shadow) !important;
  backdrop-filter: var(--gl-blur) !important;
  -webkit-backdrop-filter: var(--gl-blur) !important;
  border-radius: var(--gl-radius) !important;
  overflow: hidden !important;
}
html body #ekip .tc:hover {
  border-color: rgba(13,148,136,.22) !important;
  background: var(--gl-panel-bg-hover) !important;
  box-shadow: var(--gl-panel-shadow-hover) !important;
}
html body #yayinlar.sec-dk .home-blog-title {
  color: var(--gl-text) !important;
}
html body #yayinlar.sec-dk .home-blog-excerpt {
  color: var(--gl-text-muted) !important;
}
html body #yayinlar.sec-dk .home-blog-meta {
  color: var(--gl-text-light) !important;
  border-top-color: var(--gl-border-light) !important;
}

/* ─── Global Card Transparencies & Overrides ─── */
html body .tc {
  background: var(--gl-panel-bg) !important;
  border: 1px solid var(--gl-panel-border) !important;
  box-shadow: var(--gl-panel-shadow) !important;
  backdrop-filter: var(--gl-blur) !important;
  -webkit-backdrop-filter: var(--gl-blur) !important;
  border-radius: var(--gl-radius) !important;
}
html body .tc:hover {
  border-color: rgba(13,148,136,.22) !important;
  box-shadow: var(--gl-panel-shadow-hover) !important;
}
html body .tc .tc-name {
  color: var(--gl-text) !important;
}
html body .tc .tc-role {
  color: var(--gl-primary) !important;
}
html body .tc .tc-bio {
  color: var(--gl-text-muted) !important;
}
html body .tc .tag {
  background: rgba(13, 148, 136, 0.06) !important;
  border: 1px solid rgba(13, 148, 136, 0.14) !important;
  color: var(--gl-text-muted) !important;
}
html body .tc .tc-photo::after {
  background: linear-gradient(transparent 48%, rgba(240, 250, 250, 0.82)) !important;
}

html body .home-blog-card,
html body .newsdesk,
html body .faq-item,
html body .accordion-item,
html body .testi-wrap {
  background: var(--gl-panel-bg) !important;
  border: 1px solid var(--gl-panel-border) !important;
  box-shadow: var(--gl-panel-shadow) !important;
  backdrop-filter: var(--gl-blur) !important;
  -webkit-backdrop-filter: var(--gl-blur) !important;
}
html body .home-blog-card:hover,
html body .newsdesk:hover,
html body .testi-wrap:hover {
  border-color: rgba(13,148,136,.22) !important;
  box-shadow: var(--gl-panel-shadow-hover) !important;
}
html body .home-blog-title,
html body .newsdesk h3,
html body .news-feature-title,
html body .faq-item h3,
html body .accordion-item h3 {
  color: var(--gl-text) !important;
}
html body .home-blog-excerpt,
html body .newsdesk p,
html body .news-feature-excerpt,
html body .faq-item p,
html body .accordion-item p {
  color: var(--gl-text-muted) !important;
}
html body .home-blog-meta {
  color: var(--gl-text-light) !important;
  border-top-color: var(--gl-border-light) !important;
}

/* ─── Transparent Section Backgrounds for Glassmorphism ─── */
html body #hakkimizda,
html body #ekip,
html body #sss,
html body .newsdesk-sec,
html body .testi-sec,
html body .ofisler-sec,
html body .areas-sec,
html body .icerik-merkezi-sec,
html body .cta-sec {
  background: transparent !important;
  border-color: var(--gl-border-light) !important;
}

/* ══════════════════════════════════════
   PRINT
   ══════════════════════════════════════ */
@media print {
  body { background: #fff !important; color: #000 !important; }
  .glass-panel, .nav, footer { backdrop-filter: none !important; }
}
