/* Liquid Glass tema katmanı — tek dosya, kolayca geri alınabilir */

:root {
  --lg-tint: 5%;
}

/* Blur sıfırlama — tüm şablonlar dümdüz şeffaf/transparan */
.backdrop-blur:not(header),
.backdrop-blur-sm,
.backdrop-blur-md,
.backdrop-blur-lg,
.backdrop-blur-xl:not(header),
.backdrop-blur-2xl,
.backdrop-blur-3xl:not(header) {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Arka planda renkli ışık lekeleri: cam yüzeylerin kırılması için */
body,
.min-h-screen.bg-background {
  position: relative;
  background-color: var(--background);
  background-attachment: fixed;
  background-image:
    radial-gradient(60rem 40rem at 8% -10%, color-mix(in oklab, var(--mint) 26%, transparent), transparent 65%),
    radial-gradient(55rem 38rem at 105% 12%, color-mix(in oklab, var(--primary) 22%, transparent), transparent 62%),
    radial-gradient(48rem 34rem at 30% 108%, color-mix(in oklab, var(--mint) 18%, transparent), transparent 62%);
}

/* Cam kartlar — dümdüz şeffaf, blur yok */
.bento {
  background-color: rgba(255, 255, 255, 0.04);
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-color: rgba(255, 255, 255, 0.55);
  box-shadow:
    0 1px 0 0 color-mix(in oklab, #fff 85%, transparent) inset,
    0 -1px 0 0 color-mix(in oklab, var(--mint) 12%, transparent) inset,
    0 18px 40px -22px color-mix(in oklab, var(--primary) 45%, transparent);
}

.bento:hover {
  background-color: rgba(255, 255, 255, 0.08);
  box-shadow:
    0 1px 0 0 color-mix(in oklab, #fff 90%, transparent) inset,
    0 22px 55px -22px color-mix(in oklab, var(--mint) 55%, transparent);
}

/* Üst menü — arka plan yazısı okunmayacak kadar bulanık, abartısız */
header.sticky {
  background-color: rgba(12, 30, 26, 0.45);
  backdrop-filter: blur(120px) saturate(220%);
  border-bottom-color: rgba(255, 255, 255, 0.45);
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) inset;
}

/* Cam rozetler / pill'ler — dümdüz şeffaf, blur yok */
.rounded-full.border,
.bg-muted,
.bg-muted\/50 {
  background-color: rgba(255, 255, 255, 0.04);
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* İkon kutucukları — dümdüz şeffaf, blur yok */
.bg-mint\/10 {
  background-color: color-mix(in oklab, var(--mint) 12%, transparent);
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 1px 0 0 color-mix(in oklab, #fff 80%, transparent) inset;
}

/* Butonlar: parlak cam kenarlık */
.bg-gradient-mint {
  box-shadow:
    0 1px 0 0 color-mix(in oklab, #fff 55%, transparent) inset,
    0 12px 28px -14px color-mix(in oklab, var(--mint) 75%, transparent);
}

/* Alt bilgi — dümdüz şeffaf, blur yok */
footer {
  background-color: rgba(255, 255, 255, 0.04);
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* "Neden Biz" kartları — dümdüz şeffaf/transparan, kenarları belirgin, blur yok */
#neden-biz .backdrop-blur-md,
#neden-biz .bg-white\/20 {
  background-color: rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid rgba(255, 255, 255, 0.55) !important;
  box-shadow:
    0 1px 0 0 rgba(255, 255, 255, 0.6) inset,
    0 -1px 0 0 rgba(255, 255, 255, 0.28) inset,
    0 18px 45px -25px rgba(0, 0, 0, 0.6);
}

/* Mobil hamburger tuşu — sadece üç çizgi, arka plansız */
header.sticky button[aria-label="Menüyü aç/kapat"] {
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

/* Açılan mobil menü paneli — üst menü kadar bulanık, arka plan yazısı okunmasın */
header.sticky nav.absolute {
  background-color: rgba(12, 30, 26, 0.55) !important;
  backdrop-filter: blur(120px) saturate(220%);
  border-bottom-color: rgba(255, 255, 255, 0.45);
  box-shadow: 0 22px 50px -24px rgba(0, 0, 0, 0.55);
  gap: 0 !important;
  padding: 0 !important;
}

header.sticky nav.absolute > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 1.1rem 1.25rem;
  border-radius: 0;
  background-color: rgba(12, 30, 26, 0.42);
  border-top: 1px solid rgba(255, 255, 255, 0.35);
  text-align: center;
  transition: background-color 0.25s ease;
}

header.sticky nav.absolute > a:first-child {
  border-top: 0;
}

header.sticky nav.absolute > a:hover {
  background-color: rgba(255, 255, 255, 0.18);
}



/* Üst bar ve mobil menü yazıları — parlak, okunaklı, hafif ışıltılı */
header.sticky a,
header.sticky nav a,
header.sticky .font-display,
header.sticky .tracking-\[0\.3em\] {
  color: #ffffff !important;
  text-shadow:
    0 0 1px rgba(255, 255, 255, 0.9),
    0 0 12px rgba(255, 255, 255, 0.55),
    0 1px 2px rgba(0, 0, 0, 0.45);
}

/* Marka alt satırı — mint tonunda parlasın */
header.sticky .text-mint {
  color: color-mix(in oklab, var(--mint) 55%, #ffffff) !important;
  text-shadow:
    0 0 10px color-mix(in oklab, var(--mint) 60%, transparent),
    0 1px 2px rgba(0, 0, 0, 0.4);
}

/* Telefon butonundaki yazı zaten dolu zemin üzerinde — sade kalsın */
header.sticky a[href^="tel:"] {
  color: var(--primary-foreground) !important;
  text-shadow: none;
}

/* Logo hafif ışıldasın */
header.sticky img {
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.55));
}

/* Hero: metin + logo tek panelde */
.hero-merge { display: grid; gap: 2rem; align-items: center; }
@media (min-width: 768px) {
  .hero-merge { grid-template-columns: 1.45fr 1fr; gap: 2.5rem; }
}
.hero-merge-logo img { max-height: 16rem; width: 100%; max-width: 20rem; margin-inline: auto; object-fit: contain; }
@media (max-width: 767px) {
  .hero-merge-logo img { max-height: 11rem; }
}

/* Neden Biz: yeşil vurgular telefon butonu paletine (mavi → yeşil) uyarlandı */
#neden-biz .text-mint {
  background-image: linear-gradient(90deg, #2fb6ff 0%, #35d6d0 50%, #4ce2a0 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
}
#neden-biz svg.text-mint {
  color: #35d6d0 !important;
  -webkit-text-fill-color: currentColor;
  background: none;
  stroke: url("liquid-glass.css#nedenBizGradient");
}
/* Okunabilirlik: koyu perde + daha opak kartlar */
#neden-biz .bg-black\/35 { background-color: rgba(0, 0, 0, 0.6) !important; }
#neden-biz .bg-white\/10 { background-color: rgba(10, 20, 26, 0.55) !important; }
#neden-biz .border-white\/25 { border-color: rgba(255, 255, 255, 0.35) !important; }
#neden-biz .bg-white\/20 { background-color: rgba(255, 255, 255, 0.16) !important; }
#neden-biz h2,
#neden-biz h3 { text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6); }
#neden-biz p { color: rgba(255, 255, 255, 0.95) !important; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.55); }

/* Neden Biz ikonları — logo renk paletiyle uyumlu */
#neden-biz .nb-icon {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(53, 214, 208, 0.45) !important;
  background-image: linear-gradient(135deg, rgba(47,127,193,0.28) 0%, rgba(76,226,160,0.24) 100%);
}
#neden-biz .nb-icon svg.text-mint {
  color: #35d6d0 !important;
  -webkit-text-fill-color: currentColor;
  background: none;
  stroke: currentColor;
}

/* Sabit CTA butonu — WhatsApp yeşili, simge önce, üzerine gelince/açılınca yazı */
.floating-cta {
  position: fixed;
  right: 1.25rem;
  bottom: 35%;
  z-index: 60;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.85rem 1.15rem;
  border-radius: 9999px;
  background: #25D366;
  color: #ffffff;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 12px 32px -12px rgba(37, 211, 102, 0.65);
  transition: transform 0.2s ease, box-shadow 0.2s ease, gap 0.25s ease;
  white-space: nowrap;
}

.floating-cta:hover,
.floating-cta:active { transform: translateY(-2px); }

.floating-cta svg { width: 1.25rem; height: 1.25rem; flex-shrink: 0; }

.floating-cta .cta-text {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-width 0.3s ease, opacity 0.2s ease, margin 0.2s ease;
}

.floating-cta.is-expanded .cta-text {
  max-width: 200px;
  opacity: 1;
  margin-left: 0.15rem;
}

.floating-cta .cta-chevron {
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.floating-cta .cta-arrow {
  transition: transform 0.2s ease;
}

.floating-cta.is-expanded .cta-arrow {
  transform: translate(2px, -2px);
}

.floating-cta.is-expanded .cta-chevron {
  opacity: 0;
  transform: translateX(4px);
  max-width: 0;
}

@media (max-width: 767px) {
  .floating-cta {
    right: 0.9rem;
    bottom: 22%;
    padding: 0.7rem 1rem;
    font-size: 0.8rem;
    gap: 0.4rem;
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
  }
  .floating-cta svg { width: 1.05rem; height: 1.05rem; }
}