.ck-editor {
    width: 80% !important;
}

.ck-editor__editable {
    min-height: 400px;
    padding: 15px;
    font-size: 15px;
}


/* Sadece header içindeki sıralamayı kontrol et */


header {
    overflow: visible !important;
}

.main-header {
    display: flex;
    flex-direction: column;
    overflow: visible !important;
}


/* MOBİL GÖRÜNÜM (Varsayılan) */
.main-header .navbar { order: 1; } /* Mobilde Navbar 2. sırada (üstte) */
.main-header .header-middle { order: 2; } /* Mobilde Banner 3. sırada (altta) */

/* MASAÜSTÜ GÖRÜNÜM */
@media (min-width: 992px) {

    .main-header .header-middle { order: 1; } /* Masaüstünde Banner ortaya gelir */
    .main-header .navbar { order: 2; } /* Masaüstünde Navbar en alta gelir */
}


.header-middle {
    position: relative;
    z-index: 1;
}



/*  ÜST SİYAH TOP BAR */

.top-bar a {
    text-decoration: none;
    opacity: 0.85;
}

.top-bar a:hover {
    opacity: 1;
}/* ÜST SİYAH TOP BAR BİTTİ*/


/* BANNER BOX */
@media (max-width: 767px) {
    .header-middle .row {
        text-align: center;
    }

    .ad-box img {
        height: auto !important;
        object-fit: contain;
    }
}
.ad-box {
    overflow: hidden;
    border-radius: 5px;
}

.banner-img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

/* RESİM */
.ad-box img {
    width: 100%;
    height: auto !important;
    object-fit: contain !important;
    display: block;
}

/* HOVER ZOOM */
.ad-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY */
.ad-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.75), rgba(0,0,0,0.1));
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 10px;
    opacity: 0;
    transition: 0.3s;
}

/* HOVERDA GÖSTER */
.ad-box:hover .ad-overlay {
    opacity: 1;
}

/* CATEGORY */
.ad-overlay .category {
    background: #ff3c3c;
    font-size: 11px;
    padding: 2px 6px;
    display: inline-block;
    margin-bottom: 5px;
}

/* TEXT */
.ad-overlay a {
    color: #fff;
    text-decoration: none;
}

.ad-overlay a:hover {
    text-decoration: underline;
}/* BANNER BOX BİTTİ */


/* NAVBAR */
.navbar {
    position: -webkit-sticky !important; /* Safari için zorunlu */
    position: sticky !important;         /* Diğer tarayıcılar için zorunlu */
    top: 0 !important;                   /* Sayfanın en tepesine yapışması için */
    z-index: 9999 !important;            /* Diğer elemanların üstünde kalması için */
    /*width: 100% !important;            /* Kayma yapmaması için genişliği sabitle */
    background-color: #fff;              /* Altındaki içerik görünmesin diye */
}
/* Navbar Sticky Ayarı */
.navbar.sticky-top {
    position: sticky !important;
    top: 0;
    z-index: 1050;
    /* Mobilde üste yapıştığında gölge ekleyerek bannerdan ayırabilirsin */
   box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.navbar .nav-link {
    position: relative !important;
}

/* SADECE DROPDOWN OLMAYANLARA UYGULA#0089a2 */

@media (max-width: 991px) {
    .navbar .nav-link::after {
        display: none !important;
    }
}
@media (max-width: 991px) {
    .navbar .nav-link.active {
        background: #f5f5f5;
    }
}

/* DROPDOWN OKUNU HER ZAMAN GÖSTER */
.navbar .dropdown-toggle::after {
    display: inline-block !important;
}

/* SADECE DESKTOP */
@media (min-width: 992px) {

    .navbar .nav-item:not(.dropdown) .nav-link {
        position: relative;
    }

    .navbar .nav-item:not(.dropdown) .nav-link::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -5px;
        width: 0;
        height: 5px;
        background: #0089a2;
        transition: 0.3s;
    }

    .navbar .nav-item:not(.dropdown) .nav-link:hover::after {
        width: 100%;
    }

    .navbar .nav-item:not(.dropdown) .nav-link.active::after {
        width: 100%;
    }
}/* NAVBAR BİTTİ */



/* FOOTER */
.footer-bottom {
    border-top: 1px solid #444;
}

.footer-bottom a {
    color: #ccc;
    text-decoration: none;
    transition: 0.3s;
}

.footer-bottom a:hover {
    color: #fff;
    opacity: 1;
}/* FOOTER BİTTİ*/

/* ALT SAĞ YEŞİL OK YUKARI ÇIKAR*/
.scroll-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    background: #00c853;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    color: white;
    border: none;
    border-radius: 50%;
    font-size: 22px;
    display: none;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 99999;
}

.scroll-top:hover {
    background: #1e7e34;
}/* ALT SAĞ YEŞİL OK YUKARI ÇIKAR BİTTİ*/


