/* =========================================================
   TRB2 İklim Değişikliği Platformu — özel stiller
   ========================================================= */

/* Metronic'in body'ye koyduğu varsayılan header-bg.jpg kaldırılıyor */
[data-bs-theme=light] body:not(.app-blank),
body { background-image: none !important; }

/* ---------- HERO (header, slider'ın üzerine biner) ---------- */
.iklim-hero { position: relative; }

/* Slider alt dalga (shape divider) — slider ile içerik arasında geçiş.
   Header mutlak konumlandığı için .iklim-hero yüksekliği = slider yüksekliği;
   bu yüzden divider'ı hero'nun altına (bottom:0) sabitliyoruz. */
.iklim-shape-divider {
    position: absolute;
    left: 0;
    bottom: -1px;            /* ince saç teli boşluğunu önle */
    width: 100%;
    line-height: 0;
    z-index: 5;
    pointer-events: none;
}
.iklim-shape-divider svg {
    display: block;
    width: 100%;
    height: 90px;
    transform: scaleY(-1);   /* dalga üstte, dolgu altta (bottom divider) */
}
.iklim-shape-divider .shape-divider-fill {
    fill: #ffffff;           /* varsayılan: altındaki bölümün zemin rengi (beyaz) */
}
/* Slider altı dalga: gradyan zeminle (asil_bg.jpg) dolu — desenli bölüme bağlanır */
.iklim-shape--pattern .shape-divider-fill { fill: url(#asilbg); }
@media (max-width: 991px) {
    .iklim-shape-divider svg { height: 50px; }
}

/* ---------- Desenli içerik bölümü (asil_bg.jpg gradyan zemin) ---------- */
.iklim-pattern-section {
    position: relative;
    /* Tamamen yatay gradyan: dalga ile bölüm sınırında ton farkı (çizgi) oluşmaz.
       asil_bg.jpg'nin mavi→kırmızı geçişini birebir yansıtır.
       Dokulu görsel geri istenirse: background: url('../../accest/img/asil_bg.jpg') center/cover; */
    background: linear-gradient(to right, #6fb2d2 0%, #6fa9c6 40%, #df5f55 72%, #e85a50 100%);
    padding: 40px 0 140px;     /* altta bitiş dalgası için pay */
    overflow: hidden;
}
.iklim-pattern-section .z-3 { z-index: 3; }

/* Intro: "Riskten Dirençliliğe / Bugünden Geleceğe" — kurumsal tipografi */
.iklim-intro { max-width: 600px; }

/* Üst kicker etiketi + aksan çizgisi */
.iklim-intro-kicker {
    position: relative;
    display: block;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-weight: 500;                        /* Lato Medium */
    font-size: clamp(16px, 1.45vw, 21px);
    letter-spacing: 3.5px;
    line-height: 1.3;
    padding-top: 26px;
    margin: 0 0 .55rem;
}
.iklim-intro-kicker::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 54px;
    height: 3px;
    background: #ffffff;
    border-radius: 2px;
}

/* Ana başlık */
.iklim-intro-title {
    color: #2b2d31;
    font-family: 'Lato', sans-serif;
    font-weight: 700;                        /* Lato Bold */
    font-size: clamp(32px, 3.7vw, 52px);
    letter-spacing: .5px;
    line-height: 1.06;
    white-space: nowrap;                     /* tek satır */
    margin: 0 0 1.4rem;
}

/* Paragraf */
.iklim-intro-text {
    color: #33363a;
    font-family: 'Lato', sans-serif;
    font-size: clamp(15px, 1.05vw, 16px);
    line-height: 1.9;
    text-align: justify;
    margin: 0;
    max-width: 560px;
}
.iklim-intro-img {
    max-width: 430px;
    width: 100%;
    height: auto;
}
@media (max-width: 991px) {
    .iklim-intro { max-width: none; margin-bottom: 2rem; text-align: center; }
    .iklim-intro-kicker { display: inline-block; }
    .iklim-intro-kicker::before { left: 50%; transform: translateX(-50%); }
    .iklim-intro-title { white-space: normal; }
    .iklim-intro-text { text-align: center; margin-left: auto; margin-right: auto; }
}

/* HEADER zemini = header.png (1538 x 225, ortalanmış, yayılmaz) */
#kt_header.iklim-header {
    position: absolute !important;
    top: 0; left: 0; right: 0;
    width: 100%;
    z-index: 30;
    background: url('../../accest/img/header.png') no-repeat center top;
    background-size: 1538px 225px;
    min-height: 225px;
    border-bottom: 0 !important; /* Metronic .header (>=992px) alt çizgisini kaldır */
}

/* Header iç düzeni: üst satır (logo+menü) + alt başlık */
.iklim-header .iklim-header-inner {
    display: flex;
    flex-direction: column;
    min-height: 225px;
}
.iklim-header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
}

