/* ==========================================================================
   AYDER TURIZM — TASARIM SISTEMI
   Tur satis sitesi. Donusum odakli, modern, guvenilir.
   Tum renk/olcu/gecis degerleri burada. Baska dosyada ham hex yok.
   ========================================================================== */

:root {

  /* ---- MARKA ---- */
  --brand:      #F47D18;   /* turuncu — CTA, fiyat, aktif durum */
  --brand-600:  #DE6C0C;
  --brand-700:  #B85708;
  --brand-200:  #FBD9B4;
  --brand-50:   #FFF4E9;

  --ink:        #212529;   /* kurumsal koyu — baslik, metin */
  --ink-700:    #3C434A;
  --ink-500:    #6B747D;
  --ink-400:    #98A1AA;

  /* Koyu katman — hero overlay, topbar, footer, koyu bolumler */
  --koyu:       #123B2C;
  --koyu-700:   #1E5A42;
  --koyu-500:   #2E7356;

  --white:      #FFFFFF;
  --mist:       #F5F7FA;   /* bolum zemini */
  --mist-2:     #EDF1F6;
  --line:       #E3E8EF;
  --line-soft:  #F0F3F7;

  --ok:         #12875A;  --ok-bg:   #E7F6EF;
  --no:         #C8322A;  --no-bg:   #FDEDEC;
  --warn:       #B26A00;  --warn-bg: #FFF6E5;
  --star:       #F5A524;

  /* ---- ANLAMSAL ---- */
  --bg:        var(--white);
  --bg-alt:    var(--mist);
  --tx:        var(--ink);
  --tx-soft:   var(--ink-700);
  --tx-mute:   var(--ink-500);
  --tx-faint:  var(--ink-400);
  --tx-inv:    var(--white);
  --tx-inv-mute: rgba(255,255,255,.72);

  /* ---- GRADYAN / PERDE ---- */
  --g-brand: linear-gradient(135deg, #F9973F 0%, #F47D18 55%, #DE6C0C 100%);
  --g-koyu:  linear-gradient(160deg, #1E5A42 0%, #123B2C 100%);
  --veil-hero: linear-gradient(90deg, rgba(16,30,54,.88) 0%, rgba(16,30,54,.62) 45%, rgba(16,30,54,.15) 100%);
  --veil-hero-m: linear-gradient(to top, rgba(16,30,54,.94) 0%, rgba(16,30,54,.55) 60%, rgba(16,30,54,.25) 100%);
  --veil-card: linear-gradient(to top, rgba(16,30,54,.86) 0%, rgba(16,30,54,.35) 45%, rgba(16,30,54,0) 100%);

  /* ---- TIPOGRAFI — tek aile, agirlik kontrasti ---- */
  --font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI',
          Roboto, 'Helvetica Neue', Arial, sans-serif;

  --fs-hero: clamp(1.9rem, 1.2rem + 2.6vw, 3.25rem);
  --fs-h1:   clamp(1.65rem, 1.2rem + 1.8vw, 2.5rem);
  --fs-h2:   clamp(1.4rem, 1.15rem + 1.1vw, 2rem);
  --fs-h3:   clamp(1.15rem, 1.05rem + .5vw, 1.4rem);
  --fs-h4:   1.0625rem;
  --fs-lead: clamp(1rem, .96rem + .25vw, 1.125rem);
  --fs-body: 1rem;
  --fs-s:    .9375rem;
  --fs-xs:   .875rem;
  --fs-2xs:  .8125rem;
  --fs-3xs:  .75rem;

  --fw-400: 400; --fw-500: 500; --fw-600: 600; --fw-700: 700; --fw-800: 800;
  --ls-cap: .08em;   /* uppercase etiketler */
  --ls-t:  -.015em;
  --ls-tt: -.03em;

  /* ---- OLCU ---- */
  --w:      1320px;
  --w-wide: 1560px;
  --gut:    clamp(1rem, .5rem + 1.8vw, 2.5rem);

  --s1:.25rem; --s2:.5rem;  --s3:.75rem; --s4:1rem;   --s5:1.25rem;
  --s6:1.5rem; --s7:2rem;   --s8:2.5rem; --s9:3rem;   --s10:4rem;
  --s11:5rem;  --s12:6rem;

  --blk:    clamp(3rem, 2rem + 3.5vw, 5.5rem);   /* bolum ic bosluk */
  --blk-sm: clamp(2rem, 1.5rem + 2vw, 3.5rem);

  /* Yapiskan header'in GERCEK yuksekligi. Ust bilgi seridi (38px) de
     yapiskan katmanin parcasi — sayilmazsa yan sutundaki yapiskan kutu
     menunun altinda kalir. 1024px altinda ust serit gizlendigi icin
     degerler asagida yeniden tanimlanir. */
  --hd-h:   180px;   /* 38 ust serit + 92 logo satiri + 48 menu satiri + 2 kenarlik */
  --hd-h-s: 156px;   /* kaydirilmis: 38 + 68 + 48 + 2 */

  /* ---- KOSE / GOLGE ---- */
  --r1:4px; --r2:8px; --r3:12px; --r4:16px; --r5:22px; --rp:999px;

  --sh1: 0 1px 3px rgba(16,30,54,.07);
  --sh2: 0 4px 14px rgba(16,30,54,.09);
  --sh3: 0 10px 30px rgba(16,30,54,.12);
  --sh4: 0 20px 50px rgba(16,30,54,.16);
  --sh-b: 0 8px 22px rgba(244,125,24,.32);
  --ring: inset 0 0 0 1px rgba(16,30,54,.06);

  /* ---- GECIS ---- */
  --e:    cubic-bezier(.22,.61,.36,1);
  --e-io: cubic-bezier(.65,.05,.36,1);
  --t1: .16s var(--e);
  --t2: .3s  var(--e);
  --t3: .5s  var(--e);
  --t4: .8s  var(--e);

  /* ---- KATMAN ---- */
  --z-1:1; --z-2:10; --z-hd:100; --z-dd:200; --z-ov:300; --z-dr:400; --z-tp:500;
}

@media (prefers-reduced-motion: reduce) {
  :root { --t1:.01ms linear; --t2:.01ms linear; --t3:.01ms linear; --t4:.01ms linear; }
  *,*::before,*::after {
    animation-duration:.01ms !important; animation-iteration-count:1 !important;
    transition-duration:.01ms !important; scroll-behavior:auto !important;
  }
}

/* Yapiskan header yuksekligi kirilim noktalarinda degisir.
   Genisten dara dogru siralanir ki dar ekranda dogru deger kazansin:
     1180px alti -> menu satiri (48px) gizlenir
     1024px alti -> ust bilgi seridi (38px) de gizlenir           */
@media (max-width: 1180px) {
  :root { --hd-h: 132px; --hd-h-s: 108px; }
}
@media (max-width: 1024px) {
  :root { --hd-h: 94px;  --hd-h-s: 70px; }
}