/* ═══════════════════════════════════════════════════════════════
   TANAS — TANAS HERO MOBILE FIX (v7)
   ─────────────────────────────────────────────────────────────── */

/* ━━━ 1) HERO SECTION — TÜM CİHAZLARDA ━━━ */
html body section.banner-style03,
html body section.full-screen.banner-style03,
html body section.banner-style03[data-background],
html body section.banner-style03[style*="background-image"] {
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* ━━━ 2) MOBİL — yükseklik rem, görsel sağa kaydır ━━━ */
@media (max-width: 991.98px) {

    html body section.banner-style03,
    html body section.full-screen.banner-style03,
    html body section.banner-style03[data-background],
    html body section.banner-style03[style*="background-image"] {
        height: 38rem !important;
        min-height: 38rem !important;
        max-height: 38rem !important;
        background-size: cover !important;
        background-position: 75% center !important;
        background-attachment: scroll !important;
    }

    html body section.banner-style03 .row.min-vh-100,
    html body section.banner-style03 .row.align-items-center {
        min-height: 0 !important;
        height: 38rem !important;
    }

    html body section.banner-style03 > .container,
    html body section.banner-style03 .container {
        padding-top: 5rem !important;
        padding-bottom: 1.5rem !important;
        height: 100% !important;
    }

    html body section.banner-style03 h1,
    html body section.banner-style03 .display-1 {
        font-size: clamp(1.75rem, 7vw, 2.5rem) !important;
        line-height: 1.12 !important;
    }

    /* ─── Hero subtitle paragrafı mobilde de gözüksün ─── */
    html body section.banner-style03 .section-title01 p,
    html body section.banner-style03 p.w-lg-70 {
        display: block !important;
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
        margin-top: 0.75rem !important;
        margin-bottom: 1rem !important;
        max-width: 100% !important;
        opacity: 0.85 !important;
    }
}

/* ━━━ 3) ÇOK KÜÇÜK TELEFON ≤ 575px ━━━ */
@media (max-width: 575.98px) {
    html body section.banner-style03,
    html body section.full-screen.banner-style03,
    html body section.banner-style03[data-background],
    html body section.banner-style03[style*="background-image"] {
        height: 36rem !important;        /* 32rem → 36rem (subtitle eklendi, biraz büyüt) */
        min-height: 36rem !important;
        max-height: 36rem !important;
        background-position: 78% center !important;
    }
    html body section.banner-style03 .row.min-vh-100,
    html body section.banner-style03 .row.align-items-center {
        height: 36rem !important;
    }

    /* Subtitle daha kompakt */
    html body section.banner-style03 .section-title01 p,
    html body section.banner-style03 p.w-lg-70 {
        font-size: 0.85rem !important;
        line-height: 1.45 !important;
        margin-top: 0.5rem !important;
        margin-bottom: 0.75rem !important;
    }
}

/* ━━━ 4) TABLET 576–991 — biraz daha geniş ━━━ */
@media (min-width: 576px) and (max-width: 991.98px) {
    html body section.banner-style03,
    html body section.full-screen.banner-style03 {
        height: 44rem !important;
        min-height: 44rem !important;
        max-height: 44rem !important;
    }
    html body section.banner-style03 .row.min-vh-100,
    html body section.banner-style03 .row.align-items-center {
        height: 44rem !important;
    }
}


/* ─────────────────────────────────────────────────
   AŞAĞIDAKİ TÜM BÖLÜMLER ÖNCEKİ PATCH'LERDEN — KORUNUYOR
   ───────────────────────────────────────────────── */

/* Sticky header */
header.fixedmenu .navbar-brand img,
header.scrolled  .navbar-brand img,
header.sticky    .navbar-brand img,
header.menu-shrink .navbar-brand img {
    filter: none !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
}
header.fixedmenu .navbar-nav > li > a,
header.scrolled  .navbar-nav > li > a {
    color: #0f1a3a !important;
}
header.fixedmenu,
header.scrolled {
    background: #fff !important;
    box-shadow: 0 4px 20px rgba(15,26,58,.08) !important;
}

/* Footer */
.footer-style1 { background: #0c1b3a; color: #cfd6e2; }
.footer-style1 h4, .footer-style1 h5 { color: #fff; letter-spacing: .02em; }
.footer-style1 a { color: #cfd6e2; text-decoration: none; transition: color .2s; }
.footer-style1 a:hover { color: #fff; }
.footer-style1 .footer-social a {
    width: 38px; height: 38px;
    border-radius: 50%;
    background: rgba(255,255,255,.08);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .25s ease;
}
.footer-style1 .footer-social a:hover { background: #43b849; transform: translateY(-2px); }
.footer-style1 .footer-contact i,
.footer-style1 .footer-contact .fa,
.footer-style1 .footer-contact .fas { font-size: 14px; }

/* Hamburger */
.navbar-toggler.bg-primary { background-color: #43b849 !important; }

/* "Hizmet alın" yandaki dikey link mobilde gizle */
@media (max-width: 991.98px) {
    .left-text,
    .header-side-text,
    .vertical-side-text,
    [class*="vertical"][class*="text"] {
        display: none !important;
    }
}

/* Çözümler kart-icon-box */
.card-style01 .card-icon-box {
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.card-style01 .card-icon-box img {
    max-width: 80px;
    max-height: 80px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}
.card-style01 .card-icon-box i { font-size: 2.4rem; line-height: 1; }

/* Referanslar banner */
.banner-references { position: relative; padding: 80px 0; background-color: #0c1b3a; }
.banner-references__overlay {
    position: absolute; inset: 0;
    background: linear-gradient(135deg, rgba(12,27,58,.88) 0%, rgba(12,27,58,.72) 50%, rgba(15,38,32,.78) 100%);
    z-index: 1;
}
.banner-references h2 { margin-bottom: 0; }
.banner-references .text-white-70 { color: rgba(255,255,255,.7) !important; }
.banner-references__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 24px;
    margin-top: 1.5rem;
}
@media (min-width: 768px) {
    .banner-references__grid { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 32px; }
}
.banner-references__item { text-align: center; }
.banner-references__link {
    display: flex; align-items: center; justify-content: center;
    height: 110px; padding: 18px 22px;
    background: rgba(255,255,255,.95);
    border-radius: 14px;
    transition: all .35s cubic-bezier(.25,.46,.45,.94);
    overflow: hidden;
}
a.banner-references__link { cursor: pointer; }
a.banner-references__link:hover { transform: translateY(-4px); background: #fff; box-shadow: 0 12px 28px rgba(0,0,0,.18); }
.banner-references__link img {
    max-width: 100%; max-height: 70px;
    width: auto; height: auto; object-fit: contain;
    filter: grayscale(.15);
    transition: filter .3s ease;
}
a.banner-references__link:hover img { filter: grayscale(0); }
.banner-references__caption { margin-top: 12px; font-size: .85rem; font-weight: 500; line-height: 1.4; letter-spacing: .01em; }
@media (max-width: 575.98px) {
    .banner-references { padding: 56px 0; }
    .banner-references__grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .banner-references__link { height: 86px; padding: 12px 16px; }
    .banner-references__link img { max-height: 56px; }
}