/* Koyu bolum uzerindeki header: marka yazisi ve menu beyaza doner */
header.alt-hd-dark {
  background: rgba(25, 41, 58, .86) !important;
  border-bottom-color: rgba(255, 255, 255, .14) !important;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
}

header.alt-hd-dark > .alt-pad > a[aria-label] > span,
header.alt-hd-dark #alt-menu-btn {
  color: #FFFFFF !important;
}

header.alt-hd-dark #alt-menu-btn span span {
  background: #FFFFFF !important;
}

/* Online E-Arsiv butonu: genis ekranda tam, dar ekranda kisa etiket */
#alt-earsiv .alt-ea-kisa {
  display: none;
}

header.alt-hd-dark #alt-earsiv {
  background: #FFFFFF !important;
  border-color: #FFFFFF !important;
  color: #19293A !important;
}

@media (max-width: 900px) {
  #alt-earsiv .alt-ea-full {
    display: none;
  }

  #alt-earsiv .alt-ea-kisa {
    display: inline;
  }

  #alt-earsiv {
    gap: 6px !important;
    padding: 9px 13px !important;
    letter-spacing: .1em !important;
  }
}

/* Yalnizca cok dar ekranda (320-340px) buton ortadaki MENU'ye degmesin.
   Daha genis telefonlarda etiket 10px kalir, okunakliligi bozulmaz. */
@media (max-width: 340px) {
  #alt-earsiv {
    font-size: 9px !important;
    padding: 9px 11px !important;
    letter-spacing: .08em !important;
  }

  #alt-earsiv > span:last-child {
    display: none;
  }

  header > .alt-pad > #alt-menu-btn {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* 560-660px arasinda marka yazisi ortadaki MENU butonunun uzerine biniyordu */
@media (max-width: 660px) {
  header > .alt-pad > a[aria-label="ALTAN PERSONEL"] > span {
    display: none !important;
  }
}

/* Masaustunde yan yana duran hucreler mobilde alt alta dusunce, sutun ayraci
   icin konan sol bosluk ve dikey cizgiler icerigi kademeli saga kaydiriyordu.
   Alt alta dizildiklerinde hepsi ayni hizaya gelsin. */
@media (max-width: 560px) {
  html body .alt-trust-nums > div {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(25, 41, 58, .14);
  }

  html body .alt-trust-nums > div:last-child {
    border-bottom: none;
  }

  /* iki yazim: kaynaktaki hali ve dc-runtime'in normalize ettigi hali */
  html body div[style*="flex:1 1 220px"],
  html body div[style*="flex: 1 1 220px"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-left: none !important;
  }
}

@media (max-width: 900px) {
  /* Overlay menu dikey duzene gecince, masaustundeki "align-items: center"
     nav'i icerik genisligine daraltip ortaliyordu; alttaki blok tam genislikte
     kaldigi icin yazilar ve ayrac cizgisi hizasiz duruyordu. */
  html body .alt-ovgrid {
    align-items: stretch !important;
  }
}

@media (min-width: 561px) and (max-width: 900px) {
  /* iki sutunlu duzende sol sutun hizalansin, sagdaki artik cizgi kalksin */
  html body .alt-trust-nums > div:nth-child(odd) {
    padding-left: 0 !important;
  }

  html body .alt-trust-nums > div:nth-child(even) {
    border-right: none !important;
    padding-right: 0 !important;
  }

  /* Kutular sarmalanip alt satira gecince, satir basindakinin sol cizgisi
     bosluga bakan artik bir dikey cizgi olarak kaliyordu. Kac tanesinin yan
     yana dizilecegi genislige gore degistigi icin cizgiler tamamen kaldirildi;
     satirlari zaten alttaki cizgi ayiriyor. */
  html body div[style*="flex:1 1 220px"],
  html body div[style*="flex: 1 1 220px"] {
    border-left: none !important;
  }
}

@media (max-width: 560px) {
  html body .alt-hero-turizm {
    font-size: clamp(34px, 11.7vw, 46px) !important;
    white-space: nowrap !important;
  }

  html body .alt-fleet-visual {
    display: flex !important;
    align-items: center !important;
    height: auto !important;
    aspect-ratio: 2 / 1;
  }

  /* <picture> sarmalayicisi da gorsel gibi davranmali, yoksa dikey ortalama bozulur */
  html body .alt-fleet-visual picture {
    height: auto !important;
  }

  html body .alt-fleet-visual img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
}