/* --- YENİ HABER VE SIDEBAR TASARIMI --- */
.content-box {
    width: 100%;
    aspect-ratio: 16 / 10;
    border-radius: 4px;
    margin-bottom: 10px;
}

.section-title {
    border-left: 4px solid #0089a2; /* Sitenin ana rengiyle uyumlu yaptık */
    padding-left: 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.popular-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    font-size: 14px;
}

.rank {
    background: #343a40;
    color: #fff;
    min-width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    font-size: 12px;
    border-radius: 2px;
}

/* Görsel */
.ad-300x600 {
    width: 100%;
    height: 100%;
    object-fit: cover; /* taşma olursa kırpar */
    display: block;
}
/* Mobilde küçül */
@media (max-width: 768px) {
    .ad-banner-300-600 {
        width: 100%;
        height: auto;
    }

    .ad-300x600 {
        width: 100%;
        height: auto;
        object-fit: contain; /* kesilme yok */
    }
}

.ad-banner-300-600 {

    width: 300px;
    height: 600px;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;

   /* width: 100%; /* Mobil uyum için 100% yaptık
    max-width: 300px;
    min-height: 500px;
    margin: 0 auto;
    background: #eee;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;*/
}




/* ========================= */
/* ALT BANNER (SADECE BURASI) */
/* ========================= */

.bottom-ad-box {
    width: 728px;
    height: 90px;
    overflow: hidden;
    border-radius: 6px;
}

/* Görsel */
.bottom-ad-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

/* Hover efekti (üst banner gibi) */
.bottom-ad-box:hover img {
    transform: scale(1.05);
}

/* MOBİL */
@media (max-width: 768px) {
    .bottom-ad-box {
        width: 100%;
        height: auto;
    }

    .bottom-ad-box img {
        width: 100%;
        height: auto;
        object-fit: contain; /* kesilme yok */
    }
}

.bottom-banner {
    margin-top: -10px;
}

/* ========================= */
/* ALT BANNER (SADECE BURASI) */
/* ========================= */

/* ========================= */
/* ALT SLIDER GELİŞMİŞ */
/* ========================= */

.bottom-slider {
    background: #fff;
}

.bottom-slider .container {
    max-width: 100% !important; /* Slider'ı tam genişliğe yakın yapar */
    padding-left: 30px;
    padding-right: 30px;
}

/* Görseller büyütüldü
.slider-img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 8px;
    transition: transform 0.3s ease;
}*/
.slider-img {
    height: 250px !important; /* Yüksekliği 120px'den 250px'e çıkardık */
    width: 100%;
    object-fit: cover; /* Resmin bozulmadan kutuyu doldurmasını sağlar */
    border-radius: 12px; /* Daha modern bir görünüm için köşeleri yumuşattık */
}

/* Hover */
.slider-img:hover {
    transform: scale(1.08);
}



/* OKLAR */
.custom-arrow {
    filter: invert(1); /* siyah ok */
    width: 2.5rem;
    height: 2.5rem;
}

/* OK pozisyon */
.carousel-control-prev,
.carousel-control-next {
    width: 5%;
}

/* Mobil
@media (max-width: 768px) {
    .slider-img {
        height: 100px;
    }
}*/

@media (max-width: 768px) {
    .slider-img {
        height: 180px !important; /* Mobilde de fark edilir şekilde büyütüldü */
    }
}

/* ========================= */
/* ALT SLIDER GELİŞMİŞ */
/* ========================= */


/* iç sayfalar Kart yapısı */
.news-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
    box-shadow: 0 6px 16px rgba(0,0,0,0.06);
}

/* Hover efekti */
.news-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.12);
}

/* Resim alanı (sabit oran) */
.news-image {
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
}

.news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* haber html İçerik */
.news-content {
    padding: 10px;
    flex-grow: 1;
    display: flex;
    align-items: center;
}

