/*
 * Paintrob özel düzenlemeleri. Tema dosyası (style.css) değiştirilmez; bu dosya ondan sonra yüklenir.
 */

/* Sitenin kurumsal mavisi (.env SECOND_COLOR / config.secondColor ile aynı) */
:root {
    --paintrob-blue: #046bb1;
    --paintrob-blue-dark: #03598f;
}

/* Tema bazı bölümlerde "container p-0" kullanıyor: telefonda kapsayıcı tam genişlik olduğu için
   metin ve görseller ekran kenarına yapışıyordu. Bootstrap satırının -12px dış boşluğuyla birlikte
   içerik temanın diğer bölümleriyle aynı hizada (kenardan 12px) kalır. */
@media (max-width: 575.98px) {
    .container.p-0 {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

/* Çerez bandı açıkken "yukarı çık" butonu bandın üstüne taşınır (yükseklik CookieConsent.vue'dan gelir) */
.progress-wrap {
    bottom: calc(50px + var(--cookie-bar-height, 0px));
    transition: bottom 0.25s ease, opacity 0.2s linear, visibility 0.2s linear, transform 0.2s linear;
}

@media (max-width: 767px) {
    .progress-wrap {
        bottom: calc(15px + var(--cookie-bar-height, 0px));
    }
}

/* "container-fluid p-0" içindeki Bootstrap satırı (-12px kenar payı) sayfayı iki yandan 12px taşırıyordu.
   Tema bunu body'de gizlese de sayfa genişliği büyüyor, sabit menü/bant sağa kayıyordu. Taşan kısım
   kırpılır; tam genişlik görsellerin görünümü değişmez. */
.container-fluid.p-0 {
    overflow-x: clip;
}

/* Çerez bandı açıkken sayfanın en altında bant kadar yer açılır; alan alt bilgi renginde olduğu için
   bant kayarak gelirken beyaz şerit görünmez */
footer {
    padding-bottom: var(--cookie-bar-height, 0px);
    background-color: var(--tp-common-black);
}

/* Header menüsü: büyük harf, kalın, 14px (temada 12px/normal). Yalnızca üst seviye bağlantılar;
   açılır alt menüler temadaki gibi kalır. Harf aralığı daraltıldı ki 1200px'te de tek satıra sığsın. */
.main-menu #mobile-menu > ul > li > a {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .main-menu #mobile-menu > ul > li {
        margin: 0 10px;
    }

    .main-menu #mobile-menu > ul > li > a {
        letter-spacing: 0.03em;
    }
}

/* Dil geçişi (TR | EN) eklendiğinde 1200-1299px'te menü, dil geçişi ve Teklif Al tek satıra sığsın */
@media (min-width: 1200px) and (max-width: 1299px) {
    .main-menu #mobile-menu > ul > li {
        margin: 0 7px;
    }

    .main-menu #mobile-menu > ul > li > a {
        letter-spacing: 0.02em;
    }

    .header__area .header__main .header-lang {
        margin-right: 14px;
    }

    .header__area .header__main .header-quote-btn {
        margin-right: 18px;
        padding: 0 16px;
    }
}