@tailwind base;
@tailwind components;
@tailwind utilities;

:root { color-scheme: light; }
html { background: #F3F3F1; color: #111311; -webkit-font-smoothing: antialiased; }
body { font-family: var(--f-sans), system-ui, sans-serif; }
::selection { background: #FF6A1F; color: #111311; }

@layer components {
  /* Harita masası: haritanın üzerinde düz beyaz/siyah paneller, dar büyük harfli etiketler, turuncu işaret rengi */
  .tag { @apply font-narrow text-[11px] font-semibold uppercase tracking-[0.08em] text-ink-soft; }
  .tag-light { @apply font-narrow text-[11px] font-semibold uppercase tracking-[0.08em] text-white/60; }
  .kicker { @apply tag; }
  .btn { @apply inline-flex items-center justify-center gap-2 px-5 h-12 text-[15px] font-semibold select-none transition-colors duration-100 disabled:opacity-40; }
  .btn-ink { @apply btn bg-ink text-white hover:bg-ink-2; }
  .btn-signal { @apply btn bg-signal text-ink hover:bg-signal-dark; }
  .btn-primary { @apply btn-signal; }
  .btn-survey { @apply btn-signal; }
  .btn-line { @apply btn border border-ink bg-white text-ink hover:bg-paper-2; }
  .btn-ghost { @apply btn text-ink hover:bg-ink/5; }
  .btn-sm { @apply h-9 px-3.5 text-[13.5px]; }
  .field { @apply w-full h-11 px-3 bg-white border border-ink/25 text-[15px] outline-none focus:border-ink placeholder:text-ink-soft/60 disabled:bg-paper-2; }
  .label { @apply block font-narrow text-[11px] font-semibold uppercase tracking-[0.08em] text-ink-soft mb-1; }
  .rule { @apply h-px bg-ink/10; }
  .card { @apply bg-white; }
  .chip { @apply inline-block bg-ink px-2 py-0.5 text-[12.5px] font-semibold text-white; }
  .num { font-variant-numeric: tabular-nums; }
  .h-display { @apply font-sans font-extrabold tracking-[-0.03em] leading-[0.98]; }
  /* Hücreli çubuk: form alanları yan yana, ince ayraçlı */
  .cells { @apply grid bg-white text-ink; }
  .cells > * { @apply border-ink/15; }
  .cell { @apply flex min-w-0 flex-col justify-center px-4 py-2.5; }
  .cell select, .cell input { @apply mt-0.5 w-full bg-transparent text-[18px] font-semibold outline-none placeholder:text-ink/25 disabled:text-ink/30; }
}
.maplibregl-ctrl-group { border-radius: 0 !important; box-shadow: none !important; border: 1px solid rgba(17,19,17,.2); }
.maplibregl-ctrl-group button { border-radius: 0 !important; }

/* yasal metinler */
.legal h2 { font-weight: 800; font-size: 19px; line-height: 1.3; margin-top: 1.8rem; }
.legal h2:first-child { margin-top: 0; }
.legal h3 { font-weight: 700; font-size: 16px; margin-top: 1.2rem; }
.legal p { margin-top: .7rem; }
.legal ul, .legal ol { margin-top: .6rem; padding-left: 1.25rem; }
.legal ul { list-style: disc; } .legal ol { list-style: decimal; }
.legal li { margin-top: .3rem; }
.legal a { text-decoration: underline; text-underline-offset: 2px; }
.legal table { width: 100%; border-collapse: collapse; margin-top: .8rem; font-size: 14px; }
.legal th, .legal td { text-align: left; vertical-align: top; border-bottom: 1px solid rgb(0 0 0 / .1); padding: .5rem .5rem .5rem 0; }
.legal .wrap { overflow-x: auto; }