/* Başlık */
.news-title {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Sidebar ile eşitleme */
.row {
    align-items: stretch;
}

.social-box {
    border-radius: 3px;
    font-size: 13px;
    transition: 0.3s;
}

.bg-facebook { background-color: #3b5998; }
.bg-twitter  { background-color: #000000; }
.bg-youtube  { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);}
/* haber html İçerik */

.kategori-link {
    text-decoration: none;
    color: #333;
    transition: 0.3s;
}

.kategori-link:hover {
    color: #20c997; /* turkuaz */
}
/* OKUL VE KATEGORİ SAYFALARINDA SOLDAKİ ALAN İÇİN KATEGORİ VE OKUL TÜRÜ ALANLARI*/



/* Genel item */
.list-group-item {
    position: relative;
    transition: all 0.25s ease;
    border: none;
    padding-left: 20px;
}

/* Link */
.list-group-item a {
    color: black;
    display: block;
    width: 100%;
    transition: all 0.25s ease;
}

/* Hover efekti */
.list-group-item:hover {
    background-color: #f5f5f5;
    transform: translateX(5px);
}

/* Aktif item */
.list-group-item.active {
    background-color: #0089a2 !important;
    border-color: #0089a2 !important;
}

/* Aktif yazı */
.list-group-item.active a {
    color: white !important;
}

/* SOL ÇİZGİ (default gizli) */
.list-group-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background-color: #0089a2;
    opacity: 0;
    transition: all 0.25s ease;
}

/* Hover’da çizgi hafif görünsün */
.list-group-item:hover::before {
    opacity: 0.4;
}

/* Aktif item’da çizgi full */
.list-group-item.active::before {
    opacity: 1;
}

/* Küçük ikon efekti (ok işareti) */
.list-group-item a::after {
    content: "›";
    float: right;
    opacity: 0;
    transition: all 0.25s ease;
}

/* Hover’da ikon görünsün */
.list-group-item:hover a::after {
    opacity: 0.6;
    transform: translateX(3px);
}

/* Aktif item ikon */
.list-group-item.active a::after {
    opacity: 1;
    color: white;
}

.sidebar-section {

}

.sidebar-sticky {
    position: sticky;
    top: 60px;
}

.list-group-item a {
    text-decoration: none;
    color: inherit;
}

.list-group-item a:hover {
    color: #20c997; /* turkuaz */
}

/*okul ve kategori kardları*/
.card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.card-img-top {
    height: 140px;
    object-fit: cover;
}

.card-body {
    padding: 10px;
    flex-grow: 0; /* büyümesini engeller */
}

.okul-img {
    height: 150px;   /* 200 → 140 düşürdük */
    object-fit: cover;
}

.default-img {
    height: 150px;
    object-fit: contain;
    background-color: #f8f9fa;
}

.card-body h6 {
    margin: 0;
    font-size: 14px;
}

.disabled-card {
    pointer-events: none;
    opacity: 0.6;
}

/*haber kart kısmı haberler kısmı*/


/* ANA KART */
.haber-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
    height: 100%;
        display: flex;
    flex-direction: column;
}

/* HOVER EFEKTİ */
.haber-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.15);
}

/* RESİM */
.haber-card-img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}


/* BODY */
.haber-card-body {
    padding: 15px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* BAŞLIK (MAX 2 SATIR) */
.haber-card-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

    transition: color 0.3s;
}

/* BAŞLIK HOVER */
.haber-card:hover .haber-card-title {
    color: #0089a2;
}

/* BUTON */
.haber-btn {
    background-color: #0089a2;
    color: #fff;
    border-radius: 6px;
    transition: all 0.3s ease;
    text-align: center;
    margin-top: auto;
}

/* BUTON HOVER */
.haber-btn:hover {
    background-color: #006b7d;
    transform: scale(1.05);
    color: #fff;
}


/*HABER DETAY CSS LERİ*/
/* BAŞLIK */
.haber-baslik {
    font-size: 28px;
    line-height: 1.3;
}

/* META */
.haber-meta {
    color: #6c757d;
    font-size: 14px;
}

/* ANA RESİM */
.haber-ana-resim {
    max-height: 400px;
    object-fit: cover;
}

/* İÇERİK */
.haber-metni {
    font-size: 16px;
    line-height: 1.7;
}

.haber-metni p {
    margin-bottom: 15px;
}

/* GALERİ RESİMLERİ */
.haber-thumb {
    width: 100%;
    height: 100px;
    object-fit: cover;
    border-radius: 8px;
    transition: all 0.3s ease;
}

/* HOVER ZOOM */
.haber-thumb:hover {
    transform: scale(1.05);
    opacity: 0.9;
}
.breadcrumb a {
    color: #000 !important;
    text-decoration: none;
}

.breadcrumb a:hover {
    color: #0089a2 !important;
}
.breadcrumb {
    font-size: 14px;
}
/*HABER DETAY CSS LERİ*/

/*içerik kategori*/
/* Kart hover yükselme */
.okul-card {
    transition: all 0.3s ease;
    border-radius: 12px;
}

.okul-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.08);
}

/* Resim zoom */
.okul-img {
    height: 180px;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.okul-card:hover .okul-img {
    transform: scale(1.05);
}

/* Gradient overlay */
.okul-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.25), transparent);
}
/*içerik kategori*/

/* KATEGORİLER BÖLÜMÜ Sabit yükseklik ve hizalama */
.kategori-item {
    position: relative;
}

.alt-kategori {
    display: none !important;
}

/* Hover ile aç */
.kategori-item:hover > .alt-kategori {
    display: block !important;
}

/* 🔥 Seçili alt kategori varsa açık kalsın */
.kategori-item.open > .alt-kategori {
    display: block !important;
}


/*küçük sub menü için üzerine gelince açılması*/

/* ========================= */
/* DROPDOWN + SUBMENU */
/* ========================= */

/* Submenu konumlandırma */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -2px;
}

/* Hover ile açılma (desktop) */
@media (min-width: 992px) {
    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }
}

/* Küçük ekranlarda alt alta aç */
@media (max-width: 991px) {
    .dropdown-submenu > .dropdown-menu {
        position: static;
        margin-left: 15px;
    }
}