/* Atık Cepte - ortak özel stiller (Tailwind dışı yardımcı sınıflar) */

html { scroll-behavior: smooth; scroll-padding-top: 6.5rem; }

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

/* Şoför sayfası */
.eco-glass {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.badge-glow { box-shadow: 0 0 18px rgba(13, 148, 101, 0.25); }

/* Yönetim sayfası */
.custom-eco-glow { box-shadow: 0 24px 48px -12px rgba(13, 148, 101, 0.16), 0 1px 3px rgba(0, 0, 0, 0.05); }
.pill-ambient-shadow { box-shadow: 0 4px 20px -2px rgba(13, 148, 101, 0.08); }

/* Tasarımlarda kullanılan ama Tailwind v3'te olmayan küçük yardımcılar */
.scale-102, .group:hover .group-hover\:scale-102 { transform: scale(1.02); }
.shadow-xs { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
.rounded-xs { border-radius: 0.125rem; }

/* Admin ekran görüntüsü sekmeleri */
.shot-tab[aria-selected="true"] { background: #006a46; color: #fff; border-color: #006a46; }

/* Kullanıcı sayfası: sipariş sihirbazı adım sekmeleri */
.adim-tab[aria-selected="true"] { border-color: #006a46; background: #fff; box-shadow: 0 8px 24px -12px rgba(0, 106, 70, 0.35); }
.adim-tab[aria-selected="true"] .adim-no { background: #006a46; color: #fff; }

/* Yasal metin sayfaları (KVKK, gizlilik, kullanım koşulları) */
.yasal-metin { color: #3e4a42; font-size: 15px; line-height: 1.75; }
.yasal-metin h2 { color: #082013; font-size: 20px; font-weight: 700; line-height: 1.35; margin: 2.25rem 0 0.75rem; scroll-margin-top: 7rem; }
.yasal-metin h3 { color: #082013; font-size: 16px; font-weight: 700; margin: 1.5rem 0 0.5rem; }
.yasal-metin p { margin: 0 0 0.9rem; }
.yasal-metin ul, .yasal-metin ol { margin: 0 0 1rem; padding-left: 1.35rem; }
.yasal-metin ul { list-style: disc; }
.yasal-metin ol { list-style: decimal; }
.yasal-metin li { margin: 0.3rem 0; }
.yasal-metin a { color: #006a46; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.yasal-metin strong { color: #082013; }
.yasal-metin table { width: 100%; border-collapse: collapse; margin: 0.5rem 0 1.25rem; font-size: 14px; }
.yasal-metin th, .yasal-metin td { border: 1px solid #d5e3d9; padding: 0.6rem 0.75rem; text-align: left; vertical-align: top; }
.yasal-metin th { background: #eef8f0; color: #082013; font-weight: 700; }
.yasal-metin .tablo-kap { overflow-x: auto; }
.eksik { background: #fff4d6; color: #7a5200; border-radius: 4px; padding: 0 4px; font-weight: 600; }