/*
 * FaturaTek — ORTAK ÜST BAŞLIK (koyu duyuru çubuğu + beyaz yapışkan menü).
 *
 * 🔴 İKİ KABUK DA BUNU YÜKLER: eski ana sayfa (stil.css) ve yeni sayfalar
 *    (site.css). Bu yüzden DEĞİŞKEN KULLANMAZ — renkler doğrudan yazılı,
 *    yoksa iki dosyadaki farklı token adları yüzünden biri bozulur.
 * 🔴 Markup: parca/ustluk.php — tek kaynak, iki yerde kopyalanmaz.
 * 🔴 Hareket: .u-menu'ye kaydırınca .kayd, hamburger .acik ekler
 *    (alt.php ve alt-eski.php içindeki betikler).
 * 🔴 MENÜ KAP GENİŞLİĞİ sayfadan gelir: --uk-kap. Sayfanın kendi kabıyla
 *    (eski ana sayfada .kap = 1180px) hizalanmazsa logo ile içerik
 *    kayık durur. Varsayılan 1500px (yeni geniş düzen).
 *    Kayan şerit bilerek kap DIŞINDA: kenardan kenara akıyor.
 */

/* ── Koyu şerit çubuğu ──
 * 🔴 2026-09-15: telefon/WhatsApp bağlantıları ve .u-tepe-ic sarmalayıcısı
 *    KALDIRILDI (kullanıcı kararı). Çubukta yalnız kayan şerit var ve
 *    kenardan kenara akıyor — kap genişliğiyle sınırlanmıyor.
 */
.u-tepe{background:#131A2B;color:#fff;font-size:13px;overflow:hidden}
.u-tepe-sag{height:42px;display:flex;align-items:center;overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.u-serit{display:flex;width:max-content;animation:u-kay 34s linear infinite}
.u-serit-ic{display:flex;align-items:center;gap:34px;padding-right:34px}
.u-serit span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:rgba(255,255,255,.8);font-weight:600}
.u-serit b{color:#fff;font-weight:700}
.u-serit i{width:5px;height:5px;border-radius:50%;background:#F0625E;flex:none}
.u-serit a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4)}
@keyframes u-kay{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.u-serit{animation:none}}

/* ── Kırmızı yapışkan menü (2026-09-15: beyazdan marka kırmızısına) ──
 * 🔴 Zemin tüm genişlikte .u-menu'de: yalnız .u-menu-ic boyansaydı geniş
 *    ekranda iki yanda beyaz boşluk kalırdı. */
.u-menu{position:sticky;top:0;z-index:60;background:#DC2626;
  border-bottom:1px solid rgba(0,0,0,.08);transition:box-shadow .2s ease}
.u-menu.kayd{box-shadow:0 10px 30px rgba(0,0,0,.18)}
.u-menu-ic{display:flex;align-items:center;justify-content:space-between;gap:26px;height:72px;
  width:100%;max-width:var(--uk-kap,1500px);margin:0 auto;padding:0 var(--uk-yan,28px)}
/* Logo: kendi beyaz SVG'miz (varlik/faturatek-logo-beyaz.svg, 553×153). */
.u-logo{flex:none;display:flex;align-items:center;text-decoration:none}
.u-logo img{display:block;width:auto;height:35px}
.u-baglar{display:flex;align-items:center;gap:30px;margin-left:auto}
.u-baglar a{font-size:15px;font-weight:600;color:rgba(255,255,255,.88);text-decoration:none;transition:color .16s,opacity .16s}
.u-baglar a:hover,.u-baglar a[aria-current="page"]{color:#fff}
.u-menu-sag{display:flex;align-items:center;gap:12px;flex:none}
.u-giris{font-size:14.5px;font-weight:700;color:#fff;text-decoration:none;padding:11px 18px;border-radius:12px;
  border:1.5px solid rgba(255,255,255,.45);transition:border-color .16s,background .16s}
.u-giris:hover{border-color:#fff;background:rgba(255,255,255,.1)}
.u-hap{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#A3211F;text-decoration:none;
  padding:12px 26px;border-radius:12px;font-size:14.5px;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,.16);
  transition:transform .2s,box-shadow .2s,background .2s}
.u-hap:hover{background:#FBEDEC;color:#A3211F;transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.22)}
.u-menu-ac{display:none;width:44px;height:44px;align-items:center;justify-content:center;background:transparent;
  border:1px solid rgba(255,255,255,.4);border-radius:12px;color:#fff;cursor:pointer}

/* 🔴 Menü 6 maddeye çıktı (2026-09-15): 1240 altında nefes payı azalıyor,
   dar masaüstünde satırın sarmaması için yazı ve boşluklar sıkılaştırılır. */
@media (max-width:1240px){
  .u-menu-ic{gap:16px}
  .u-baglar{gap:20px}
  .u-baglar a{font-size:14px}
  .u-giris{padding:11px 14px;font-size:14px}
  .u-hap{padding:12px 18px;font-size:14px}
}

@media (max-width:1080px){
  /* 🔴 Hamburger gerçekten açsın: alt betiği .u-menu'ye .acik ekliyor. */
  .u-baglar{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;
    background:#DC2626;border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 18px 34px rgba(0,0,0,.2);padding:8px 18px 16px}
  .u-menu.acik .u-baglar{display:flex}
  .u-baglar a{padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.16);font-size:16px}
  .u-baglar a:last-child{border-bottom:0}
  .u-menu-ic{position:relative}
  .u-menu-ac{display:flex}
  .u-giris{display:none}
}
@media (max-width:720px){
  .u-menu-ic{padding:0 18px}   /* dar ekranda sayfa kabıyla aynı */
}
@media (max-width:480px){
  .u-tepe-sag{height:38px}
  /* 🔴 Logo 35px'e çıkınca dar ekranda logo + buton + hamburger sığmıyordu
     (hamburger kırpılıyordu). Masaüstünde 35px kalır, burada küçülür. */
  .u-logo img{height:28px}
  .u-hap{padding:11px 16px;font-size:13.5px}
  .u-menu-ic{height:64px;gap:12px}
  .u-menu-ac{width:40px;height:40px}
}