/* Logolar — taslağa göre büyük */
.iklim-logos { display: flex; align-items: center; }
.iklim-logos img { height: 64px; width: auto; }
.iklim-logos .daka-logo { height: 70px; }

/* Menü fontu: tüm başlıklar Lato (renk burada belirlenmez) */
.iklim-header .menu-link { padding-top: .5rem; padding-bottom: .5rem; }
.iklim-header .menu-title {
    font-size: .95rem;
    font-family: 'Lato', sans-serif !important;
    font-weight: 600;          /* Lato Semibold */
    letter-spacing: .2px;
}

/* SADECE üst seviye menü başlıkları beyaz (renkli band üzerinde) + ~3px büyük */
.iklim-header .menu > .menu-item > .menu-link .menu-title { color: #fff !important; font-size: 16px; }
.iklim-header .menu > .menu-item > .menu-link:hover .menu-title,
.iklim-header .menu > .menu-item.show > .menu-link .menu-title { color: #fff !important; opacity: .8; }

/* Açılır alt menü: aynen Metronic varsayılanı (gri yazı, hover primary) —
   özel renk uygulanmaz, böylece metronic.html'deki görünümün aynısı korunur. */

/* Sağ grup: üstte araç çubuğu, altta menü (metronic'teki gibi iki satır) */
.iklim-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}
.iklim-right .iklim-toolbar { order: 1; margin-bottom: 6px; }
.iklim-right #kt_header_nav  { order: 2; }
.iklim-right > .d-lg-none    { order: 0; } /* mobil menü toggle */

/* Araç çubuğu (arama + dil) — ikonlar band üzerinde beyaz */
.iklim-toolbar .btn-icon i { color: #fff !important; }
.iklim-toolbar .btn-icon:hover { background-color: rgba(255, 255, 255, .18) !important; }
.iklim-toolbar .btn-icon img { display: block; }

/* Başlık üstü ayraç çizgi (accest/img/menu_cizgi.png) */
.iklim-caption-line {
    display: block;
    width: 100%;
    max-width: 820px;
    height: auto;
    margin: 18px auto 0;
}

/* Başlık — menünün ALTINDA, bandın alt bölümünde, slider üzerinde */
.iklim-header-caption {
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-weight: 700;          /* Lato Bold */
    font-size: 30px;
    line-height: 1.2;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .5);
    text-align: center;
    margin-top: 10px;
}

/* ---------- Slider okları (uranus) ----------
   navigation.css'teki uranus oklarında glyph tanımı yok ve revicons fontu
   projede mevcut değil. Bu yüzden okları fonta bağımsız, saf CSS chevron ile
   çiziyoruz (revicons gerekmez). */
.iklim-hero .uranus.tparrows {
    width: 54px;
    height: 54px;
    background: rgba(0, 0, 0, .35) !important;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: background .25s ease;
}
.iklim-hero .uranus.tparrows:hover { background: rgba(0, 0, 0, .6) !important; }
.iklim-hero .uranus.tparrows:before {
    content: '' !important;
    width: 13px;
    height: 13px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    border-radius: 1px;
    opacity: 1;
}
.iklim-hero .uranus.tparrows.tp-leftarrow:before  { transform: translateX(3px) rotate(-135deg); }
.iklim-hero .uranus.tparrows.tp-rightarrow:before { transform: translateX(-3px) rotate(45deg); }

/* ---------- Sabit (sticky) header — KTSticky ----------
   Scroll aşağı çekilince KTSticky #kt_header'a .iklim-header-sticky sınıfını ekler.
   Sabit durumda: taslak_duz_01.jpg zemin, küçük logolar, ortada menü, sağda araçlar,
   slogan ve ayraç çizgi gizli. */
#kt_header.iklim-header.iklim-header-sticky {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 100;
    /* Metronic .header-fixed kuralı sticky'ye height:65px dayatıyor; içeriğe göre
       uzasın diye auto'ya çekiyoruz (yoksa band kısa kalıp logolar taşar). */
    height: auto !important;
    min-height: 0;
    background: url('../../accest/img/zmn.jpg') center center !important;
    background-size: cover !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .18);
}
/* Sabit barda iç düzen tek satır, kompakt */
.iklim-header-sticky .iklim-header-inner {
    min-height: 0;
    justify-content: center;
}
.iklim-header-sticky .iklim-header-top {
    position: relative;
    padding-top: 0;
    min-height: 72px;
}
/* Slogan + ayraç çizgi gizli */
.iklim-header-sticky .iklim-caption-line,
.iklim-header-sticky .iklim-header-caption {
    display: none !important;
}
/* Logolar küçülür */
.iklim-header-sticky .iklim-logos img { height: 38px; }
.iklim-header-sticky .iklim-logos .daka-logo { height: 42px; }
/* Sağ grup yatay; araçlar (arama + dil) en sağda */
.iklim-header-sticky .iklim-right {
    flex-direction: row;
    align-items: center;
}
.iklim-header-sticky .iklim-right .iklim-toolbar {
    order: 2;
    margin-bottom: 0;
}
/* Menü tam ortada (header-top'a göre mutlak konum) */
.iklim-header-sticky #kt_header_nav {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* ---------- Responsive ---------- */
@media (max-width: 1199px) {
    .iklim-header-caption { font-size: 24px; margin-top: 20px; }
}
@media (max-width: 991px) {
    #kt_header.iklim-header {
        /* position: absolute kalır (base kural) — header slider'ın üzerine biner,
           normal akışa girip aralarında beyaz boşluk oluşturmaz. */
        background-size: cover;
        min-height: 90px;
    }
    .iklim-header .iklim-header-inner { min-height: 90px; }
    .iklim-logos img { height: 46px; }
    .iklim-logos .daka-logo { height: 52px; }
    .iklim-right { flex-direction: row; align-items: center; }
    .iklim-right .iklim-toolbar { margin-bottom: 0; }
    .iklim-header .menu-title { color: #333 !important; }
    .iklim-toolbar .btn-icon i { color: #333 !important; }
    .iklim-header-caption { display: none; } /* mobilde başlık slider'a taşınabilir */
    .iklim-caption-line { display: none; }   /* mobilde slogan üstü ayraç çizgi gizli */

    /* Mobil + scroll yokken: logolar biraz sağa, araç ikonları biraz sola —
       zeminin (band) üzerine düzgün otursun. Sticky durumda uygulanmaz. */
    .iklim-header:not(.iklim-header-sticky) .iklim-header-top {
        padding-left: 16px;
        padding-right: 16px;
    }
    .iklim-header:not(.iklim-header-sticky) .iklim-logos {
        margin-left: 10px;     /* logolar 10px daha sağa */
    }
    .iklim-header:not(.iklim-header-sticky) .iklim-right {
        margin-right: 10px;    /* arama + mobil menü + dil butonları sola alındı */
    }

    /* Mobil menü toggle — varsayılan: şeffaf zemin + açık renk çerçeve ve çubuklar.
       Hover'da açık gri chip görünümü (çubuklar koyulaşır). */
    #kt_header_menu_mobile_toggle {
        background-color: transparent !important;
        border: 1.5px solid rgba(255, 255, 255, .65) !important;
        border-radius: 8px;
        transition: background-color .2s ease, border-color .2s ease;
    }
    #kt_header_menu_mobile_toggle i,
    #kt_header_menu_mobile_toggle i .path1,
    #kt_header_menu_mobile_toggle i .path2 {
        color: #f1f1f1 !important;
        opacity: 1 !important;
    }
    #kt_header_menu_mobile_toggle:hover {
        background-color: #e4e6ef !important;
        border-color: transparent !important;
    }
    #kt_header_menu_mobile_toggle:hover i,
    #kt_header_menu_mobile_toggle:hover i .path1,
    #kt_header_menu_mobile_toggle:hover i .path2 {
        color: #1f1f1f !important;
    }

    /* Mobil + scroll (sticky): band kısa kalmasın, logolar ve ikonlar kenara taşmasın */
    .iklim-header-sticky .iklim-header-top {
        min-height: 86px;
        padding-left: 16px;
        padding-right: 16px;
    }
    .iklim-header-sticky .iklim-logos {
        margin-left: 6px;      /* logolar sol kenardan içeride */
    }
    .iklim-header-sticky .iklim-right {
        margin-right: 6px;     /* arama + mobil menü + dil sağ kenardan içeride */
    }
}

