/* ==================================================
   Tasarım düzeltmeleri
   Tema dosyalarının (style.css, coloring.css) üzerine yazılır;
   bu yüzden her sayfada en son yüklenir. Metin ve görsellere dokunmaz.
   ================================================== */


/* --- Ana sayfa girişi (slider) ---
   .swiper-inner'ın yüksekliği yoktu; ortalanan başlık bu yüzden
   ekranın en üstüne kayıp yarısı kesiliyordu. */
.swiper-inner {
    height: 100%;
}


/* --- Sabit telefon butonu ---
   Sayfanın sonundaki telif ve politika linkleri butonun altında kalmasın. */
.subfooter {
    padding-bottom: 90px;
}

.cagri-merkezi-btn1 .icon-text-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: relative;
}

.footer-telefon {
    font-size: 30px;
    color: #fff;
    text-decoration: none;
}


/* --- Ana sayfa hizmet kartları bölümü (eski satır içi padding:50px) --- */
.hizmet-bolumu {
    padding: 50px;
}


/* --- İletişim ve yasal sayfalar: sitenin geri kalanı gibi koyu zemin --- */
.section-dark .blog-read .post-text p {
    color: rgba(255, 255, 255, .75);
}

.section-dark blockquote.quote-s1 {
    color: #fff;
    border-left-color: var(--secondary-color);
}

.blog-read .post-text {
    overflow-wrap: anywhere;
}


/* ==================================================
   Tablet ve telefon
   ================================================== */
@media (max-width: 767px) {

    /* Logo tek yerde (üst bar) ve okunur boyutta.
       Eskiden ikinci, büyük bir logo girişin üstüne biniyordu. */
    div#logo img {
        max-width: 110px;
    }

    /* Giriş: kaydırıcı ile kapsayıcısı aynı yükseklikte olsun
       (eskiden 700px ile 75vh çakışıp alttaki bölüme taşıyordu). */
    .v-center {
        min-height: 640px;
        background: none;
    }

    .swiper,
    .swiper-slide {
        height: 100%;
    }

    .swiper-inner {
        top: 60px;
        height: calc(100% - 60px);
    }

    .sw-caption .col-6 {
        width: 80%;
    }

    .sw-caption .col-6 img {
        max-height: 200px;
        width: auto;
        margin: 0 auto;
    }

    .sw-text-wrapper.border-left.light {
        padding-left: 20px;
    }

    /* Başlık telefonda sağdan taşıyordu */
    .sw-text-wrapper h1 {
        font-size: 38px;
        letter-spacing: -1px;
    }

    /* Oklar yazının üstüne biniyordu; telefonda kaydırarak geçiliyor */
    .v-center .swiper-button-prev,
    .v-center .swiper-button-next {
        display: none;
    }

    /* Bootstrap gx-5 satırı kapsayıcı boşluğundan geniş olduğu için
       bütün sayfalar yana 4px kayıyordu. */
    .gx-5 {
        --bs-gutter-x: 40px;
    }

    /* Hizmet kartları telefonda ikişerli, boş kenar kalmasın */
    .hizmet-bolumu {
        padding: 40px 0;
    }

    .hizmet-bolumu .row.g-2 > [class*="col-"] {
        flex: 0 0 auto;
        width: 50%;
    }

    .hizmet-bolumu .p-30 {
        padding: 14px 12px;
    }

    .hizmet-bolumu h4 {
        font-size: 15px;
        line-height: 1.35;
        padding-bottom: 10px !important;
        margin-bottom: 0;
    }

    .hizmet-bolumu .bg-blur.bottom-10 {
        font-size: 12px;
        white-space: nowrap;
    }

    /* Sayfa başlıkları telefonda 3-4 satıra bölünmesin */
    #subheader h1 {
        font-size: 36px;
        letter-spacing: -1px;
    }

    /* Yasal metinlerin ilk paragrafı telefonda çok iri kalıyordu */
    blockquote.quote-s1 {
        font-size: 18px;
        padding-left: 18px;
    }

    /* Sabit telefon butonu telefonda daha kompakt */
    .cagri-merkezi-btn1 {
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        width: max-content;
        max-width: calc(100% - 40px);
        bottom: 14px;
        padding: 10px 26px;
    }

    .subfooter {
        padding-bottom: 80px;
    }
}