/* ==========================================================================
   Tiger Transporter — temanın üstüne binen küçük eklemeler.
   Tema dosyalarına dokunmamak için ayrı tutuldu.
   ========================================================================== */

/* Ekran okuyucu metni */
.sr-only {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

/* İçeriğe atlama bağlantısı */
.skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 9999;
    padding: .8rem 1.2rem;
    background: var(--logistiq-base);
    color: #fff;
}
.skip-link:focus { left: 0; color: #fff; }

/* Bot tuzağı alanı */
.tiger-hp { position: absolute; left: -9999px; opacity: 0; }

/* Form uyarıları */
.tiger-alert {
    padding: 14px 18px;
    margin-bottom: 20px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 500;
}
.tiger-alert--ok  { background: #EAF6EE; color: #1D6F3C; }
.tiger-alert--err { background: #FCECEC; color: #B23131; }
.tiger-field-error { display: block; margin-top: 6px; font-size: 13px; color: #D64545; }

/* WhatsApp düğmesi */
.tiger-whatsapp {
    position: fixed;
    left: 24px;
    bottom: 24px;
    z-index: 99;
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #25D366;
    color: #fff;
    font-size: 26px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .18);
    transition: transform .3s ease;
}
.tiger-whatsapp:hover { transform: translateY(-3px); color: #fff; }

/* İkon şeridi (swiper) */
.tiger-swiper .swiper-slide { width: auto; }
.tiger-swiper .card i { color: var(--logistiq-base) !important; }
.tiger-swiper .card h6 {
    font-size: 15px;
    font-weight: 600;
    color: var(--logistiq-black);
}
.tiger-swiper a:hover .card i,
.tiger-swiper a:hover .card h6 { opacity: .75; }
.sec-title__title_sub {
    margin-bottom: 18px;
    font-size: 22px;
    font-weight: 700;
    color: var(--logistiq-black);
}

/* Sayfa başlığı altındaki açıklama */
.page-header__text {
    max-width: 640px;
    margin-top: 14px;
    color: #d7dade;
    font-size: 17px;
    line-height: 1.7;
}

/* İç sayfa yardımcıları */
.tiger-section { padding: 90px 0; }
.tiger-section--soft { background: var(--logistiq-gray-bg); }
.tiger-card {
    height: 100%;
    padding: 32px 28px;
    margin-bottom: 30px;
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    transition: all .35s ease;
}
.tiger-card:hover { box-shadow: 0 16px 40px rgba(0, 0, 0, .08); transform: translateY(-4px); }
.tiger-card__icon {
    display: grid;
    place-items: center;
    width: 62px;
    height: 62px;
    margin-bottom: 20px;
    border-radius: 8px;
    background: rgba(var(--logistiq-base-rgb), .1);
    color: var(--logistiq-base);
    font-size: 26px;
}
.tiger-card:hover .tiger-card__icon { background: var(--logistiq-base); color: #fff; }
.tiger-card h3 { font-size: 20px; margin-bottom: 12px; }
.tiger-card h3 a { color: inherit; }
.tiger-card h3 a:hover { color: var(--logistiq-base); }
.tiger-card p { font-size: 15px; margin-bottom: 16px; }
.tiger-card__link {
    font-weight: 600;
    font-size: 15px;
    color: var(--logistiq-base);
}

.tiger-tag {
    display: inline-block;
    padding: 4px 12px;
    margin: 0 4px 8px 0;
    background: var(--logistiq-gray-bg);
    border-radius: 40px;
    font-size: 13px;
    font-weight: 500;
    color: var(--logistiq-black);
}

.tiger-meta { display: flex; flex-wrap: wrap; gap: 20px; margin: 18px 0 0; padding: 0; list-style: none; }
.tiger-meta dt { font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: var(--logistiq-gray); }
.tiger-meta dd { margin: 2px 0 0; font-weight: 700; color: var(--logistiq-black); }

/* Takip zaman çizelgesi */
.tiger-timeline { list-style: none; margin: 30px 0 0; padding: 0; }
.tiger-timeline li {
    position: relative;
    padding: 0 0 28px 34px;
    border-left: 2px solid #e4e8ea;
}
.tiger-timeline li:last-child { border-left-color: transparent; padding-bottom: 0; }
.tiger-timeline li::before {
    content: "";
    position: absolute;
    left: -9px; top: 2px;
    width: 16px; height: 16px;
    border: 3px solid #e4e8ea;
    border-radius: 50%;
    background: #fff;
}
.tiger-timeline li.is-done { border-left-color: var(--logistiq-base); }
.tiger-timeline li.is-done::before { background: var(--logistiq-base); border-color: var(--logistiq-base); }
.tiger-timeline strong { display: block; color: var(--logistiq-black); }
.tiger-timeline span { font-size: 14px; color: var(--logistiq-gray); }

/* Yazı içeriği */
.tiger-article h2 { font-size: 26px; margin: 34px 0 14px; }
.tiger-article p, .tiger-article li { font-size: 17px; line-height: 1.8; }
.tiger-article ul { padding-left: 20px; }

@media (max-width: 767px) {
    .tiger-section { padding: 60px 0; }
    .tiger-whatsapp { width: 46px; height: 46px; font-size: 22px; left: 16px; bottom: 16px; }
}

/* --- Başlık düzeyi düzeltmesi ------------------------------------------- */
/* Tema hero ve sayfa başlığında h2 kullanıyor; SEO için h1'e çevirdik.
   Aynı görünümü korumak adına tema kurallarını h1'e de uyguluyoruz. */
.banner-one__content-left h1 {
    margin: 0;
    font-size: 70px;
    line-height: 70px;
    font-weight: 700;
    color: var(--logistiq-white);
    text-transform: capitalize;
}
.banner-one__content-left h1 span { color: var(--logistiq-base); }

.page-header__inner h1 {
    margin: 0;
    font-size: 60px;
    line-height: 65px;
    font-weight: 700;
    color: var(--logistiq-white);
    text-transform: capitalize;
}

@media only screen and (max-width: 991px) {
    .banner-one__content-left h1 { font-size: 50px; line-height: 55px; }
    .page-header__inner h1 { font-size: 40px; line-height: 45px; }
}
@media only screen and (max-width: 767px) {
    .banner-one__content-left h1 { font-size: 38px; line-height: 44px; }
    .page-header__inner h1 { font-size: 32px; line-height: 40px; }
}

/* --- Logo ---------------------------------------------------------------- */
/* Logo, verilen orijinal görselin kendisi; yalnızca turuncu zemini saydamlaştırıldı.
   Header'ın turuncu bloğu zaten arkada olduğu için orada doğrudan oturuyor.
   Koyu zeminlerde (footer, yan panel, mobil menü) arkasına marka rengi konuyor. */
.logo-box-two a img {
    width: auto;
    max-width: 230px;
    height: auto;
    max-height: 112px;
}

.sticky-header__content .logo-box-two a img { max-width: 180px; max-height: 88px; }

.footer-one__about-logo a,
.sidebar-info-contents .logo a,
.mobile-nav__content .logo-box a {
    display: inline-block;
    padding: 14px 20px;
    background: var(--logistiq-base);
    border-radius: 8px;
}

.footer-one__about-logo a img,
.sidebar-info-contents .logo a img,
.mobile-nav__content .logo-box a img {
    width: auto;
    max-width: 165px;
    height: auto;
}

@media only screen and (max-width: 991px) {
    .logo-box-two a img { max-width: 175px; max-height: 86px; }
}
@media only screen and (max-width: 767px) {
    .logo-box-two a img { max-width: 145px; max-height: 71px; }
}

/* --- Başlık düzeyi düzeltmesi ------------------------------------------- */
/* Tema hero ve sayfa başlığında h2 kullanıyor; SEO için h1'e çevirdik.
   Aynı görünümü korumak adına tema kurallarını h1'e de uyguluyoruz. */
.banner-one__content-left h1 {
    margin: 0;
    font-size: 70px;
    line-height: 70px;
    font-weight: 700;
    color: var(--logistiq-white);
    text-transform: capitalize;
}
.banner-one__content-left h1 span { color: var(--logistiq-base); }

.page-header__inner h1 {
    margin: 0;
    font-size: 60px;
    line-height: 65px;
    font-weight: 700;
    color: var(--logistiq-white);
    text-transform: capitalize;
}

@media only screen and (max-width: 991px) {
    .banner-one__content-left h1 { font-size: 50px; line-height: 55px; }
    .page-header__inner h1 { font-size: 40px; line-height: 45px; }
}
@media only screen and (max-width: 767px) {
    .banner-one__content-left h1 { font-size: 38px; line-height: 44px; }
    .page-header__inner h1 { font-size: 32px; line-height: 40px; }
}

/* --- Logo ---------------------------------------------------------------- */
/* Logo, verilen orijinal görselin kendisi (2003×869, oran 2.3:1).
   Tema 197×51'lik ince bir logo varsayıyordu; ölçüleri yeni orana göre ayarlıyoruz. */
.logo-box-two a img {
    width: auto;
    max-width: 240px;
    height: auto;
    max-height: 112px;
}

.footer-one__about-logo a img,
.sidebar-info-contents .logo a img,
.mobile-nav__content .logo-box a img {
    width: auto;
    max-width: 200px;
    height: auto;
}

.sticky-header__content .logo-box-two a img { max-width: 190px; max-height: 82px; }

@media only screen and (max-width: 991px) {
    .logo-box-two a img { max-width: 180px; max-height: 78px; }
}
@media only screen and (max-width: 767px) {
    .logo-box-two a img { max-width: 150px; max-height: 65px; }
}

/* --- Düzeltmeler --------------------------------------------------------- */

/* Form: tema yalnızca text ve email alanlarına stil veriyordu; tel alanı
   biçimsiz kalıp diğerlerinden farklı yükseklikte duruyordu. */
.why-choose-one__form .input-box input[type="tel"] {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    background: var(--logistiq-white);
    border: 1px solid #e1e4e8;
    color: var(--logistiq-gray);
    font-size: 16px;
    font-weight: 400;
    padding-left: 20px;
    padding-right: 48px;
    transition: all 500ms ease;
}
.why-choose-one__form .input-box input[type="text"],
.why-choose-one__form .input-box input[type="email"] {
    padding-right: 48px;
}
.why-choose-one__form .input-box input:focus {
    outline: none;
    border-color: var(--logistiq-base);
}
/* İkonlar kutunun içinde, dikeyde tam ortada dursun */
.why-choose-one__form .input-box { position: relative; }
.why-choose-one__form .input-box .icon {
    right: 18px;
    pointer-events: none;
    line-height: 1;
}
.why-choose-one__form .input-box .icon i,
.why-choose-one__form .input-box .icon span::before {
    font-size: 16px;
    color: #9aa2a8;
}

/* Hero haritası: açılır kutu noktanın soluna kaçıyor, oku noktayla
   hizalanmıyordu. Kutuyu noktanın merkezine göre ortalıyoruz. */
.banner-one__location-single .content-box {
    left: 50%;
    margin-left: 0;
    transform: translateX(-50%) translateY(10%);
    /* Balkan kutusunda on ülke var; genişlik serbest bırakılınca kutu
       ekranı boydan boya kaplıyordu. Sınır, en uzun listeyi dört satıra
       indiriyor, kısa listeler kendi genişliğinde kalıyor. */
    max-width: 260px;
}
.banner-one__location-single:hover .content-box {
    transform: translateX(-50%) translateY(0);
}

/* Hero'daki uçak, rotanın ters yönünde ilerliyordu. */
.banner-one .shape1.rotate-me {
    animation-direction: reverse;
    -webkit-animation-direction: reverse;
}

/* Dönen dairesel yazı: harf aralığı biraz açılınca üst üste binmiyor. */
.about-one__curved-circle { letter-spacing: 0.5px; }

/* --- İç sayfa düzeltmeleri ----------------------------------------------- */

/* Tema bu listeyi koyu bölüm için yazmış (metin beyaz). Açık zeminli
   sayfalarda okunmuyordu. */
.about-one .why-choose-one__content-list ul li p,
.tiger-section .why-choose-one__content-list ul li p,
.tiger-card .why-choose-one__content-list ul li p,
.service-details__content .why-choose-one__content-list ul li p {
    color: var(--logistiq-gray);
}

/* Alt CTA bandı ile footer iç içe giriyordu; araya nefes payı. */
.cta-one {
    padding-top: 40px;
    padding-bottom: 100px;
}
.cta-one + .footer-one,
.tiger-section + .footer-one { margin-top: 0; }

/* WhatsApp sağ altta; "yukarı çık" onun üstünde kalsın. */
.tiger-whatsapp {
    left: auto;
    right: 22px;
    bottom: 22px;
}
.scroll-to-top { bottom: 100px; }

@media (max-width: 767px) {
    .tiger-whatsapp { right: 16px; bottom: 16px; }
    body .scroll-to-top { bottom: 132px !important; }
    .cta-one { padding-bottom: 70px; }
}

/* Yüzen düğmeler üst üste binmesin */
/* "Yukarı çık" 90° döndürülmüş; bottom değeri göründüğü yere birebir denk
   gelmiyor, o yüzden WhatsApp'ın üstünde kalacak kadar pay veriliyor. */
body .scroll-to-top { bottom: 150px !important; }


/* --- Hizmet sayfaları ---------------------------------------------------- */

/* Yan sütundaki hizmet listesi footer için yazılmış (metin beyaz),
   açık zeminde okunmuyordu. */
.tiger-card .footer-one__quick-links-list a {
    color: var(--logistiq-gray);
    font-size: 15px;
}
.tiger-card .footer-one__quick-links-list a:hover { color: var(--logistiq-base); }
.tiger-card .footer-one__quick-links-list a span::before { color: var(--logistiq-base); }

/* CTA bandının altındaki gri şerit, iç sayfalarda footer'dan hemen önce
   ortada kalıp renk geçişini bozuyordu. */
.cta-one::before { background: transparent; }

/* Teklif sayfasındaki telefon kutusu footer'a yapışıyordu. */
.tiger-phone-box { margin-bottom: 0; }
.tiger-quote-side { padding-bottom: 20px; }

/* .tiger-card yükseklik olarak kolonu dolduruyor; bu, ızgarada kartları
   eşitlemek için iyi ama yan sütunda alt alta iki kart varken ikincisi
   sayfanın dışına taşıp footer'ın üstüne yayılıyordu. */
aside .tiger-card,
.tiger-quote-side .tiger-card { height: auto; }

/* Kamyonun kasasında Tiger logosu var; tema onu 35px dışarı taşırıyordu,
   logo ekranın dışında kalıyordu. */
.banner-one__img1 { right: 0; }

/* Şerit ikonları Bootstrap'in kırmızısını (text-danger) kullanıyordu. */
.tiger-icon { color: var(--logistiq-base); }

/* Hero ekranı doldursun: yüksek ekranlarda altta açık renk şerit kalıyordu.
   --tiger-header-h değerini tiger.js ölçüp yazar; JS kapalıysa 100vh'ye düşer,
   o da çalışır, yalnız hero bir header boyu taşar. */
.banner-one {
    min-height: calc(100vh - var(--tiger-header-h, 0px));
}

@media (max-width: 991px) {
    .banner-one { min-height: auto; }
}

/* Tema kamyonu 1560px altında tamamen gizliyor, ama yanındaki kutuları
   bırakıyordu; kutular havada kalıyordu. Kasada Tiger logosu olduğu için
   kamyonu dizüstü ekranlarda da gösteriyoruz, küçülterek. */
@media only screen and (min-width: 1200px) and (max-width: 1560px) {
    .banner-one__img1 {
        display: block;
        right: 0;
        bottom: -30px;
    }

    .banner-one__img1 img { width: 300px; height: auto; }
}

@media only screen and (max-width: 1199px) {
    .banner-one__img5 { display: none; }
}

/* ==========================================================================
   Mobil düzeltmeleri
   Tema büyük ölçüde uyumlu; aşağıdakiler ölçümle bulunan eksikler.
   ========================================================================== */

/* Menü düğmesi 18x28 idi, parmakla isabet ettirmek zordu.
   Görünen ikon aynı kalıyor, dokunma alanı 44x44'e çıkıyor. */
.mobile-nav__toggler {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    margin-right: -10px;
}

@media only screen and (max-width: 767px) {
    /* Uzun yollarda ("Ana Sayfa > Hizmetlerimiz > Karayolu Taşımacılığı")
       satır sarmıyordu; oklar alta düşüp dağılıyordu. */
    .page-header__inner .thm-breadcrumb {
        flex-wrap: wrap;
        row-gap: 2px;
    }

    .page-header__inner .thm-breadcrumb li {
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }

    .page-header__inner .thm-breadcrumb li span[class^="icon-"] {
        font-size: 12px;
    }

    /* Dönen dairesel yazı telefonda ekranın soluna taşıyordu */
    .about-one__curved-circle,
    .about-one__round-text-box {
        display: none;
    }

    /* Metin bağlantılarına parmak payı: telefon, e-posta, "devamını oku" */
    .tiger-card__link,
    .footer-one__contact-box a,
    .header-contact-style2 a,
    .tiger-card a[href^="tel:"],
    .tiger-card a[href^="mailto:"] {
        display: inline-block;
        padding: 6px 0;
    }

    /* Kart içi başlıklar telefonda biraz daha sıkı dursun */
    .tiger-card { padding: 24px 20px; }
    .tiger-card h3 { font-size: 18px; }

    /* Yazı sayfasında satır uzunluğu */
    .tiger-article p,
    .tiger-article li { font-size: 16px; }
    .tiger-article h2 { font-size: 22px; margin: 26px 0 12px; }

    /* Ülke etiketleri ve künye satırları taşmasın */
    .tiger-tag { font-size: 12px; padding: 4px 10px; }
    .tiger-meta { gap: 14px; }

    /* Yan sütundaki hizmet listesi: satırlar parmakla ayrılabilsin */
    .tiger-card .footer-one__quick-links-list a {
        display: inline-block;
        padding: 5px 0;
    }
}

/* Mobil menüdeki sosyal ikon 22px idi */
@media only screen and (max-width: 991px) {
    .mobile-nav__social a {
        display: inline-grid;
        place-items: center;
        min-width: 40px;
        min-height: 40px;
    }
}

/* Tablette de aynı yol sorunu, daha hafif */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .page-header__inner .thm-breadcrumb { flex-wrap: wrap; }
}