/* ---------- Öne çıkan kartlar (içerik bloğu ile footer arası) ---------- */
.iklim-cards-section {
    background: #ffffff;
    padding: 70px 0 90px;
}
.iklim-card {
    height: 100%;
    background: #ffffff;
    border: 1px solid #eef0f3;
    border-radius: 16px;
    padding: 36px 30px;
    box-shadow: 0 10px 30px rgba(31, 45, 61, .06);
    transition: transform .25s ease, box-shadow .25s ease;
}
.iklim-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(31, 45, 61, .12);
}
.iklim-card-icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    margin-bottom: 22px;
    background: linear-gradient(135deg, #6fb2d2 0%, #e85a50 100%);
}
.iklim-card-icon i { color: #ffffff !important; font-size: 30px; }
.iklim-card-title {
    color: #1f2733;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 19px;
    line-height: 1.35;
    margin: 0 0 14px;
}
.iklim-card-text {
    color: #5b6470;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    line-height: 1.75;
    margin: 0;
}

/* ---------- FOOTER ---------- */
.iklim-footer {
    background: #23272b;
    color: #aab2bd;
}
/* Üst gradyan çizgi (mavi → kırmızı) */
.iklim-footer-line {
    height: 4px;
    background: linear-gradient(to right, #6fb2d2 0%, #8a7fae 50%, #e85a50 100%);
}

/* Marka logosu — beyaz logo, zeminsiz */
.iklim-footer-brand {
    display: inline-flex;
    align-items: center;
    margin-bottom: 20px;
}
.iklim-footer-brand img { height: 56px; width: auto; opacity: .25; }
.iklim-footer-about {
    font-family: 'Lato', sans-serif;
    font-size: 14.5px;
    line-height: 1.8;
    color: #9aa3ad;
    margin: 0;
    max-width: 360px;
}

/* Kolon başlıkları */
.iklim-footer-title {
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 17px;
    letter-spacing: .3px;
    margin: 0 0 20px;
    padding-bottom: 12px;
    position: relative;
}
.iklim-footer-title::after {
    content: "";
    position: absolute;
    left: 0; bottom: 0;
    width: 36px; height: 2px;
    background: linear-gradient(to right, #6fb2d2, #e85a50);
}

/* İletişim listesi */
.iklim-footer-contact {
    list-style: none;
    margin: 0; padding: 0;
    font-family: 'Lato', sans-serif;
}
.iklim-footer-contact li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
    font-size: 14.5px;
    line-height: 1.6;
}
.iklim-footer-contact i { color: #6fb2d2 !important; font-size: 18px; margin-top: 2px; }
.iklim-footer-contact a { color: #aab2bd; text-decoration: none; transition: color .2s; }
.iklim-footer-contact a:hover { color: #fff; }

/* Hızlı linkler */
.iklim-footer-links {
    list-style: none;
    margin: 0; padding: 0;
    font-family: 'Lato', sans-serif;
}
.iklim-footer-links li { margin-bottom: 11px; }
.iklim-footer-links a {
    color: #aab2bd;
    text-decoration: none;
    font-size: 14.5px;
    transition: color .2s, padding-left .2s;
}
.iklim-footer-links a:hover { color: #fff; padding-left: 5px; }

/* Sosyal medya */
.iklim-social { display: flex; gap: 10px; flex-wrap: wrap; }
.iklim-social-link {
    width: 40px; height: 40px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
    color: #cdd3da;
    transition: background .25s, color .25s, transform .25s;
}
.iklim-social-link:hover {
    background: linear-gradient(135deg, #6fb2d2, #e85a50);
    color: #fff;
    transform: translateY(-3px);
}

/* Alt telif şeridi */
.iklim-footer-logos {
    position: relative;
    background: url('../../accest/img/taslak_duz_01.jpg') center/cover;
    padding: 40px 0;
}
/* Logolar bloğunun üst dalgası (top shape divider) — svgg.html'deki "üst dalgalı".
   SVG dolgusu blok zeminiyle aynı görsel (taslak_duz_01.jpg) deseniyle doldurulur. */
.iklim-footer-logos-divider {
    position: absolute;
    left: 0;
    bottom: 100%;            /* bloğun hemen üstüne otur */
    width: 100%;
    line-height: 0;
    pointer-events: none;
}
.iklim-footer-logos-divider svg {
    display: block;
    width: 100%;
    height: 90px;
    margin-bottom: -1px;     /* ince saç teli boşluğunu önle */
    transform: scaleY(-1);   /* dalga tepeleri yukarı, dolgu altta (üst divider) */
}
.iklim-footer-logos-divider .shape-divider-fill {
    fill: url(#logobg);
}
@media (max-width: 991px) {
    .iklim-footer-logos-divider svg { height: 50px; }
}

/* 3 sütun: sol (psr) | orta (ab — sayfa ortası) | sağ (bakanlik + daka).
   1fr | auto | 1fr olduğundan orta sütun (AB) daima sayfayı tam ortalar. */
.iklim-footer-logos-row {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: end;          /* diğer logolar alta (button hizasına) yaslı */
    column-gap: 24px;
}

.iklim-footer-logos-row img {
    height: 60px;
    width: auto;
    object-fit: contain;
}

/* Sol logo (psr) — sola yaslı */
.iklim-footer-logos-row .iklim-logo-left {
    justify-self: start;
}

/* AB (Avrupa Birliği) logosu — sayfa ortası, 120px, yukarı yaslı */
.iklim-footer-logos-row .iklim-logo-ab {
    height: 120px;
    justify-self: center;
    align-self: start;
}

/* Sağ grup (bakanlik + daka) — sağa yaslı */
.iklim-footer-logos-row .iklim-logo-right {
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 32px;
}

@media (max-width: 767px) {
    .iklim-footer-logos-row {
        grid-template-columns: 1fr;
        justify-items: center;
        row-gap: 24px;
    }
    .iklim-footer-logos-row .iklim-logo-left,
    .iklim-footer-logos-row .iklim-logo-right {
        justify-self: center;
    }
}

.iklim-footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, .08);
    background: #1d2125;
    padding: 18px 0;
    font-family: 'Lato', sans-serif;
    font-size: 13.5px;
    color: #828b95;
}

/* ---------- Yer tutucu bölümler (geçici) ---------- */
.placeholder-section {
    border: 1px dashed #c4c4c4;
    background: #fafafa;
    min-height: 220px;
}