* { -webkit-tap-highlight-color: transparent; scrollbar-width: none; }
*::-webkit-scrollbar { display: none; }

html {
  color-scheme: light only;
  background-color: #FDFBF7;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: 'Inter', system-ui, sans-serif;
  background-color: #FDFBF7;
  color: #292524;
  overflow-x: hidden;
  overscroll-behavior-y: none;
  min-height: 100dvh;
}

.glass {
  background: rgba(255,255,255,0.65);
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  border: 1px solid rgba(255,255,255,0.35);
}

.glass-strong {
  background: rgba(255,255,255,0.82);
  backdrop-filter: blur(32px) saturate(200%);
  -webkit-backdrop-filter: blur(32px) saturate(200%);
  border: 1px solid rgba(255,255,255,0.45);
}

.glass-tab {
  background: rgba(255,255,255,0.72);
  backdrop-filter: blur(28px) saturate(160%);
  -webkit-backdrop-filter: blur(28px) saturate(160%);
  border-top: 1px solid rgba(255,255,255,0.4);
}

.glass-dark {
  background: rgba(0,0,0,0.75);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
}

.gradient-bg {
  background: linear-gradient(135deg, #FDFBF7 0%, #F7F0E8 25%, #FDFBF7 50%, #EEF5ED 75%, #FDFBF7 100%);
  background-size: 400% 400%;
  animation: gradientShift 20s ease infinite;
}

@keyframes gradientShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.float { animation: float 6s ease-in-out infinite; }
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}

.pulse-ring { animation: pulseRing 2s ease-out infinite; }
@keyframes pulseRing {
  0% { box-shadow: 0 0 0 0 rgba(217,89,56,0.4); }
  70% { box-shadow: 0 0 0 16px rgba(217,89,56,0); }
  100% { box-shadow: 0 0 0 0 rgba(217,89,56,0); }
}

.slide-up { animation: slideUp 0.5s cubic-bezier(0.16,1,0.3,1) forwards; }
@keyframes slideUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

.tab-active { color: var(--brand, #D95938); }
.tab-inactive { color: #A8A29E; }

.chip-active {
  background: var(--brand, #D95938);
  color: white;
  border-color: var(--brand, #D95938);
}

.chip-inactive {
  background: rgba(255,255,255,0.6);
  color: #57534E;
  border-color: rgba(0,0,0,0.06);
}

.page { display: none; opacity: 0; transition: opacity 0.35s cubic-bezier(0.16,1,0.3,1); }
.page.active { display: block; opacity: 1; }

.touch-scale { transition: transform 0.15s cubic-bezier(0.16,1,0.3,1); }
.touch-scale:active { transform: scale(0.96); }

.admin-card {
  background: rgba(255,255,255,0.7);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,0.2);
}

.input-glass {
  background: rgba(255,255,255,0.6);
  border: 1px solid rgba(0,0,0,0.08);
  backdrop-filter: blur(8px);
}

.input-glass:focus {
  background: rgba(255,255,255,0.9);
  border-color: var(--brand, #D95938);
  outline: none;
}

.toast { animation: toastIn 0.4s cubic-bezier(0.16,1,0.3,1) forwards; }
@keyframes toastIn {
  from { opacity: 0; transform: translateY(20px) scale(0.95); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.brand-bg { background-color: var(--brand, #D95938) !important; }
.brand-text { color: var(--brand, #D95938) !important; }

/* Logo: PNG yüklüyken arka plan kutusu yok, tam alan */
.logo-img {
  width: 4rem;
  height: 4rem;
  object-fit: contain;
  display: block;
  background: transparent;
}

.logo-img--buyuk {
  width: 6rem;
  height: 6rem;
}

.logo-img--header {
  width: 2.75rem;
  height: 2.75rem;
}

.logo-kutu-header {
  width: 2.75rem;
  height: 2.75rem;
}

#pub-logo-kutu,
#pub-about-logo-kutu {
  position: relative;
  min-width: 4rem;
  min-height: 4rem;
}

#pub-about-logo-kutu {
  min-width: 6rem;
  min-height: 6rem;
}

.logo-yedek {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  background: linear-gradient(to bottom right, #F26A52, #D95938);
  box-shadow: 0 10px 15px -3px rgba(217, 89, 56, 0.25);
}

.logo-yedek--buyuk {
  border-radius: 1.25rem;
}
.brand-ring:focus { --tw-ring-color: color-mix(in srgb, var(--brand, #D95938) 30%, transparent); }

/* Mobil: iOS/Safari cam efekti zayıf — arka planı web ile aynı tut */
@media (max-width: 768px) {
  .glass {
    background: rgba(255, 255, 255, 0.88);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    backdrop-filter: blur(20px) saturate(150%);
  }
  .glass-strong {
    background: rgba(255, 255, 255, 0.94);
    -webkit-backdrop-filter: blur(24px) saturate(160%);
    backdrop-filter: blur(24px) saturate(160%);
  }
  .glass-tab {
    background: rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter: blur(24px) saturate(150%);
    backdrop-filter: blur(24px) saturate(150%);
  }
  .gradient-bg {
    background: linear-gradient(135deg, #FDFBF7 0%, #F7F0E8 25%, #FDFBF7 50%, #EEF5ED 75%, #FDFBF7 100%);
    background-size: 400% 400%;
    background-attachment: scroll;
  }
}

/* Karanlık mod zorlamasını engelle */
@media (prefers-color-scheme: dark) {
  html, body {
    color-scheme: light only;
    background-color: #FDFBF7 !important;
    color: #292524 !important;
  }
  .glass, .glass-strong, .glass-tab, .admin-card {
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #292524 !important;
  }
  input, textarea, select {
    background-color: rgba(255, 255, 255, 0.85) !important;
    color: #292524 !important;
  }
}