/* File: assets/css/custom-header-fix.css */

/* İstatistikler bölümü için - Üst margin'i kaldır, önceki bölümler zaten kendi margin'lerini ekliyor */
.counterup-area-3.gap-bottom-equal {
    margin-top: 50px !important;
}


/* 2) Diğer sayfalar için header her zaman üstte sabit kalsın (scroll olmasın) */
/* Eski projede: .home1 .menu-area - beyaz arka plan, border-bottom: 3px solid #13c0d7 */
body.sticky-header:not(.aybu-home) .edu-header .header-mainmenu {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 10000 !important;
    background-color: #fff !important;
    /* Eski projede beyaz arka plan */
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2) !important;
    /* Eski projede box-shadow */
    border-bottom: 3px solid #40E0D0 !important;
    /* Turkuaz çizgi */
    overflow: visible !important;
    /* Submenü görünsün */
}

/* Alt sayfalarda submenü z-index'ini artır ve görünür yap */
body.sticky-header:not(.aybu-home) .edu-header .header-mainmenu .mainmenu-nav {
    overflow: visible !important;
    /* Submenü görünsün */
}

body.sticky-header:not(.aybu-home) .edu-header .header-mainmenu .mainmenu-nav .mainmenu {
    overflow: visible !important;
    /* Submenü görünsün */
}

body.sticky-header:not(.aybu-home) .edu-header .header-mainmenu .mainmenu-nav .mainmenu li.has-droupdown {
    overflow: visible !important;
    /* Submenü görünsün */
}

/* SADECE 1. SEVİYE dropdown: .mainmenu > li ... */
body.sticky-header:not(.aybu-home) .edu-header .header-mainmenu .mainmenu-nav .mainmenu>li.has-droupdown>.submenu {
    z-index: 10001 !important;
    /* Header'ın üstünde görünsün */
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
}

/* Submenü hover durumunda görünsün (sadece 1. seviye direkt çocuk submenu) */
body.sticky-header:not(.aybu-home) .edu-header .header-mainmenu .mainmenu-nav .mainmenu>li.has-droupdown:hover>.submenu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Logo yanındaki üniversite adı ve birim ismi stilleri */
/* Eski projede: .logo-text h1 - font-size: 20px, color: #002d72, font-weight: 500 */
.edu-header .header-mainmenu .header-brand .university-name-wrapper .university-name {
    font-size: 20px !important;
    /* Eski projede h1 */
    font-weight: 500 !important;
    /* Eski projede font-weight: 500 */
    color: #002d72 !important;
    /* Eski projede color: #002d72 */
    line-height: 1.2 !important;
    margin: 0 !important;
    padding-bottom: 5px !important;
}

/* Eski projede: .logo-text h2 - font-size: 18px, color: #002d72, font-weight: 500 */
.edu-header .header-mainmenu .header-brand .university-name-wrapper .unit-name {
    font-size: 18px !important;
    /* Eski projede h2 */
    font-weight: 500 !important;
    /* Eski projede font-weight: 500 */
    color: #002d72 !important;
    /* Eski projede color: #002d72 */
    line-height: 1.2 !important;
    margin: 0 !important;
}

/* Varsayılan: Tüm sayfalarda menü rengi lacivert */
.edu-header .header-mainmenu .mainmenu>li>a {
    color: #0b2a66 !important;
}

/* Sadece ana sayfa için beyaz (haber detay sayfası hariç) */
body.aybu-home:not(.haber-detay-sayfasi) .edu-header .header-mainmenu .mainmenu>li>a {
    color: #ffffff !important;
}

/* Ana sayfa olmayan tüm sayfalarda menüler kesinlikle lacivert - EN GÜÇLÜ KURAL */
body:not(.aybu-home) .edu-header .header-mainmenu .mainmenu>li>a,
body:not(.aybu-home) .edu-header .header-mainmenu .mainmenu li.has-droupdown>a,
body:not(.aybu-home) .mainmenu-nav .mainmenu>li>a,
body:not(.aybu-home) .mainmenu-nav .mainmenu li.has-droupdown>a,
body:not(.aybu-home) .header-mainnav .mainmenu-nav .mainmenu>li>a,
body:not(.aybu-home) .header-mainnav .mainmenu-nav .mainmenu li.has-droupdown>a,
body:not(.aybu-home) .header-mainmenu .mainmenu-nav .mainmenu>li>a,
body:not(.aybu-home) .header-mainmenu .mainmenu-nav .mainmenu li.has-droupdown>a,
body:not(.aybu-home) .edu-header .header-mainmenu .mainmenu-nav .mainmenu>li>a,
body:not(.aybu-home) .edu-header .header-mainmenu .mainmenu-nav .mainmenu li.has-droupdown>a {
    color: #0b2a66 !important;
}

/* Sticky durumda da kesinlikle lacivert */
body:not(.aybu-home) .edu-header .header-mainmenu.edu-sticky .mainmenu>li>a,
body:not(.aybu-home) .edu-header .header-mainmenu.edu-sticky .mainmenu li.has-droupdown>a,
body:not(.aybu-home) .edu-header .header-mainmenu.edu-sticky .mainmenu-nav .mainmenu>li>a,
body:not(.aybu-home) .edu-header .header-mainmenu.edu-sticky .mainmenu-nav .mainmenu li.has-droupdown>a {
    color: #0b2a66 !important;
}

/* Alt sayfalarda menü renkleri lacivert */
body.sticky-header:not(.aybu-home) .edu-header .header-mainmenu .mainmenu>li>a,
body.haber-detay-sayfasi .edu-header .header-mainmenu .mainmenu>li>a {
    color: #0b2a66 !important;
    font-weight: 500 !important;
}

/* Tüm Haberler sayfasında menüler kesinlikle lacivert olsun - EN GÜÇLÜ KURAL */
body.sticky-header:not(.aybu-home) .edu-header .header-mainmenu .mainmenu>li>a,
body.sticky-header:not(.aybu-home) .edu-header .header-mainmenu .mainmenu li.has-droupdown>a {
    color: #0b2a66 !important;
}

/* Alt sayfalarda tüm menü başlıkları has-droupdown gibi görünsün */
body.sticky-header:not(.aybu-home) .edu-header .header-mainmenu .mainmenu>li>a {
    position: relative !important;
    padding: 10px 15px !important;
    display: block !important;
}

/* Sticky header'da varsayılan lacivert */
.edu-header .header-mainmenu.edu-sticky .mainmenu>li>a {
    color: #0b2a66 !important;
}

/* Sticky header'da ana sayfa için de lacivert (scroll yapınca) */
body.aybu-home:not(.haber-detay-sayfasi) .edu-header .header-mainmenu.edu-sticky .mainmenu>li>a {
    color: #0b2a66 !important;
}

/* Sticky header'da alt sayfalarda lacivert */
body.sticky-header:not(.aybu-home) .edu-header .header-mainmenu.edu-sticky .mainmenu>li>a,
body.haber-detay-sayfasi .edu-header .header-mainmenu.edu-sticky .mainmenu>li>a {
    color: #0b2a66 !important;
}

/* Alt sayfalarda dil seçenekleri ve diğer elementler de #0b2a66 olsun */
body.sticky-header:not(.aybu-home) .edu-header .header-mainmenu .header-action .language-item,
body.haber-detay-sayfasi .edu-header .header-mainmenu .header-action .language-item {
    color: #0b2a66 !important;
}

/* Haber detay sayfasında menüleri sağa hizala */
body.haber-detay-sayfasi .edu-header .header-mainmenu .mainmenu-nav .mainmenu {
    justify-content: flex-end !important;
}

/* Haber detay sayfasında TR/EN menüsünü görünür yap */
body.haber-detay-sayfasi .edu-header .header-mainmenu .header-action .cart-icon {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Haber detay sayfasında scroll yapınca (sticky durumda) header altına turkuaz çizgi */
body.haber-detay-sayfasi .edu-header .header-mainmenu.edu-sticky {
    border-bottom: 3px solid #03bbd2 !important;
    /* Turkuaz çizgi */
}

/* Header-mainmenu'nun altına turkuaz çizgi ekle */
body.sticky-header:not(.aybu-home) .edu-header .header-mainmenu {
    border-bottom: 3px solid #03bbd2 !important;
    /* Turkuaz çizgi */
}

/* Sticky durumda da turkuaz çizgi */
body.sticky-header:not(.aybu-home) .edu-header .header-mainmenu.edu-sticky {
    border-bottom: 3px solid #03bbd2 !important;
    /* Turkuaz çizgi */
}


/* Diğer sayfalarda header'ın altında kalan içerik için padding ekle */
/* body.sticky-header:not(.aybu-home) {
    padding-top: 90px !important;
} */

/* Diğer sayfalarda breadcrumb area için - Header'ın altında görünsün */

/* Breadcrumb başlığını sola yasla ve marjinleri öldür */
body:not(.aybu-home) .edu-breadcrumb-area .breadcrumb-inner {
    text-align: left !important;
}

body:not(.aybu-home) .edu-breadcrumb-area .page-title .title {
    margin-bottom: 0 !important;
    font-size: 32px !important;
}

@media only screen and (max-width: 767px) {}

/* Diğer sayfalarda sayfa içeriği için ek padding */
/* body.sticky-header:not(.aybu-home) .single-blog-details {
    padding-top: 0px !important;
    padding-bottom: 40px !important;
    min-height: auto !important;
} */

body.sticky-header:not(.aybu-home) .single-image {
    margin-bottom: 30px;
}

body.sticky-header:not(.aybu-home) .single-image img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

/* CK Editor içeriği için - Inline stiller olduğu gibi korunur */
body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* CK Editor içeriği için - app-aybu.css'teki genel p kuralını override et */
/* app-aybu.css'te: p { margin: 0 0 30px; font-size: var(--font-size-b1); line-height: var(--line-height-b1); color: var(--color-body); } */
/* Eski projede: p { margin: 0 0 1rem; } - sadece margin var, color/font-size yok, bu yüzden inline stiller çalışıyordu */
/* Yeni projede color/font-size var, bu yüzden inline stiller uygulanmıyor */
/* Çözüm: app-aybu.css'teki genel p kuralını override et, inline stiller otomatik olarak uygulanır */
/* NOT: revert, initial, unset, inherit kullanmak inline stilleri override edebilir */
/* Inline stiller CSS'te en yüksek önceliğe sahiptir, bu yüzden genel kuralları kaldırmak yeterli */
/* Eski projede olduğu gibi, hiçbir override yok, inline stiller olduğu gibi uygulanır */

/* CK Editor içeriğindeki başlıklar için - Eski projede olduğu gibi */
/* Eski projede: h1-h6 { font-family: 'Poppins', sans-serif; color: #212121; margin: 0 0 26px; font-weight: 700; } */
/* h1: 36px, h2: 30px, h3: 24px, h4: 20px, h5: 16px, h6: 14px */
body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 h1,
body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 h2,
body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 h3,
body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 h4,
body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 h5,
body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 h6 {
    font-family: 'Poppins', sans-serif;
    color: #212121;
    margin: 0 0 26px;
    font-weight: 700;
}

body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 h1 {
    font-size: 36px;
}

body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 h2 {
    font-size: 30px;
}

body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 h3 {
    font-size: 24px;
}

body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 h4 {
    font-size: 20px;
}

body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 h5 {
    font-size: 16px;
}

body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 h6 {
    font-size: 14px;
}

/* CK Editor içeriğindeki diğer elementler için - Eski projede olduğu gibi */
/* NOT: Inline stiller CSS'te en yüksek önceliğe sahiptir, bu yüzden genel kurallar inline stilleri override etmez */
/* Eski projede: p { margin: 0 0 1rem; } - ama inline style'daki margin-bottom:11px korunur */
body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 p {
    /* Inline style yoksa margin: 0 0 1rem uygulanır, inline style varsa inline style önceliklidir */
    margin: 0 0 1rem;
}

/* Eski projede: a { color: #13c0d7; transition: all 0.3s ease 0s; text-decoration: none !important; outline: none !important; } */
/* NOT: text-decoration ve outline için !important kullanıyoruz çünkü bunlar genelde inline style'da olmaz */
body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 a {
    /* Inline style'daki color korunur, eğer inline style yoksa #13c0d7 uygulanır */
    color: #13c0d7;
    transition: all 0.3s ease 0s;
    text-decoration: none !important;
    outline: none !important;
}

body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 a:active,
body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 a:hover {
    text-decoration: none;
    outline: 0 none;
    color: #221122;
}

/* Eski projede: ul { list-style: outside none none; margin: 0; padding: 0; } */
body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

/* Eski projede: ol { list-style: outside none none; margin: 0; padding: 0; } (genelde ul ile aynı) */
body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 ol {
    margin: 0;
    padding: 0;
}

/* Eski projede: li { margin: 0; padding: 0; } (genelde) */
body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 li {
    margin: 0;
    padding: 0;
}

/* Eski projede: table { border-collapse: collapse; } (genelde) */
body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 table {
    border-collapse: collapse;
    width: 100%;
}

/* Eski projede: td, th { padding: 8px; } (genelde) */
body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 td,
body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 th {
    padding: 8px;
}

/* Eski projede: strong, b { font-weight: 700; } (genelde) */
body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 strong,
body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 b {
    font-weight: 700;
}

/* Eski projede: em, i { font-style: italic; } (genelde) */
body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 em,
body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 i {
    font-style: italic;
}

/* app-aybu.css'teki genel span kuralını override et - CK Editor içeriği için */
body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 span {
    /* Inline style'daki tüm özellikler korunur */
    /* font-size, line-height, font-weight, color, background, font-family inline style'dan gelir */
}

/* Sadece taşmayı önle, inline stilleri koru */
body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 * {
    box-sizing: border-box;
}

/* Resimler için responsive */
body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 img {
    max-width: 100%;
    height: auto;
}

/* Tablolar için responsive */
body.sticky-header:not(.aybu-home) .single-blog-details .col-lg-12 table {
    max-width: 100%;
    border-collapse: collapse;
}

/* Header içindeki elementler */
.header-mainnav,
.header-navbar,
.header-wrapper,
.header-top-bar {
    position: relative;
    z-index: 10001;
}

/* 2) Ana menü öğeleri */
.mainmenu {
    position: relative;
}

/* 3) Açılır menülerin temel durumu (gizli) */
.mainmenu .submenu,
.mainmenu .mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 240px;
    display: block;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(8px);
    transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
    z-index: 10001;
}

/* 4) Mega menü genişliğini koru */
.mainmenu .mega-menu.mega-menu-one {
    width: 760px;
}

/* 5) Hover olduğunda görünür yap */
.mainmenu>li.has-droupdown:hover>.submenu,
.mainmenu>li.has-droupdown:hover>.mega-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

/* 6) Taşmayı engelleyen parent'lar olabilir, görünür olsun */
.header-mainmenu *,
.header-mainnav *,
.header-navbar *,
.header-wrapper * {
    overflow: visible;

}

/* 8) Mobil popup menü overlay her şeyin üzerinde olsun */
/* 9) TR/EN dil alanı tıklanabilirlik için */
.header-right,
.header-right .icon {
    position: relative;
    z-index: 10002;
}

/* 10) Erişilebilirlik: klavye ile focus'ta da aç */
.mainmenu>li.has-droupdown:focus-within>.submenu,
.mainmenu>li.has-droupdown:focus-within>.mega-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

/* 11) İsteğe bağlı: scroll gölgesi */
.header-shadow {
    box-shadow: 0 6px 18px rgba(0, 0, 0, .08);
    background: rgba(255, 255, 255, .98);
}

/* ========================================
   STICKY HEADER MENÜ TIKLANABİLİRLİĞİ VE ALT MENÜLER
   ======================================== */

/* Sticky header'da header'ın kendisi tıklanabilir olmalı */
.edu-header .header-mainmenu.edu-sticky,
.header-mainmenu.edu-sticky {
    pointer-events: auto !important;
    z-index: 999999 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
}

/* Tüm header içeriği tıklanabilir */
.edu-header .header-mainmenu.edu-sticky *,
.header-mainmenu.edu-sticky * {
    pointer-events: auto !important;
}

/* Menü nav tıklanabilir */
.edu-header .header-mainmenu.edu-sticky .mainmenu-nav,
.header-mainmenu.edu-sticky .mainmenu-nav {
    pointer-events: auto !important;
    z-index: 1000000 !important;
    position: relative !important;
}

/* Menü listesi tıklanabilir */
.edu-header .header-mainmenu.edu-sticky .mainmenu,
.header-mainmenu.edu-sticky .mainmenu {
    pointer-events: auto !important;
    z-index: 1000001 !important;
    position: relative !important;
}

/* Menü öğeleri tıklanabilir */
.edu-header .header-mainmenu.edu-sticky .mainmenu>li,
.header-mainmenu.edu-sticky .mainmenu>li {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 1000002 !important;
}

/* Menü linkleri tıklanabilir */
.edu-header .header-mainmenu.edu-sticky .mainmenu>li>a,
.header-mainmenu.edu-sticky .mainmenu>li>a,
.edu-header .header-mainmenu.edu-sticky .mainmenu>li.has-droupdown>a,
.header-mainmenu.edu-sticky .mainmenu>li.has-droupdown>a {
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 1000003 !important;
    display: block !important;
}

/* Alt menülerin z-index'i */
.edu-header .header-mainmenu.edu-sticky .mainmenu .submenu,
.edu-header .header-mainmenu.edu-sticky .mainmenu .mega-menu,
.header-mainmenu.edu-sticky .mainmenu .submenu,
.header-mainmenu.edu-sticky .mainmenu .mega-menu {
    z-index: 10000000 !important;
    position: absolute !important;
    pointer-events: none !important;
}

/* Hover ile alt menülerin açılması */
.edu-header .header-mainmenu.edu-sticky .mainmenu>li.has-droupdown:hover>.submenu,
.edu-header .header-mainmenu.edu-sticky .mainmenu>li.has-droupdown:hover>.mega-menu,
.header-mainmenu.edu-sticky .mainmenu>li.has-droupdown:hover>.submenu,
.header-mainmenu.edu-sticky .mainmenu>li.has-droupdown:hover>.mega-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    z-index: 10000000 !important;
    display: block !important;
}

/* Mega-menu için özel */
.edu-header .header-mainmenu.edu-sticky .mainmenu>li.has-droupdown:hover>.mega-menu,
.header-mainmenu.edu-sticky .mainmenu>li.has-droupdown:hover>.mega-menu {
    display: grid !important;
}

/* Tıklama ile açılma kaldırıldı - sadece hover ile açılır */

/* Hızlı Erişim - Col yüksekliklerini eşitle */
.edu-categorie-area .row {
    align-items: stretch;
}

.edu-categorie-area .row .col {
    display: flex;
    flex-direction: column;
}

.edu-categorie-area .row .col .categorie-grid {
    display: flex;
    flex-direction: column;
    height: 100%;
    flex: 1;
}

.edu-categorie-area .row .col .categorie-grid .content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Overflow sorunlarını çöz */
.edu-header .header-mainmenu.edu-sticky,
.edu-header .header-mainmenu.edu-sticky *,
.header-mainmenu.edu-sticky,
.header-mainmenu.edu-sticky *,
.edu-header .header-mainmenu.edu-sticky .container-fluid,
.edu-header .header-mainmenu.edu-sticky .header-navbar,
.edu-header .header-mainmenu.edu-sticky .header-mainnav,
.edu-header .header-mainmenu.edu-sticky .mainmenu-nav,
.edu-header .header-mainmenu.edu-sticky .mainmenu,
.edu-header .header-mainmenu.edu-sticky .mainmenu>li {
    overflow: visible !important;
}

/* Hızlı Erişim Iconları için CSS */
.features-area-2 .features-box .icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 50px !important;
    min-width: 50px !important;
}

.features-area-2 .features-box .icon i,
.features-area-2 .features-box .icon .fas,
.features-area-2 .features-box .icon .fa,
.features-area-2 .features-box .icon .fab,
.features-area-2 .features-box .icon .far,
.features-area-2 .features-box .icon .fal,
.features-area-2 .features-box .icon [class^="icon-"],
.features-area-2 .features-box .icon [class*=" icon-"] {
    display: inline-block !important;
    font-size: 24px !important;
    line-height: 1 !important;
    color: inherit !important;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* FontAwesome iconları için özel */
.features-area-2 .features-box .icon .fas::before,
.features-area-2 .features-box .icon .fa::before,
.features-area-2 .features-box .icon .fab::before,
.features-area-2 .features-box .icon .far::before,
.features-area-2 .features-box .icon .fal::before {
    display: inline-block !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
}

/* Categorie Grid Iconları için CSS */
.edu-categorie-area .categorie-grid .icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 60px !important;
    min-width: 60px !important;
}

.edu-categorie-area .categorie-grid .icon i,
.edu-categorie-area .categorie-grid .icon .fas,
.edu-categorie-area .categorie-grid .icon .fa,
.edu-categorie-area .categorie-grid .icon .fab,
.edu-categorie-area .categorie-grid .icon .far,
.edu-categorie-area .categorie-grid .icon .fal,
.edu-categorie-area .categorie-grid .icon [class^="icon-"],
.edu-categorie-area .categorie-grid .icon [class*=" icon-"] {
    display: inline-block !important;
    font-size: 32px !important;
    line-height: 1 !important;
    color: inherit !important;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* FontAwesome iconları için özel */
.edu-categorie-area .categorie-grid .icon .fas::before,
.edu-categorie-area .categorie-grid .icon .fa::before,
.edu-categorie-area .categorie-grid .icon .fab::before,
.edu-categorie-area .categorie-grid .icon .far::before,
.edu-categorie-area .categorie-grid .icon .fal::before {
    display: inline-block !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
}

/* ========================================
   HABERLER HOVER EFEKTİ - TÜM ALANLARDA ÇALIŞSIN
   ======================================== */

/* Haber kartının tüm alanlarında hover efekti çalışsın */
.edu-course.course-style-4 .inner:hover~*,
.edu-course.course-style-4:hover,
.edu-course.course-style-4 .inner:hover,
.edu-course.course-style-4 .thumbnail:hover,
.edu-course.course-style-4 .content:hover,
.edu-course.course-style-4 .content .title:hover,
.edu-course.course-style-4 .content .title a:hover,
.edu-course.course-style-4 .content .course-rating:hover,
.edu-course.course-style-4 .content .course-rating .rating-count:hover {
    /* Parent hover efekti aktif olsun */
}

/* Hover efekti: thumbnail, content, title, rating-count üzerine gelindiğinde */
.edu-course.course-style-4 .inner:hover,
.edu-course.course-style-4 .thumbnail:hover,
.edu-course.course-style-4 .content:hover,
.edu-course.course-style-4 .content .title:hover,
.edu-course.course-style-4 .content .title a:hover,
.edu-course.course-style-4 .content .course-rating:hover,
.edu-course.course-style-4 .content .course-rating .rating-count:hover {
    /* Parent kart hover efekti */
}

/* Tüm iç elementlerde hover olduğunda parent kart hover efekti aktif olsun */
.edu-course.course-style-4 .inner:hover~*,
.edu-course.course-style-4 .thumbnail:hover~*,
.edu-course.course-style-4 .content:hover~* {
    /* Bu selector çalışmaz, farklı yaklaşım gerekli */
}

/* Alternatif: Tüm iç elementlerde hover olduğunda parent'a hover efekti */
.edu-course.course-style-4:has(.inner:hover),
.edu-course.course-style-4:has(.thumbnail:hover),
.edu-course.course-style-4:has(.content:hover),
.edu-course.course-style-4:has(.content .title:hover),
.edu-course.course-style-4:has(.content .title a:hover),
.edu-course.course-style-4:has(.content .course-rating:hover),
.edu-course.course-style-4:has(.content .course-rating .rating-count:hover) {
    background-color: rgb(163, 199, 210) !important;
    /* Açık mavi-gri */
    transition: background-color 0.3s ease !important;
}

.edu-course.course-style-4:has(.inner:hover) .thumbnail a img,
.edu-course.course-style-4:has(.thumbnail:hover) .thumbnail a img,
.edu-course.course-style-4:has(.content:hover) .thumbnail a img,
.edu-course.course-style-4:has(.content .title:hover) .thumbnail a img,
.edu-course.course-style-4:has(.content .title a:hover) .thumbnail a img,
.edu-course.course-style-4:has(.content .course-rating:hover) .thumbnail a img {
    -webkit-transform: scale(1.1) !important;
    -ms-transform: scale(1.1) !important;
    transform: scale(1.1) !important;
    transition: transform 0.4s ease !important;
}

.edu-course.course-style-4:has(.inner:hover) .content .title a,
.edu-course.course-style-4:has(.thumbnail:hover) .content .title a,
.edu-course.course-style-4:has(.content:hover) .content .title a,
.edu-course.course-style-4:has(.content .title:hover) .content .title a,
.edu-course.course-style-4:has(.content .title a:hover) .content .title a {
    color: var(--color-heading) !important;
    transition: color 0.3s ease !important;
}

.edu-course.course-style-4:has(.inner:hover) .content .course-rating .rating-count,
.edu-course.course-style-4:has(.thumbnail:hover) .content .course-rating .rating-count,
.edu-course.course-style-4:has(.content:hover) .content .course-rating .rating-count,
.edu-course.course-style-4:has(.content .course-rating:hover) .content .course-rating .rating-count,
.edu-course.course-style-4:has(.content .course-rating .rating-count:hover) .content .course-rating .rating-count {
    color: var(--color-body) !important;
    transition: color 0.3s ease !important;
}

/* Fallback: :has() desteklenmeyen tarayıcılar için - tüm iç elementlere pointer-events ekle */
.edu-course.course-style-4 .inner,
.edu-course.course-style-4 .thumbnail,
.edu-course.course-style-4 .content,
.edu-course.course-style-4 .content .title,
.edu-course.course-style-4 .content .title a,
.edu-course.course-style-4 .content .course-rating,
.edu-course.course-style-4 .content .course-rating .rating-count {
    pointer-events: auto;
    cursor: pointer;
}

/* ========================================
   MENÜLERİN LACİVERT OLMASI İÇİN EN GÜÇLÜ KURALLAR - TÜM DİĞER KURALLARI OVERRIDE EDER
   ======================================== */

/* Ana sayfa olmayan tüm sayfalarda menüler kesinlikle lacivert - TÜM SELECTOR KOMBİNASYONLARI */
body:not(.aybu-home) .edu-header .header-mainmenu .mainmenu>li>a,
body:not(.aybu-home) .edu-header .header-mainmenu .mainmenu li>a,
body:not(.aybu-home) .edu-header .header-mainmenu .mainmenu li.has-droupdown>a,
body:not(.aybu-home) .edu-header .header-mainmenu .mainmenu-nav .mainmenu>li>a,
body:not(.aybu-home) .edu-header .header-mainmenu .mainmenu-nav .mainmenu li>a,
body:not(.aybu-home) .edu-header .header-mainmenu .mainmenu-nav .mainmenu li.has-droupdown>a,
body:not(.aybu-home) .header-mainmenu .mainmenu>li>a,
body:not(.aybu-home) .header-mainmenu .mainmenu li>a,
body:not(.aybu-home) .header-mainmenu .mainmenu li.has-droupdown>a,
body:not(.aybu-home) .header-mainmenu .mainmenu-nav .mainmenu>li>a,
body:not(.aybu-home) .header-mainmenu .mainmenu-nav .mainmenu li>a,
body:not(.aybu-home) .header-mainmenu .mainmenu-nav .mainmenu li.has-droupdown>a,
body:not(.aybu-home) .header-mainnav .mainmenu-nav .mainmenu>li>a,
body:not(.aybu-home) .header-mainnav .mainmenu-nav .mainmenu li>a,
body:not(.aybu-home) .header-mainnav .mainmenu-nav .mainmenu li.has-droupdown>a,
body:not(.aybu-home) .mainmenu-nav .mainmenu>li>a,
body:not(.aybu-home) .mainmenu-nav .mainmenu li>a,
body:not(.aybu-home) .mainmenu-nav .mainmenu li.has-droupdown>a,
/* Inline style'ları bile override etmek için */
body:not(.aybu-home) .mainmenu>li>a[style*="color"],
body:not(.aybu-home) .mainmenu li.has-droupdown>a[style*="color"],
body:not(.aybu-home) .mainmenu-nav .mainmenu>li>a[style*="color"],
body:not(.aybu-home) .mainmenu-nav .mainmenu li.has-droupdown>a[style*="color"] {
    color: #0b2a66 !important;
}

/* Sticky durumda da kesinlikle lacivert */
body:not(.aybu-home) .edu-header .header-mainmenu.edu-sticky .mainmenu>li>a,
body:not(.aybu-home) .edu-header .header-mainmenu.edu-sticky .mainmenu li>a,
body:not(.aybu-home) .edu-header .header-mainmenu.edu-sticky .mainmenu li.has-droupdown>a,
body:not(.aybu-home) .edu-header .header-mainmenu.edu-sticky .mainmenu-nav .mainmenu>li>a,
body:not(.aybu-home) .edu-header .header-mainmenu.edu-sticky .mainmenu-nav .mainmenu li>a,
body:not(.aybu-home) .edu-header .header-mainmenu.edu-sticky .mainmenu-nav .mainmenu li.has-droupdown>a {
    color: #0b2a66 !important;
}

/* Sticky header olmayan durumda da kesinlikle lacivert */
body:not(.aybu-home) .edu-header .header-mainmenu:not(.edu-sticky) .mainmenu>li>a,
body:not(.aybu-home) .edu-header .header-mainmenu:not(.edu-sticky) .mainmenu li>a,
body:not(.aybu-home) .edu-header .header-mainmenu:not(.edu-sticky) .mainmenu li.has-droupdown>a,
body:not(.aybu-home) .edu-header .header-mainmenu:not(.edu-sticky) .mainmenu-nav .mainmenu>li>a,
body:not(.aybu-home) .edu-header .header-mainmenu:not(.edu-sticky) .mainmenu-nav .mainmenu li>a,
body:not(.aybu-home) .edu-header .header-mainmenu:not(.edu-sticky) .mainmenu-nav .mainmenu li.has-droupdown>a {
    color: #0b2a66 !important;
}

/* ========================================
   SADECE HABERLER SAYFASI – MENÜ RENKLERİ
   ======================================== */
body.aybu-haberler .mainmenu-nav>ul>li>a {
    color: #0b3c5d !important;
    /* lacivert */
    font-weight: 600;
}

body.aybu-haberler .mainmenu-nav>ul>li:hover>a,
body.aybu-haberler .mainmenu-nav>ul>li.active>a {
    color: #062840 !important;
}

body.aybu-haberler .mainmenu-nav .submenu li a {
    color: #0b3c5d !important;
}

/* Tüm olası selector kombinasyonları için */
body.aybu-haberler .edu-header .header-mainmenu .mainmenu-nav .mainmenu>li>a,
body.aybu-haberler .edu-header .header-mainmenu .mainmenu>li>a,
body.aybu-haberler .header-mainmenu .mainmenu-nav .mainmenu>li>a,
body.aybu-haberler .header-mainmenu .mainmenu>li>a,
body.aybu-haberler .mainmenu-nav .mainmenu>li>a,
body.aybu-haberler .mainmenu>li>a {
    color: #0b3c5d !important;
    font-weight: 600;
}

body.aybu-haberler .edu-header .header-mainmenu .mainmenu-nav .mainmenu>li:hover>a,
body.aybu-haberler .edu-header .header-mainmenu .mainmenu>li:hover>a,
body.aybu-haberler .header-mainmenu .mainmenu-nav .mainmenu>li:hover>a,
body.aybu-haberler .header-mainmenu .mainmenu>li:hover>a,
body.aybu-haberler .mainmenu-nav .mainmenu>li:hover>a,
body.aybu-haberler .mainmenu>li:hover>a,
body.aybu-haberler .edu-header .header-mainmenu .mainmenu-nav .mainmenu>li.active>a,
body.aybu-haberler .edu-header .header-mainmenu .mainmenu>li.active>a,
body.aybu-haberler .header-mainmenu .mainmenu-nav .mainmenu>li.active>a,
body.aybu-haberler .header-mainmenu .mainmenu>li.active>a,
body.aybu-haberler .mainmenu-nav .mainmenu>li.active>a,
body.aybu-haberler .mainmenu>li.active>a {
    color: #062840 !important;
}

body.aybu-haberler .edu-header .header-mainmenu .mainmenu-nav .submenu li a,
body.aybu-haberler .edu-header .header-mainmenu .submenu li a,
body.aybu-haberler .header-mainmenu .mainmenu-nav .submenu li a,
body.aybu-haberler .header-mainmenu .submenu li a,
body.aybu-haberler .mainmenu-nav .submenu li a,
body.aybu-haberler .submenu li a {
    color: #0b3c5d !important;
}

/* Sticky durumda da geçerli */
body.aybu-haberler .edu-header .header-mainmenu.edu-sticky .mainmenu-nav .mainmenu>li>a,
body.aybu-haberler .edu-header .header-mainmenu.edu-sticky .mainmenu>li>a {
    color: #0b3c5d !important;
    font-weight: 600;
}

/* TR/EN dil menüsü için */
body.aybu-haberler .edu-header .header-mainmenu .header-action .language-item,
body.aybu-haberler .edu-header .header-mainmenu .header-right .language-item,
body.aybu-haberler .header-action .language-item,
body.aybu-haberler .header-right .language-item {
    color: #0b3c5d !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
}

body.aybu-haberler .edu-header .header-mainmenu .header-action .language-item:hover,
body.aybu-haberler .edu-header .header-mainmenu .header-right .language-item:hover,
body.aybu-haberler .header-action .language-item:hover,
body.aybu-haberler .header-right .language-item:hover {
    color: #062840 !important;
}

/* Sticky durumda da TR/EN menüsü görünür ve lacivert */
body.aybu-haberler .edu-header .header-mainmenu.edu-sticky .header-action .language-item,
body.aybu-haberler .edu-header .header-mainmenu.edu-sticky .header-right .language-item {
    color: #0b3c5d !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
}

/* Menüleri sağa yasla */
body.aybu-haberler .edu-header .header-mainmenu .mainmenu-nav .mainmenu,
body.aybu-haberler .edu-header .header-mainmenu .mainmenu-nav,
body.aybu-haberler .header-mainmenu .mainmenu-nav .mainmenu,
body.aybu-haberler .header-mainmenu .mainmenu-nav,
body.aybu-haberler .mainmenu-nav .mainmenu,
body.aybu-haberler .mainmenu {
    justify-content: flex-end !important;
    display: flex !important;
}

/* Sticky durumda da sağa yaslı */
body.aybu-haberler .edu-header .header-mainmenu.edu-sticky .mainmenu-nav .mainmenu,
body.aybu-haberler .edu-header .header-mainmenu.edu-sticky .mainmenu-nav {
    justify-content: flex-end !important;
    display: flex !important;
}

/* Logo dark-logo.png olsun - JavaScript ile değiştirilecek */
body.aybu-haberler .edu-header .header-mainmenu .header-brand .logo img.logo-light {
    display: none !important;
    /* logo-light'ı gizle */
}

body.aybu-haberler .edu-header .header-mainmenu .header-brand .logo img.logo-dark {
    display: block !important;
    /* sadece logo-dark görünsün */
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
}

/* Header alanının altına turkuaz çizgi */
body.aybu-haberler .edu-header .header-mainmenu {
    border-bottom: 3px solid #03bbd2 !important;
    /* Turkuaz çizgi */
}

body.aybu-haberler .edu-header .header-mainmenu.edu-sticky {
    border-bottom: 3px solid #03bbd2 !important;
    /* Sticky durumda da turkuaz çizgi */
}

/* Header ile içerik arasında 70px boşluk */
body.aybu-haberler .edu-breadcrumb-area {
    margin-bottom: 70px !important;
}

body.aybu-haberler .blog-page-area {
    margin-top: 0 !important;
    /* blog-page-area zaten breadcrumb'dan sonra geliyor */
}

/* ========================================
   SADECE DUYURULAR VE ETKİNLİKLER SAYFALARI – MENÜ RENKLERİ
   (Haberler sayfası ile aynı kurallar)
   ======================================== */

/* Tüm Duyurular ve Tüm Etkinlikler için menü renkleri */
body.aybu-duyurular .mainmenu-nav>ul>li>a,
body.aybu-etkinlikler .mainmenu-nav>ul>li>a {
    color: #0b3c5d !important;
    /* lacivert */
    font-weight: 600;
}

body.aybu-duyurular .mainmenu-nav>ul>li:hover>a,
body.aybu-duyurular .mainmenu-nav>ul>li.active>a,
body.aybu-etkinlikler .mainmenu-nav>ul>li:hover>a,
body.aybu-etkinlikler .mainmenu-nav>ul>li.active>a {
    color: #062840 !important;
}

body.aybu-duyurular .mainmenu-nav .submenu li a,
body.aybu-etkinlikler .mainmenu-nav .submenu li a {
    color: #0b3c5d !important;
}

/* Tüm olası selector kombinasyonları için */
body.aybu-duyurular .edu-header .header-mainmenu .mainmenu-nav .mainmenu>li>a,
body.aybu-duyurular .edu-header .header-mainmenu .mainmenu>li>a,
body.aybu-duyurular .header-mainmenu .mainmenu-nav .mainmenu>li>a,
body.aybu-duyurular .header-mainmenu .mainmenu>li>a,
body.aybu-duyurular .mainmenu-nav .mainmenu>li>a,
body.aybu-duyurular .mainmenu>li>a,
body.aybu-etkinlikler .edu-header .header-mainmenu .mainmenu-nav .mainmenu>li>a,
body.aybu-etkinlikler .edu-header .header-mainmenu .mainmenu>li>a,
body.aybu-etkinlikler .header-mainmenu .mainmenu-nav .mainmenu>li>a,
body.aybu-etkinlikler .header-mainmenu .mainmenu>li>a,
body.aybu-etkinlikler .mainmenu-nav .mainmenu>li>a,
body.aybu-etkinlikler .mainmenu>li>a {
    color: #0b3c5d !important;
    font-weight: 600;
}

body.aybu-duyurular .edu-header .header-mainmenu .mainmenu-nav .mainmenu>li:hover>a,
body.aybu-duyurular .edu-header .header-mainmenu .mainmenu>li:hover>a,
body.aybu-duyurular .header-mainmenu .mainmenu-nav .mainmenu>li:hover>a,
body.aybu-duyurular .header-mainmenu .mainmenu>li:hover>a,
body.aybu-duyurular .mainmenu-nav .mainmenu>li:hover>a,
body.aybu-duyurular .mainmenu>li:hover>a,
body.aybu-duyurular .edu-header .header-mainmenu .mainmenu-nav .mainmenu>li.active>a,
body.aybu-duyurular .edu-header .header-mainmenu .mainmenu>li.active>a,
body.aybu-duyurular .header-mainmenu .mainmenu-nav .mainmenu>li.active>a,
body.aybu-duyurular .header-mainmenu .mainmenu>li.active>a,
body.aybu-duyurular .mainmenu-nav .mainmenu>li.active>a,
body.aybu-duyurular .mainmenu>li.active>a,
body.aybu-etkinlikler .edu-header .header-mainmenu .mainmenu-nav .mainmenu>li:hover>a,
body.aybu-etkinlikler .edu-header .header-mainmenu .mainmenu>li:hover>a,
body.aybu-etkinlikler .header-mainmenu .mainmenu-nav .mainmenu>li:hover>a,
body.aybu-etkinlikler .header-mainmenu .mainmenu>li:hover>a,
body.aybu-etkinlikler .mainmenu-nav .mainmenu>li:hover>a,
body.aybu-etkinlikler .mainmenu>li:hover>a,
body.aybu-etkinlikler .edu-header .header-mainmenu .mainmenu-nav .mainmenu>li.active>a,
body.aybu-etkinlikler .edu-header .header-mainmenu .mainmenu>li.active>a,
body.aybu-etkinlikler .header-mainmenu .mainmenu-nav .mainmenu>li.active>a,
body.aybu-etkinlikler .header-mainmenu .mainmenu>li.active>a,
body.aybu-etkinlikler .mainmenu-nav .mainmenu>li.active>a,
body.aybu-etkinlikler .mainmenu>li.active>a {
    color: #062840 !important;
}

body.aybu-duyurular .edu-header .header-mainmenu .mainmenu-nav .submenu li a,
body.aybu-duyurular .edu-header .header-mainmenu .submenu li a,
body.aybu-duyurular .header-mainmenu .mainmenu-nav .submenu li a,
body.aybu-duyurular .header-mainmenu .submenu li a,
body.aybu-duyurular .mainmenu-nav .submenu li a,
body.aybu-duyurular .submenu li a,
body.aybu-etkinlikler .edu-header .header-mainmenu .mainmenu-nav .submenu li a,
body.aybu-etkinlikler .edu-header .header-mainmenu .submenu li a,
body.aybu-etkinlikler .header-mainmenu .mainmenu-nav .submenu li a,
body.aybu-etkinlikler .header-mainmenu .submenu li a,
body.aybu-etkinlikler .mainmenu-nav .submenu li a,
body.aybu-etkinlikler .submenu li a {
    color: #0b3c5d !important;
}

/* Sticky durumda da geçerli */
body.aybu-duyurular .edu-header .header-mainmenu.edu-sticky .mainmenu-nav .mainmenu>li>a,
body.aybu-duyurular .edu-header .header-mainmenu.edu-sticky .mainmenu>li>a,
body.aybu-etkinlikler .edu-header .header-mainmenu.edu-sticky .mainmenu-nav .mainmenu>li>a,
body.aybu-etkinlikler .edu-header .header-mainmenu.edu-sticky .mainmenu>li>a {
    color: #0b3c5d !important;
    font-weight: 600;
}

/* TR/EN dil menüsü için */
body.aybu-duyurular .edu-header .header-mainmenu .header-action .language-item,
body.aybu-duyurular .edu-header .header-mainmenu .header-right .language-item,
body.aybu-duyurular .header-action .language-item,
body.aybu-duyurular .header-right .language-item,
body.aybu-etkinlikler .edu-header .header-mainmenu .header-action .language-item,
body.aybu-etkinlikler .edu-header .header-mainmenu .header-right .language-item,
body.aybu-etkinlikler .header-action .language-item,
body.aybu-etkinlikler .header-right .language-item {
    color: #0b3c5d !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
}

body.aybu-duyurular .edu-header .header-mainmenu .header-action .language-item:hover,
body.aybu-duyurular .edu-header .header-mainmenu .header-right .language-item:hover,
body.aybu-duyurular .header-action .language-item:hover,
body.aybu-duyurular .header-right .language-item:hover,
body.aybu-etkinlikler .edu-header .header-mainmenu .header-action .language-item:hover,
body.aybu-etkinlikler .edu-header .header-mainmenu .header-right .language-item:hover,
body.aybu-etkinlikler .header-action .language-item:hover,
body.aybu-etkinlikler .header-right .language-item:hover {
    color: #062840 !important;
}

/* Sticky durumda da TR/EN menüsü görünür ve lacivert */
body.aybu-duyurular .edu-header .header-mainmenu.edu-sticky .header-action .language-item,
body.aybu-duyurular .edu-header .header-mainmenu.edu-sticky .header-right .language-item,
body.aybu-etkinlikler .edu-header .header-mainmenu.edu-sticky .header-action .language-item,
body.aybu-etkinlikler .edu-header .header-mainmenu.edu-sticky .header-right .language-item {
    color: #0b3c5d !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
}

/* Menüleri sağa yasla */
body.aybu-duyurular .edu-header .header-mainmenu .mainmenu-nav .mainmenu,
body.aybu-duyurular .edu-header .header-mainmenu .mainmenu-nav,
body.aybu-duyurular .header-mainmenu .mainmenu-nav .mainmenu,
body.aybu-duyurular .header-mainmenu .mainmenu-nav,
body.aybu-duyurular .mainmenu-nav .mainmenu,
body.aybu-duyurular .mainmenu,
body.aybu-etkinlikler .edu-header .header-mainmenu .mainmenu-nav .mainmenu,
body.aybu-etkinlikler .edu-header .header-mainmenu .mainmenu-nav,
body.aybu-etkinlikler .header-mainmenu .mainmenu-nav .mainmenu,
body.aybu-etkinlikler .header-mainmenu .mainmenu-nav,
body.aybu-etkinlikler .mainmenu-nav .mainmenu,
body.aybu-etkinlikler .mainmenu {
    justify-content: flex-end !important;
    display: flex !important;
}

/* Sticky durumda da sağa yaslı */
body.aybu-duyurular .edu-header .header-mainmenu.edu-sticky .mainmenu-nav .mainmenu,
body.aybu-duyurular .edu-header .header-mainmenu.edu-sticky .mainmenu-nav,
body.aybu-etkinlikler .edu-header .header-mainmenu.edu-sticky .mainmenu-nav .mainmenu,
body.aybu-etkinlikler .edu-header .header-mainmenu.edu-sticky .mainmenu-nav {
    justify-content: flex-end !important;
    display: flex !important;
}

/* Logo dark-logo.png olsun */
body.aybu-duyurular .edu-header .header-mainmenu .header-brand .logo img.logo-light,
body.aybu-etkinlikler .edu-header .header-mainmenu .header-brand .logo img.logo-light {
    display: none !important;
    /* logo-light'ı gizle */
}

body.aybu-duyurular .edu-header .header-mainmenu .header-brand .logo img.logo-dark,
body.aybu-etkinlikler .edu-header .header-mainmenu .header-brand .logo img.logo-dark {
    display: block !important;
    /* sadece logo-dark görünsün */
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
}

/* Header alanının altına turkuaz çizgi */
body.aybu-duyurular .edu-header .header-mainmenu,
body.aybu-etkinlikler .edu-header .header-mainmenu {
    border-bottom: 3px solid #03bbd2 !important;
    /* Turkuaz çizgi */
}

body.aybu-duyurular .edu-header .header-mainmenu.edu-sticky,
body.aybu-etkinlikler .edu-header .header-mainmenu.edu-sticky {
    border-bottom: 3px solid #03bbd2 !important;
    /* Sticky durumda da turkuaz çizgi */
}

/* Header ile içerik arasında 70px boşluk */
body.aybu-duyurular .edu-breadcrumb-area,
body.aybu-etkinlikler .edu-breadcrumb-area {
    margin-bottom: 70px !important;
}

body.aybu-duyurular .single-blog-details,
body.aybu-etkinlikler .single-blog-details {
    margin-top: 0 !important;
}

/* Alt sayfalarda sec-spacer bölümleri arasındaki boşluğu kaldır */
/* body:not(.aybu-home):not(.home) .sec-spacer+.sec-spacer {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
} */

/* Alt sayfalarda edu-breadcrumb-area'dan sonra gelen ilk sec-spacer'ın margin-top'unu sıfırla */
/* body:not(.aybu-home):not(.home) .edu-breadcrumb-area+.sec-spacer {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
} */

/* Alt sayfalarda single-blog-details.sec-spacer'ın margin ve padding'ini sıfırla */

/* Alt sayfalarda blog-page-area.sec-spacer'ın margin-top'unu sıfırla (ilk hariç) */
/* .blog-page-area.sec-spacer:not(:first-of-type) {
    margin-top: 0 !important;
    padding-top: 0 !important;
} */

/* Alt sayfalarda single-blog-details.sec-spacer'dan sonra gelen herhangi bir sec-spacer */
/* .single-blog-details.sec-spacer~.sec-spacer {
    margin-top: 0 !important;
    padding-top: 0 !important;
} */

/* Alt sayfalarda blog-page-area.sec-spacer'dan sonra gelen herhangi bir sec-spacer */
/* .blog-page-area.sec-spacer~.sec-spacer {
    margin-top: 0 !important;
    padding-top: 0 !important;
} */


/* Duyurular bloğundaki tarih ve saat için margin ayarları */
.edu-course-area.course-area-8.course-area-duyurular .edu-course.course-style-4.course-style-14 .content .blog-meta {
    margin-top: 15px !important;
    /* Biraz daha aşağıda olsun */
    margin-bottom: 0 !important;
    /* Altında boşluk olmasın */
    padding-bottom: 0 !important;
    /* Padding'i kaldır */
    line-height: 1.4 !important;
    /* Satır yüksekliğini azalt */
    background-color: #f5f9fa !important;
    /* Arka plan rengi */
    padding: 8px 12px !important;
    /* İç boşluk */
    border-radius: 5px !important;
    /* Köşe yuvarlama */
    display: inline-flex !important;
    /* Flex ile yan yana göster */
    flex-wrap: wrap !important;
    /* Gerekirse alt satıra geç */
    align-items: center !important;
    /* Dikey hizalama */
    gap: 10px !important;
    /* Öğeler arası boşluk */
}

.edu-course-area.course-area-8.course-area-duyurular .edu-course.course-style-4.course-style-14 .content .blog-meta li {
    margin-bottom: 0 !important;
    /* Liste öğelerinin altında boşluk olmasın */
    padding-bottom: 0 !important;
    display: inline-flex !important;
    /* Yan yana göster */
    align-items: center !important;
    /* Dikey hizalama */
    white-space: nowrap !important;
    /* Metni bölme */
}

/* Etkinlikler bloğundaki tarih, saat ve lokasyon font boyutunu küçült */
.edu-course-area.course-area-1 .edu-course.course-style-1 .content .blog-meta,
.edu-course-area.course-area-1 .edu-course.course-style-1 .course-hover-content .content .blog-meta {
    font-size: 12px !important;
    /* Font boyutunu küçült */
}

.edu-course-area.course-area-1 .edu-course.course-style-1 .content .blog-meta li,
.edu-course-area.course-area-1 .edu-course.course-style-1 .course-hover-content .content .blog-meta li {
    font-size: 12px !important;
    /* Liste öğelerinin font boyutunu küçült */
}

.edu-course-area.course-area-1 .edu-course.course-style-1 .content .blog-meta li i,
.edu-course-area.course-area-1 .edu-course.course-style-1 .course-hover-content .content .blog-meta li i {
    font-size: 12px !important;
    /* İkon boyutunu küçült */
}

.edu-course-area.course-area-1 .edu-course.course-style-1 .content .event-location-info,
.edu-course-area.course-area-1 .edu-course.course-style-1 .course-hover-content .content .event-location-info {
    font-size: 12px !important;
    /* Lokasyon font boyutunu küçült */
}

.edu-course-area.course-area-1 .edu-course.course-style-1 .content .event-location-info span,
.edu-course-area.course-area-1 .edu-course.course-style-1 .course-hover-content .content .event-location-info span {
    font-size: 12px !important;
    /* Lokasyon metni font boyutunu küçült */
}

.edu-course-area.course-area-1 .edu-course.course-style-1 .content .event-location-info i,
.edu-course-area.course-area-1 .edu-course.course-style-1 .course-hover-content .content .event-location-info i {
    font-size: 12px !important;
    /* Lokasyon ikonu boyutunu küçült */
}

/* Etkinlikler bloğunda tarih, saat ve lokasyonu aşağıda sabitle ve çizgiyi tarih/saatin üstüne ekle */
.edu-course-area.course-area-1 .edu-course.course-style-1 .content {
    display: flex !important;
    flex-direction: column !important;
}

/* Tarih, saat ve lokasyonu birleştirip tek bir arka plan rengi ver */
.edu-course-area.course-area-1 .edu-course.course-style-1 .content .blog-meta {
    margin-top: auto !important;
    /* Aşağıya yasla */
    margin-bottom: 0 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    /* Alt padding ekle */
    padding-left: 12px !important;
    padding-right: 12px !important;
    border-top: 1px solid var(--color-border) !important;
    /* Çizgiyi üste ekle */
    border-bottom: none !important;
    background-color: #f5f9fa !important;
    /* Arka plan rengi */
    border-radius: 5px 5px 0 0 !important;
    /* Üst köşeleri yuvarla */
}

.edu-course-area.course-area-1 .edu-course.course-style-1 .content .event-location-info {
    margin-top: 0 !important;
    /* Lokasyon hemen blog-meta'nın altında */
    padding-top: 0 !important;
    /* Üst boşluğu kaldır - tam birleşik görünsün */
    padding-bottom: 8px !important;
    padding-left: 12px !important;
    /* Blog-meta ile aynı padding */
    padding-right: 12px !important;
    /* Blog-meta ile aynı padding */
    border-top: none !important;
    /* Lokasyon üstündeki çizgiyi kaldır */
    border-bottom: none !important;
    display: flex !important;
    /* Flex ile yan yana göster */
    flex-direction: row !important;
    /* Yatay düzen */
    align-items: flex-start !important;
    /* Üstten hizala (çok satırlı lokasyon için) */
    gap: 8px !important;
    /* İkon ve metin arası boşluk */
    background-color: #f5f9fa !important;
    /* Arka plan rengi - blog-meta ile aynı */
    border-radius: 0 0 5px 5px !important;
    /* Alt köşeleri yuvarla */
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Blog-meta ve event-location-info arasında boşluk olmasın - tam birleşik görünsün */
.edu-course-area.course-area-1 .edu-course.course-style-1 .content .blog-meta+.event-location-info {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Lokasyon span ve icon için boşlukları kaldır */
.edu-course-area.course-area-1 .edu-course.course-style-1 .content .event-location-info span {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
    /* Satır yüksekliği */
}

.edu-course-area.course-area-1 .edu-course.course-style-1 .content .event-location-info i {
    margin: 0 !important;
    padding: 0 !important;
    margin-top: 2px !important;
    /* İkonu biraz aşağı kaydır (çok satırlı metin için) */
    flex-shrink: 0 !important;
    /* İkon küçülmesin */
}

.edu-course-area.course-area-1 .edu-course.course-style-1 .content .event-location-info i {
    display: inline-block !important;
    /* İkon görünür */
    flex-shrink: 0 !important;
    /* İkon küçülmesin */
}

.edu-course-area.course-area-1 .edu-course.course-style-1 .content .event-location-info span {
    display: inline-block !important;
    /* Metin görünür */
    flex: 1 !important;
    /* Kalan alanı kapla */
}

/* ========================================
   ETKİNLİK TARİH + SAAT + LOKASYON TEK KUTU
   ======================================== */
/* Etkinlik kartı: dikey düzen + meta en alta */
.edu-course-area.course-area-1 .edu-course.course-style-1,
.edu-course-area.course-area-1 .single-blog,
.edu-course-area.course-area-1 .blog-single,
.edu-course-area.course-area-1 .blog-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* 1) Kartların genel boyutu ve ferahlık */
.edu-course-area.course-area-1 .edu-course.course-style-1 {
    min-height: 320px !important;
    /* kartlar biraz büyüsün */
    border-radius: 14px !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .06) !important;
}

/* Hover'da daha şık etki (kurumsal ama modern) */
.edu-course-area.course-area-1 .edu-course.course-style-1:hover {
    transform: translateY(-4px) !important;
    transition: transform .18s ease, box-shadow .18s ease !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .09) !important;
}

/* İçerik alanı büyüsün */
.edu-course-area.course-area-1 .edu-course.course-style-1 .inner,
.edu-course-area.course-area-1 .edu-course.course-style-1 .content,
.edu-course-area.course-area-1 .single-blog .content,
.edu-course-area.course-area-1 .blog-single .content,
.edu-course-area.course-area-1 .blog-card .content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
}

/* İç padding arttır */
.edu-course-area.course-area-1 .edu-course.course-style-1 .content {
    padding: 22px 20px 0px !important;
    /* daha ferah, altta beyaz pay */
}

/* Kart grid kolonları farklı yükseklik veriyorsa bunu da sabitle */
.edu-course-area.course-area-1 .row>[class*="col-"] {
    display: flex !important;
}

.edu-course-area.course-area-1 .row>[class*="col-"]>* {
    width: 100% !important;
}

/* META KUTUSU GENİŞ VE TEK BLOK */
.edu-course-area.course-area-1 .edu-course.course-style-1 .content .blog-meta.event-meta {
    width: 100% !important;
    max-width: 100% !important;
    background: #f5f9fa !important;
    border: 1px solid rgba(11, 74, 116, .14) !important;
    border-radius: 12px !important;
    padding: 14px 16px !important;
    /* Meta kutusu çok iri görünmesin diye paddingi dengeli tut */
    margin-top: auto !important;
    /* en alta iter */
    transform: translateY(-10px) !important;
    /* çok az yukarı al */
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    height: auto !important;
    align-self: flex-start !important;
}

/* Tarih + saat satırı: yan yana */
.edu-course-area.course-area-1 .edu-course.course-style-1 .content .blog-meta.event-meta .meta-datetime {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    /* kutu genişliğini doldursun */
    gap: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Tarih/saat iç öğeleri */
.edu-course-area.course-area-1 .edu-course.course-style-1 .content .blog-meta.event-meta .meta-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
}

/* Lokasyon satırı: aynı kutu içinde alt satır */
.edu-course-area.course-area-1 .edu-course.course-style-1 .content .blog-meta.event-meta .meta-location {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    line-height: 1.3 !important;
}

/* İkonlar hizalı */
.edu-course-area.course-area-1 .edu-course.course-style-1 .content .blog-meta.event-meta i,
.edu-course-area.course-area-1 .edu-course.course-style-1 .content .blog-meta.event-meta svg {
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    margin-top: 2px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

/* Varsayılan li margin/padding temizliği */
.edu-course-area.course-area-1 .edu-course.course-style-1 .content .blog-meta.event-meta li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Blog-meta li'ler arasındaki çizgiyi kaldır (ara çizgi) */
.edu-course-area.course-area-1 .edu-course.course-style-1 .content .blog-meta.event-meta li::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* Kartın altında ekstra boşluk oluşmasın */
.edu-course-area.course-area-1 .edu-course.course-style-1 .content {
    min-height: 0 !important;
    /* Flexbox için gerekli */
}

/* 3) Başlık: max 3 satır + ...  */
.edu-course-area.course-area-1 .edu-course.course-style-1 .content h4,
.edu-course-area.course-area-1 .edu-course.course-style-1 .content h6,
.edu-course-area.course-area-1 .edu-course.course-style-1 .content .title,
.edu-course-area.course-area-1 .edu-course.course-style-1 .content .course-title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    /* 3 satır */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.25 !important;
    min-height: calc(1.25em * 3) !important;
    /* kısa olsa bile alan sabit -> dengeli görünür */
    margin-bottom: 12px !important;
}

/* Başlık linki varsa aynı davranış */
.edu-course-area.course-area-1 .edu-course.course-style-1 .content h4 a,
.edu-course-area.course-area-1 .edu-course.course-style-1 .content h6 a,
.edu-course-area.course-area-1 .edu-course.course-style-1 .content .title a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
}

.edu-course-area.course-area-1 .edu-course.course-style-1 .content .blog-meta.event-meta+* {
    margin-top: 0 !important;
}

/* =====================================================
   TÜM DUYURULAR (CSS ONLY) - SADECE .duyuru-list
   ===================================================== */
.duyuru-list {
    max-width: 980px;
    margin: 40px auto 0 auto;
    padding: 8px 12px;
}

.duyuru-list .event-item-new {
    position: relative;
    display: flex !important;
    align-items: flex-start !important;
    gap: 18px !important;
    padding: 8px 10px !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, .08) !important;
    transition: background .15s ease, transform .15s ease;
}

.duyuru-list .event-item-new:hover {
    background: rgba(245, 249, 250, .85);
    transform: translateY(-1px);
}

.duyuru-list .event-item-new::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 2px;
    background: rgb(0, 115, 150);
    transition: width .20s ease;
}

.duyuru-list .event-item-new:hover::after {
    width: 100%;
}

.duyuru-list .event-item-new .event-date,
.duyuru-list .event-item-new .date,
.duyuru-list .event-item-new .event-date-new {
    background: rgb(0, 115, 150) !important;
    color: #fff !important;
    width: 84px !important;
    min-width: 84px !important;
    border-radius: 12px !important;
    padding: 10px 8px !important;
    text-align: center !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .10) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.duyuru-list .event-item-new .event-date .d,
.duyuru-list .event-item-new .event-date .day,
.duyuru-list .event-item-new .date .d,
.duyuru-list .event-item-new .date .day,
.duyuru-list .event-item-new .event-date-new .d,
.duyuru-list .event-item-new .event-date-new .day {
    display: block !important;
    font-size: 34px !important;
    font-weight: 600 !important;
    font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif !important;
    line-height: 1 !important;
    letter-spacing: .5px !important;
}

.duyuru-list .event-item-new .event-date .m,
.duyuru-list .event-item-new .event-date .month,
.duyuru-list .event-item-new .date .m,
.duyuru-list .event-item-new .date .month,
.duyuru-list .event-item-new .event-date-new .m,
.duyuru-list .event-item-new .event-date-new .month {
    display: block !important;
    margin-top: 6px !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif !important;
    opacity: .95 !important;
}

.duyuru-list .event-item-new:hover .event-date,
.duyuru-list .event-item-new:hover .date,
.duyuru-list .event-item-new:hover .event-date-new {
    background: rgb(85, 145, 165) !important;
}

.duyuru-list .event-des {
    flex: 1 !important;
    min-width: 0;
}

.duyuru-list .event-des .title {
    margin: 0 !important;
    margin-top: 20px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

.duyuru-list .event-des .title a {
    color: #0f172a !important;
    text-decoration: none !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
}

.duyuru-list .event-des .title a:hover {
    color: rgb(107, 164, 184) !important;
    text-decoration: none !important;
}

/* =====================================================
   TÜM ETKİNLİKLER (CSS ONLY) - ANASAYFA HARİÇ
   Not: anasayfayı bozmamak için body.aybu-home hariç tut
   ===================================================== */

/* Tüm Etkinlikler sayfasında kullanılan liste item class'ı event-item-new ise: */
body:not(.aybu-home) .edu-course-area .event-item-new {
    position: relative;
    display: flex !important;
    align-items: flex-start !important;
    gap: 18px !important;
    padding: 16px 10px !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, .08) !important;
    transition: background .15s ease, transform .15s ease;
}

body:not(.aybu-home) .edu-course-area .event-item-new:hover {
    background: rgba(245, 249, 250, .85);
    transform: translateY(-1px);
}

body:not(.aybu-home) .edu-course-area .event-item-new::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 2px;
    background: rgb(0, 115, 150);
    transition: width .20s ease;
}

body:not(.aybu-home) .edu-course-area .event-item-new:hover::after {
    width: 100%;
}

body:not(.aybu-home) .edu-course-area .event-item-new .event-date,
body:not(.aybu-home) .edu-course-area .event-item-new .date,
body:not(.aybu-home) .edu-course-area .event-item-new .event-date-new {
    background: rgb(0, 115, 150) !important;
    color: #fff !important;
    width: 84px !important;
    min-width: 84px !important;
    border-radius: 12px !important;
    padding: 10px 8px !important;
    text-align: center !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .10) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

body:not(.aybu-home) .edu-course-area .event-item-new .event-date .d,
body:not(.aybu-home) .edu-course-area .event-item-new .event-date .day,
body:not(.aybu-home) .edu-course-area .event-item-new .date .d,
body:not(.aybu-home) .edu-course-area .event-item-new .date .day,
body:not(.aybu-home) .edu-course-area .event-item-new .event-date-new .d,
body:not(.aybu-home) .edu-course-area .event-item-new .event-date-new .day {
    display: block !important;
    font-size: 34px !important;
    font-weight: 600 !important;
    font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif !important;
    line-height: 1 !important;
    letter-spacing: .5px !important;
}

body:not(.aybu-home) .edu-course-area .event-item-new .event-date .m,
body:not(.aybu-home) .edu-course-area .event-item-new .event-date .month,
body:not(.aybu-home) .edu-course-area .event-item-new .date .m,
body:not(.aybu-home) .edu-course-area .event-item-new .date .month,
body:not(.aybu-home) .edu-course-area .event-item-new .event-date-new .m,
body:not(.aybu-home) .edu-course-area .event-item-new .event-date-new .month {
    display: block !important;
    margin-top: 6px !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif !important;
    opacity: .95 !important;
}

body:not(.aybu-home) .edu-course-area .event-item-new:hover .event-date,
body:not(.aybu-home) .edu-course-area .event-item-new:hover .date,
body:not(.aybu-home) .edu-course-area .event-item-new:hover .event-date-new {
    background: rgb(85, 145, 165) !important;
}

body:not(.aybu-home) .edu-course-area .event-des {
    flex: 1 !important;
    min-width: 0;
}

body:not(.aybu-home) .edu-course-area .event-des .title {
    margin: 0 !important;
    margin-top: 20px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

body:not(.aybu-home) .edu-course-area .event-des .title a {
    color: #0f172a !important;
    text-decoration: none !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
}

body:not(.aybu-home) .edu-course-area .event-des .title a:hover {
    color: rgb(107, 164, 184) !important;
    text-decoration: none !important;
}

/* Mobil */
@media (max-width: 768px) {

    .duyuru-list .event-item-new,
    body:not(.aybu-home) .edu-course-area .event-item-new {
        flex-direction: column !important;
        gap: 10px !important;
    }

    .duyuru-list .event-item-new .event-date,
    .duyuru-list .event-item-new .date,
    .duyuru-list .event-item-new .event-date-new,
    body:not(.aybu-home) .edu-course-area .event-item-new .event-date,
    body:not(.aybu-home) .edu-course-area .event-item-new .date,
    body:not(.aybu-home) .edu-course-area .event-item-new .event-date-new {
        width: 110px !important;
        min-width: 110px !important;
    }
}

/* =====================================================
   TÜM HABERLER - /haberler (CSS ONLY)
   DOM: .blog-page-area.sec-spacer > .container > .row.mb-50.blog-inner
   Renk: 107,164,184 | Hover: 0,115,150
   ===================================================== */

/* Sadece haberler liste alanı */
.blog-page-area.sec-spacer {
    max-width: 1180px;
    margin: 80px auto 0 auto;
    padding: 0 12px;
}

/* Alt sayfalarda (ana sayfa değilse) blog-page-area.sec-spacer'ın margin-top'unu sıfırla */

/* Alt sayfalarda ilk blog-page-area.sec-spacer hariç diğerlerinin margin-top'unu sıfırla */

/* Alt sayfalarda blog-page-area'lar arası boşluğu kaldır */
/* .blog-page-area.sec-spacer+.blog-page-area.sec-spacer {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
} */

/* Alt sayfalarda single-blog-details'den sonra gelen blog-page-area'nın margin-top'unu sıfırla */
/* .single-blog-details.sec-spacer+.blog-page-area.sec-spacer {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
} */

/* Alt sayfalarda blog-page-area'dan sonra gelen single-blog-details'in margin-top'unu sıfırla */
/* .blog-page-area.sec-spacer+.single-blog-details.sec-spacer {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
} */

/* Alt sayfalarda sec-spacer içindeki container'ların margin/padding'ini kontrol et */

/* Alt sayfalarda sec-spacer içindeki row'ların margin/padding'ini kontrol et */
body:not(.aybu-home):not(.home) .sec-spacer .row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* Alt sayfalarda edu-breadcrumb-area'dan sonra gelen ilk edu-course-area.gap-tb-text'in padding-top'unu sıfırla */
body:not(.aybu-home):not(.home) .edu-breadcrumb-area+.edu-course-area.gap-tb-text {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Alt sayfalarda features-area-2'den sonra gelen edu-course-area.gap-tb-text'in padding-top'unu sıfırla */
body:not(.aybu-home):not(.home) .features-area-2+.edu-course-area.gap-tb-text {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Alt sayfalarda features-area-2'nin margin-bottom'unu sıfırla */
body:not(.aybu-home):not(.home) .features-area-2 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Alt sayfalarda edu-course-area bölümleri arasındaki boşluğu kaldır */
body:not(.aybu-home):not(.home) .edu-course-area.gap-tb-text+.edu-course-area.gap-tb-text {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Alt sayfalarda course-area-haberler'den sonra gelen course-area-duyurular'ın padding-top'unu sıfırla */
body:not(.aybu-home):not(.home) .edu-course-area.course-area-haberler.gap-tb-text+.edu-course-area.course-area-duyurular.gap-tb-text {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Alt sayfalarda course-area-duyurular'dan sonra gelen course-area-etkinlikler'in padding-top'unu sıfırla */
body:not(.aybu-home):not(.home) .edu-course-area.course-area-duyurular.gap-tb-text+.edu-course-area.course-area-etkinlikler.gap-tb-text {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Alt sayfalarda course-area-haberler'den sonra gelen course-area-etkinlikler'in padding-top'unu sıfırla */
body:not(.aybu-home):not(.home) .edu-course-area.course-area-haberler.gap-tb-text+.edu-course-area.course-area-etkinlikler.gap-tb-text {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Alt sayfalarda tüm edu-course-area.gap-tb-text bölümlerinin padding-top'unu sıfırla (ilk hariç) */
body:not(.aybu-home):not(.home) .edu-course-area.gap-tb-text~.edu-course-area.gap-tb-text {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Her haber satırı (row) kart gibi */
.blog-page-area.sec-spacer .row.blog-inner {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .08) !important;
    padding: 16px 8px !important;
    margin: 0 0 14px 0 !important;
    border-radius: 14px;
    transition: background .15s ease, transform .15s ease;
}

/* Hover satır arkaplan */
.blog-page-area.sec-spacer .row.blog-inner:hover {
    background: rgba(245, 249, 250, .85) !important;
    transform: translateY(-1px);
}

/* Hover alt çizgi */
.blog-page-area.sec-spacer .row.blog-inner::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: rgb(0, 115, 150);
    transition: width .20s ease;
}

.blog-page-area.sec-spacer .row.blog-inner:hover::after {
    width: 100%;
}

/* Sol kolon (görsel) sabit genişlik hissi, sağ kolon geniş */
.blog-page-area.sec-spacer .row.blog-inner>[class*="col-"]:first-child {
    flex: 0 0 300px;
    max-width: 300px;
}

.blog-page-area.sec-spacer .row.blog-inner>[class*="col-"]:last-child {
    flex: 1 1 auto;
    max-width: 100%;
}

/* Görsel kutusu */
.blog-page-area.sec-spacer .row.blog-inner .blog-images {
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* Dikdörtgen görsel */
.blog-page-area.sec-spacer .row.blog-inner .blog-images img {
    width: 350px !important;
    height: 200px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    display: block !important;
}

/* İçerik padding ve genişlik */
.blog-page-area.sec-spacer .row.blog-inner .blog-content {
    padding-left: 18px !important;
    min-width: 0;
}

/* Başlık 3 satır ... */
.blog-page-area.sec-spacer .row.blog-inner .blog-content h4,
.blog-page-area.sec-spacer .row.blog-inner .blog-content h4 a {
    margin: 0 0 8px 0 !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    color: #0f172a !important;
    text-decoration: none !important;
    background: none !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
}

/* Metin */
.blog-page-area.sec-spacer .row.blog-inner .blog-content p {
    color: #334155 !important;
    line-height: 1.55 !important;
}

/* Tarih/metalar */
.blog-page-area.sec-spacer .row.blog-inner .blog-content .blog-meta,
.blog-page-area.sec-spacer .row.blog-inner .blog-content .blog-meta li {
    color: #475569 !important;
}

/* Devamı linki buton gibi (blog-content içindeki linkler) */
.blog-page-area.sec-spacer .row.blog-inner .blog-content a {
    color: rgb(107, 164, 184);
    text-decoration: none !important;
    font-weight: 700;
}

.blog-page-area.sec-spacer .row.blog-inner .blog-content a:hover {
    color: rgb(0, 115, 150) !important;
}

/* Eğer "Devamı" ayrı bir link ise daha butonlaştır */
.blog-page-area.sec-spacer .row.blog-inner .blog-content a.btn,
.blog-page-area.sec-spacer .row.blog-inner .blog-content a.read-more,
.blog-page-area.sec-spacer .row.blog-inner .blog-content a[href*="/haber/"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 10px !important;
    padding: 8px 14px !important;
    border-radius: 999px !important;
    background: none !important;
    color: #000000 !important;
    font-weight: 700 !important;
    transition: background .15s ease, transform .15s ease;
}

.blog-page-area.sec-spacer .row.blog-inner:hover .blog-content a[href*="/haber/"] {
    background: none !important;
    transform: translateY(-1px);
}

/* Mobil: kolonlar alt alta, görsel tam geniş */
@media (max-width: 992px) {

    .blog-page-area.sec-spacer .row.blog-inner>[class*="col-"]:first-child,
    .blog-page-area.sec-spacer .row.blog-inner>[class*="col-"]:last-child {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .blog-page-area.sec-spacer .row.blog-inner .blog-content {
        padding-left: 0 !important;
        padding-top: 12px !important;
    }

    .blog-page-area.sec-spacer .row.blog-inner .blog-images img {
        height: 220px !important;
    }
}

/* ================================
   HABERLER: Başlık + Devamı arka plan reset (tam)
   ================================ */

/* Başlıkta arka plan nereden gelirse gelsin kaldır */
.blog-page-area .blog-content h4,
.blog-page-area .blog-content h4 a,
.blog-page-area .blog-content h4 * {
    background: transparent !important;
    box-shadow: none !important;
}

/* Başlık pseudo'ları da kapat */
.blog-page-area .blog-content h4::before,
.blog-page-area .blog-content h4::after,
.blog-page-area .blog-content h4 a::before,
.blog-page-area .blog-content h4 a::after {
    background: transparent !important;
    box-shadow: none !important;
    content: none !important;
}

/* Başlıkta istemeden "etiket/pill" görünümü veren padding/radius varsa sıfırla */
.blog-page-area .blog-content h4,
.blog-page-area .blog-content h4 a {
    padding: 0 !important;
    border-radius: 0 !important;
}

/* "Devamı" linki / butonu arka plan reset */
.blog-page-area .blog-content a.read-more,
.blog-page-area .blog-content a.btn,
.blog-page-area .blog-content a[href*="/haber/"] {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

/* Devamı rengi (senin istediğin) */
.blog-page-area .blog-content a.read-more,
.blog-page-area .blog-content a.btn,
.blog-page-area .blog-content a[href*="/haber/"] {
    color: rgb(0, 115, 150) !important;
}

/* Hover'da da arka plan gelmesin */
.blog-page-area .blog-content a.read-more:hover,
.blog-page-area .blog-content a.btn:hover,
.blog-page-area .blog-content a[href*="/haber/"]:hover {
    background: transparent !important;
}

/* =====================================================
   HABER DETAY: İki yana yaslama
   ===================================================== */
body.haber-detay-sayfasi .single-blog-details .container {
    max-width: 1400px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

@media (max-width: 1200px) {
    body.haber-detay-sayfasi .single-blog-details .container {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

@media (max-width: 768px) {
    body.haber-detay-sayfasi .single-blog-details .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

/* Breadcrumb alanındaki başlığı gizle - Duyuru ve Etkinlik detay sayfaları */
.edu-breadcrumb-area .page-title,
.edu-breadcrumb-area .page-title .title {
    display: none !important;
}

/* "Tüm Duyuruları Göster" ve "Tüm Etkinlikleri Göster" linklerini gizle */
.sayfa-bolum-title .view-more a {
    display: none !important;
}

/* Tarih/saat span'lerini göster (haber detay gibi) */
.sayfa-bolum-title .view-more .duyuru-tarih-saat,
.sayfa-bolum-title .view-more .etkinlik-tarih-saat {
    display: inline-block !important;
}

/* Header ile kolon arasına 70px boşluk */
.edu-breadcrumb-area+.single-blog-details {
    margin-top: 20px !important;
}

/* =====================================================
   DUYURU VE ETKİNLİK DETAY: Haber detay ile aynı tasarım
   ===================================================== */

/* Container genişliği ve padding - Duyuru ve Etkinlik detay */
.single-blog-details .container {
    max-width: 1400px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

@media (max-width: 1200px) {
    .single-blog-details .container {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

@media (max-width: 768px) {
    .single-blog-details .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

/* Ana görsel stilleri */
.single-blog-details .single-image img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    display: block;
    margin-bottom: 30px;
}

/* Başlık stilleri */
.single-blog-details .sayfa-bolum-title h2 {
    font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif !important;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 12px;
}

/* Tarih/saat stilleri */
.single-blog-details .sayfa-bolum-title .view-more .duyuru-tarih-saat,
.single-blog-details .sayfa-bolum-title .view-more .etkinlik-tarih-saat {
    background-color: #f5f9fa !important;
    color: #333 !important;
    font-size: 13px !important;
    padding: 8px 12px !important;
    border-radius: 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 8px;
    margin-bottom: 16px;
    width: fit-content !important;
}

/* Meta alanı arka plan rengi - hem event-details-info hem de sayfa-bolum-title içindeki blog-meta için */
.single-blog-details .blog-meta {
    background-color: #f5f9fa !important;
    padding: 8px 12px !important;
    border-radius: 5px !important;
    margin-top: 8px;
    margin-bottom: 16px;
    font-size: 13px !important;
    display: inline-flex !important;
    width: fit-content !important;
    max-width: 100% !important;
}

.single-blog-details .blog-meta li {
    font-size: 13px !important;
    margin: 0 8px 0 0 !important;
    padding: 0 !important;
    padding-left: 12px !important;
    position: relative;
}

.single-blog-details .blog-meta li:first-child {
    padding-left: 0 !important;
}

.single-blog-details .blog-meta li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background-color: rgba(0, 0, 0, .15);
}

.single-blog-details .blog-meta li:first-child::before {
    display: none;
}

/* Orijinal uzun çizgileri kaldır */
.single-blog-details .blog-meta li::after {
    display: none !important;
    content: none !important;
}

.single-blog-details .blog-meta li {
    border-left: none !important;
    border-right: none !important;
}

.single-blog-details .blog-meta li i {
    font-size: 12px !important;
    color: rgb(0, 115, 150) !important;
}

/* Sağ sidebar stilleri */
.single-blog-details .sidebar-area {
    position: sticky;
    top: 110px;
}

.single-blog-details .sidebar-area .latest-news .title {
    font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif !important;
    font-weight: 800;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}

/* Sidebar liste item stilleri */
.single-blog-details .sidebar-area .latest-news .post-item {
    padding: 14px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.single-blog-details .sidebar-area .latest-news .post-item:last-child {
    border-bottom: none;
}

/* Sidebar görselleri */
.single-blog-details .sidebar-area .latest-news .post-item .post-img {
    margin-bottom: 10px;
}

.single-blog-details .sidebar-area .latest-news .post-item .post-img img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
}

/* Sidebar başlık linkleri */
.single-blog-details .sidebar-area .latest-news .post-item .post-desc h4 {
    font-weight: 600;
    font-size: 18px;
}

.single-blog-details .sidebar-area .latest-news .post-item .post-desc h4 a {
    text-decoration: none;
    color: #111;
    font-weight: 600;
    font-size: 18px;
}

.single-blog-details .sidebar-area .latest-news .post-item .post-desc h4 a:hover {
    color: rgb(0, 115, 150);
}

/* Mobilde sidebar alta insin */
@media (max-width: 992px) {
    .single-blog-details .sidebar-area {
        position: static;
        top: auto;
        margin-top: 26px;
    }
}

/* İki sütun arasına ince çizgi - Duyuru ve Etkinlik detay sayfaları - Çizgi sidebar'a yakın */
.single-blog-details .row .col-lg-8 {
    border-right: none;
    padding-right: 40px;
}

.single-blog-details .row .col-lg-4 {
    border-left: none;
    padding-left: 40px;
}

/* Duyuru ve Etkinlik detay sayfalarında sidebar latest-news bölümünün soluna çizgi */
.single-blog-details .sidebar-area .latest-news {
    border-left: 1px solid rgba(0, 0, 0, .08) !important;
    padding-left: 20px !important;
}

@media (max-width: 992px) {
    .single-blog-details .row .col-lg-8 {
        border-right: none;
        padding-right: 15px;
        border-bottom: 1px solid rgba(0, 0, 0, .08);
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .single-blog-details .row .col-lg-4 {
        padding-left: 15px;
    }

    .single-blog-details .sidebar-area .latest-news {
        border-left: none !important;
        padding-left: 15px !important;
    }
}

/* =========================================
   HABER DETAY: tarih + saat görünümü
   Duyuru/Etkinlik ile aynı badge stili
   (CSS ONLY)
========================================= */

.single-blog-details .sayfa-bolum-title .view-more .haber-tarih-saat,
.single-blog-details .sayfa-bolum-title .view-more .duyuru-tarih-saat,
.single-blog-details .sayfa-bolum-title .view-more .etkinlik-tarih-saat {
    background-color: #f5f9fa !important;
    color: #333 !important;
    font-size: 13px !important;
    padding: 8px 12px !important;
    border-radius: 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 8px !important;
    margin-bottom: 16px !important;
    width: fit-content !important;
}

/* ikon rengi ve boşluk */
.single-blog-details .sayfa-bolum-title .view-more .haber-tarih-saat i,
.single-blog-details .sayfa-bolum-title .view-more .duyuru-tarih-saat i,
.single-blog-details .sayfa-bolum-title .view-more .etkinlik-tarih-saat i {
    font-size: 12px !important;
    margin-right: 8px !important;
    flex-shrink: 0 !important;
    color: rgb(0, 115, 150) !important;
}

/* bazı temalarda tarihin yanında "çizgi" pseudo elementi geliyor, kapat */
.single-blog-details .sayfa-bolum-title .view-more .duyuru-tarih-saat i::after,
.single-blog-details .sayfa-bolum-title .view-more .etkinlik-tarih-saat i::after {
    display: none !important;
}

/* Haber detay sayfasında sütunlar arasına tek çizgi - Son Haberler bölümünün soluna */
body.haber-detay-sayfasi .single-blog-details .row .col-lg-8 {
    border-right: none !important;
    padding-right: 40px !important;
}

body.haber-detay-sayfasi .single-blog-details .row .col-lg-4 {
    border-left: none !important;
    padding-left: 40px !important;
}

@media (max-width: 992px) {
    body.haber-detay-sayfasi .single-blog-details .row .col-lg-8 {
        border-right: none !important;
        padding-right: 15px !important;
        border-bottom: 1px solid rgba(0, 0, 0, .08) !important;
        padding-bottom: 30px !important;
        margin-bottom: 30px !important;
    }

    body.haber-detay-sayfasi .single-blog-details .row .col-lg-4 {
        padding-left: 15px !important;
    }
}

/* ========================================
   BREADCRUMB BAŞLIĞI GÖRÜNÜRLÜK OVERRIDE
   ======================================== */
/* Breadcrumb başlığını gizleyen kuralları override et */
.edu-breadcrumb-area .page-title,
.edu-breadcrumb-area .page-title .title,
.edu-breadcrumb-area .page-title h1.title {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Breadcrumb başlığını içerik ile aynı hizada sola hizala */
.edu-breadcrumb-area .breadcrumb-inner {
    text-align: left !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.edu-breadcrumb-area .container {
    padding-left: 15px !important;
}

.edu-breadcrumb-area .page-title {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.edu-breadcrumb-area .page-title .title,
.edu-breadcrumb-area .page-title h1.title {
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
}

/* ========================================
   BREADCRUMB'A GÖRE MENÜ RENKLERİ
   ======================================== */

/* 1️⃣ Anasayfa → beyaz menü (breadcrumb YOKKEN) */
/* Breadcrumb yoksa (anasayfa) menü beyaz */
body:not(:has(.edu-breadcrumb-area)) .edu-header .header-mainmenu .mainmenu>li>a {
    color: #ffffff !important;
}

/* 2️⃣ İç sayfalar → lacivert menü (breadcrumb VARSA) */
/* Breadcrumb varsa (haber, duyuru, etkinlik, listeler) menü lacivert */
body:has(.edu-breadcrumb-area) .edu-header .header-mainmenu .mainmenu>li>a {
    color: #0b2a66 !important;
}

/* ========================================
   MENÜLERİ SAĞA HİZALA VE DİKEY ORTALA
   ======================================== */

/* Header navbar'ı space-between yap (logo solda, menü sağda) */
.edu-header .header-mainmenu .header-navbar {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* Header mainnav'ı sağa hizala ve flex yap (sadece desktop) */
@media (min-width: 993px) {
    .edu-header .header-mainmenu .header-navbar .header-mainnav {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        flex: 1 !important;
        margin-left: auto !important;
    }

    /* Menü nav container'ı sağa hizala */
    .edu-header .header-mainmenu .mainmenu-nav {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        width: 100% !important;
    }

    /* Menü listesini sağa hizala ve dikey ortalama */
    .edu-header .header-mainmenu .mainmenu-nav .mainmenu {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* Menü linklerini dikey ortalama ve yukarıdan-aşağıdan boşluk ekle */
.edu-header .header-mainmenu .mainmenu-nav .mainmenu>li {
    display: flex !important;
    align-items: center !important;
}

.edu-header .header-mainmenu .mainmenu-nav .mainmenu>li>a {
    display: flex !important;
    align-items: center !important;
    padding: 15px 15px !important;
    /* Yukarıdan ve aşağıdan eşit boşluk */
    height: auto !important;
    line-height: normal !important;
    margin: 0 !important;
}

/* Sticky durumda da aynı hizalama */
.edu-header .header-mainmenu.edu-sticky .header-navbar {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.edu-header .header-mainmenu.edu-sticky .header-navbar .header-mainnav {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    flex: 1 !important;
    margin-left: auto !important;
}

.edu-header .header-mainmenu.edu-sticky .mainmenu-nav {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: 100% !important;
}

.edu-header .header-mainmenu.edu-sticky .mainmenu-nav .mainmenu {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
}

.edu-header .header-mainmenu.edu-sticky .mainmenu-nav .mainmenu>li {
    display: flex !important;
    align-items: center !important;
}

.edu-header .header-mainmenu.edu-sticky .mainmenu-nav .mainmenu>li>a {
    display: flex !important;
    align-items: center !important;
    padding: 15px 15px !important;
    /* Yukarıdan ve aşağıdan eşit boşluk */
    height: auto !important;
    line-height: normal !important;
    margin: 0 !important;
}

/* ==============================
   AYBÜ HEADER RENK KONTROLÜ
   ============================== */

/* Varsayılan: tüm sayfalarda lacivert */
.edu-header .header-brand .university-name,
.edu-header .header-brand .unit-name {
    color: #002D72 !important;
}

/* Ana sayfa - scroll yokken (sticky değilken) beyaz */
body.aybu-home .edu-header .header-mainmenu:not(.edu-sticky) .header-brand .university-name,
body.aybu-home .edu-header .header-mainmenu:not(.edu-sticky) .header-brand .unit-name {
    color: #ffffff !important;
}

/* Ana sayfa - scroll sonrası (sticky) lacivert */
body.aybu-home .edu-header .header-mainmenu.edu-sticky .header-brand .university-name,
body.aybu-home .edu-header .header-mainmenu.edu-sticky .header-brand .unit-name {
    color: #002D72 !important;
}

/* =========================================================
   SADECE ANA SAYFA ÜST BOŞLUK (30px)
   ========================================================= */

/* Varsayılan: tüm sayfalarda boşluk YOK */
body.sticky-header .edu-header .header-mainmenu {
    margin-top: 0 !important;
}

/* SADECE ana sayfada boşluk VAR */
body.aybu-home.sticky-header .edu-header .header-mainmenu {
    margin-top: 40px !important;
}

/* =========================================================
   ANA SAYFA ÜST BOŞLUK – SADECE SCROLL YOKKEN
   ========================================================= */

/* Varsayılan: HER YERDE boşluk yok */
body.sticky-header .edu-header .header-mainmenu {
    margin-top: 0 !important;
}

/* SADECE ana sayfa + sticky DEĞİLKEN boşluk var */
body.aybu-home.sticky-header .edu-header .header-mainmenu:not(.edu-sticky) {
    margin-top: 10px !important;
}

/* Ana sayfa + scroll (sticky) → boşluk YOK */
body.aybu-home.sticky-header .edu-header .header-mainmenu.edu-sticky {
    margin-top: 0 !important;
}

/* =========================================================
   ANA SAYFA HARİÇ – HEADER YÜKSEKLİĞİ ARTIRMA
   ========================================================= */

/* Ana sayfa dışındaki tüm sayfalarda header biraz daha yüksek */
body:not(.aybu-home) .edu-header .header-mainmenu {
    min-height: 90px;
    /* header yüksekliği */
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

/* Logo ve yazı dikeyde rahat dursun */
body:not(.aybu-home) .edu-header .header-brand {
    align-items: center;
}

/* Üniversite adı + birim adı sıkışmasın */
body:not(.aybu-home) .edu-header .university-name-wrapper {
    justify-content: center;
    gap: 2px;
}

/* Menü linkleri de biraz aşağı insin */
body:not(.aybu-home) .edu-header .mainmenu-nav>ul>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
}

/* =========================================================
   AYBÜ HEADER + CONTENT SPACING (tek yerden kontrol)
   ========================================================= */

/* 1) HOME: ilk açılışta üstten boşluk var, sticky olunca sıfır */
body.aybu-home .edu-header .header-mainmenu {
    margin-top: 30px !important;
}

body.aybu-home .edu-header.edu-sticky .header-mainmenu,
body.aybu-home .edu-header .header-mainmenu.edu-sticky {
    margin-top: 0 !important;
}

/* 2) ALT SAYFALAR: header daha yüksek görünsün (logo sıkışmasın) */
body:not(.aybu-home) .edu-header .header-mainmenu {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    min-height: 86px !important;
    /* istersen 92/96 yap */
    display: flex !important;
    align-items: center !important;
}

/* 3) ALT SAYFALAR: header fixed/sticky ise içerik aşağı insin (asıl boşluk burada) */
/* body.sticky-header:not(.aybu-home) {
    padding-top: 60px !important;
} */

/* Home scroll yapınca boşluk eklemesin */
/* body.sticky-header.aybu-home {
    padding-top: 0 !important;
} */

/* =========================================================
   BREADCRUMB (mavi şerit) kapatma: liste + detay sayfaları
   ========================================================= */

body.haber-liste-sayfasi .edu-breadcrumb-area,
body.duyuru-liste-sayfasi .edu-breadcrumb-area,
body.etkinlik-liste-sayfasi .edu-breadcrumb-area,
body.haber-detay-sayfasi .edu-breadcrumb-area,
body.duyuru-detay-sayfasi .edu-breadcrumb-area,
body.etkinlik-detay-sayfasi .edu-breadcrumb-area {
    display: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 0 !important;
}

/* ==========================================================
   LOGO SWITCH (Home hariç tüm sayfalarda logo-dark göster)
   ========================================================== */

/* Varsayılan: alt sayfalar */
body:not(.aybu-home) .header-brand .logo img.logo-light {
    display: none !important;
}

body:not(.aybu-home) .header-brand .logo img.logo-dark {
    display: inline-block !important;
}

/* Ana sayfa: logo-white (logo-light) kalsın */
body.aybu-home .header-brand .logo img.logo-light {
    display: inline-block !important;
}

body.aybu-home .header-brand .logo img.logo-dark {
    display: none !important;
}


/* Başlık font ayarları (Tüm sayfalarda: Home + Alt siteler) */
.edu-header .university-name-wrapper .university-name,
.edu-header .university-name-wrapper .unit-name,
.edu-header .university-name-wrapper .master-site-name {
    font-family: 'Libre Baskerville', 'Baskerville', serif !important;
    font-weight: 400 !important;
    text-transform: none !important;
}

/* Ankara Yıldırım Beyazıt Üniversitesi -> Lacivert */
body:not(.aybu-home) .university-name-wrapper .master-site-name {
    color: #002D72 !important;
}

/* Site Adları (Fakülte, Birim vb.) -> 0, 115, 150 */
body:not(.aybu-home) .university-name-wrapper .university-name,
body:not(.aybu-home) .university-name-wrapper .unit-name {
    color: rgb(0, 115, 150) !important;
}

/* =========================================================
   RESPONSIVE HEADER FIX (mobile-menu-bar / hamberger-button)
   ========================================================= */

/* Desktop: header satırı düzgün hizalansın, taşma olmasın */
.edu-header .header-navbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
}

.edu-header .header-brand {
    flex: 0 0 auto !important;
    min-width: 260px !important;
    /* logo + isim alanı */
}

.edu-header .header-mainnav {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.edu-header .header-right {
    flex: 0 0 auto !important;
}

/* 1200px altı: menü linkleri biraz sıkılaşsın */
@media (max-width: 1200px) {
    .edu-header .mainmenu-nav ul li a {
        font-size: 13px !important;
        padding: 8px 10px !important;
    }

    .edu-header .header-brand {
        min-width: 220px !important;
    }
}

/* 992px altı: desktop menüyü kapat, hamburgeri aç */
@media (max-width: 991px) {

    /* Desktop menü gizle */
    .edu-header .header-mainnav {
        display: none !important;
    }

    /* Hamburger LI görünür olsun */
    .header-right .mobile-menu-bar {
        display: flex !important;
        align-items: center !important;
    }

    /* Logo + yazı taşmasın */
    .edu-header .header-brand .university-name-wrapper {
        max-width: 180px !important;
    }

    .edu-header .header-brand .university-name-wrapper .university-name {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

/* Daha küçük ekran: yazı alanını daha da kıs */
@media (max-width: 575px) {
    .edu-header .header-brand {
        min-width: 180px !important;
    }

    .edu-header .header-brand .university-name-wrapper {
        max-width: 140px !important;
    }
}

/* =========================================================
   Desktop menüyü mobilde gizle (<= 992px)
   Tüm çakışan kuralları override et
   ========================================================= */
@media (max-width: 992px) {

    /* Genel gizleme */
    .header-mainnav,
    .mainmenu-nav,
    .desktop-center-menu,
    .header-mainnav.desktop-center-menu,
    .mainmenu-nav.desktop-center-menu {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    /* Çakışan flex kurallarını override et */
    .edu-header .header-mainmenu .header-navbar .header-mainnav,
    .edu-header .header-mainmenu .header-navbar .header-mainnav.desktop-center-menu,
    .edu-header .header-mainmenu .mainmenu-nav,
    .edu-header .header-mainmenu .mainmenu-nav.desktop-center-menu,
    .edu-header .header-mainmenu .mainmenu-nav .mainmenu {
        display: none !important;
    }

}


/* =========================================================
   MOBİL/ TABLET: Desktop menüyü kapat, sadece hamburger + popup kalsın
   Bootstrap xl breakpoint: 1200px
   ========================================================= */
@media (max-width: 1199.98px) {

    /* Desktop menü alanını tamamen kapat */
    .edu-header .header-mainnav,
    .edu-header .mainmenu-nav {
        display: none !important;
    }

    /* Hamburger butonu görünür kalsın */
    .edu-header .mobile-menu-bar {
        display: flex !important;
        align-items: center;
    }
}


/* =========================================
   SADECE HABER DETAY: içerik header altına girmesin
   ========================================= */


/* Haber detayda breadcrumb varsa o da kaymasın */

/* =========================================
   HEADER: Tüm sayfalarda menüleri tek satırda dikey ortala
   ========================================= */

/* Header'ın ana satırını her yerde aynı hizada tut */
.edu-header .header-mainmenu .header-navbar {
    display: flex !important;
    align-items: center !important;
    /* dikey ortalama */
    justify-content: space-between;
    min-height: 82px !important;
    /* gerekiyorsa 78/80/86 deneyebilirsin */
}

/* Sol logo alanı, orta menü ve sağ alanı da ortala */
.edu-header .header-mainmenu .header-brand,
.edu-header .header-mainmenu .header-mainnav,
.edu-header .header-mainmenu .header-right {
    display: flex !important;
    align-items: center !important;
}

/* Menü linkleri aynı yükseklikte dursun */
.edu-header .mainmenu-nav .mainmenu>li>a {
    display: flex !important;
    align-items: center !important;
    height: 82px !important;
    /* navbar ile aynı */
    line-height: 1 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Sağ taraftaki dil / ikonlar da ortalansın */
.edu-header .header-action {
    display: flex !important;
    align-items: center !important;
    height: 82px !important;
}

/* Şerit kaldırıldıktan sonra içerik üst boşluk (sadece iç sayfalar) */
/* Detay sayfaları hariç */
body:not(.aybu-home):not(.home) .sec-spacer:not(.single-blog-details) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* =========================================
   İÇ SAYFALAR: Header sonrası içerik boşluğu
   (tek yerden kontrol)
   ========================================= */

/* Duyuru/Haber/Etkinlik detay sayfaları: içerik bloğunu biraz aşağı al */
body:not(.aybu-home) .single-blog-details.sec-spacer {
    padding-top: 40px !important;
    /* 30-60 arası deneyebilirsin */
    padding-bottom: 40px !important;
}

/* Başlık + meta çok üste yapışmasın */
body:not(.aybu-home) .single-blog-details .sayfa-bolum-title {
    margin-top: 10px !important;
}

/* Sağ sidebar ile içerik arasında nefes */
body:not(.aybu-home) .single-blog-details .sidebar-area {
    padding-top: 10px !important;
}

/* Detay sayfalarını aşağı indirir */

/* Ana site (/aybu) üzerinde master-name asla görünmesin */
body [href^="/aybu/"] .university-master-name,
body .logo a[href^="/aybu/"] .university-master-name {
    display: none !important;
}

/* =========================================
   ANA SAYFA – SADECE STICKY (scroll sonrası)
   Menü altına turkuaz çizgi
   ========================================= */

/* Çizgi altyapısı: normalde görünmesin */
body.aybu-home .edu-header .header-mainmenu {
    position: relative;
}

body.aybu-home .edu-header .header-mainmenu::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #00B5C8;

    /* normalde kapalı */
    opacity: 0;
    transform: scaleX(0);
    transform-origin: left;
    transition: opacity .2s ease, transform .2s ease;
    pointer-events: none;
    z-index: 999;
}

/* SADECE scroll sonrası (edu-sticky gelince) aç */
body.aybu-home .edu-header .header-mainmenu.edu-sticky::after {
    opacity: 1;
    transform: scaleX(1);
}

/* =========================================
   Haber kartı thumbnail: sabit ölçü + dolu görünüm
   (img varsa object-fit, yoksa background-image cover)
   ========================================= */

.home-eight-course .edu-course.course-style-4 .thumbnail,
.home-eight-course .edu-course.course-style-4 .thumbnail a {
    width: 200px !important;
    height: 200px !important;
    display: block !important;
    overflow: hidden !important;
    background-color: #e9eef3;
    /* görsel yoksa gri alan */
}

/* Görsel anchor'a background-image olarak geliyorsa */
.home-eight-course .edu-course.course-style-4 .thumbnail a {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Eğer bazı sayfalarda img ile gelirse (ikisini de destekliyoruz) */
.home-eight-course .edu-course.course-style-4 .thumbnail a img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* =========================================
   Haberler – kartlar arası boşluk
   ========================================= */

/* Her bir haber kartı */
.home-eight-course .edu-course.course-style-4 {
    margin-bottom: 30px !important;
    /* alt boşluk */
}

/* Yan yana olan kartlar için yatay boşluk */
.home-eight-course .row>[class*="col-"] {
    margin-bottom: 0px !important;
}

/* =========================================
   TÜM HABERLER / HABER LİSTE
   Görsel solda – içerik sağda (sadece liste)
   ========================================= */

.blog-page-area .row.mb-50.blog-inner {
    display: flex !important;
    align-items: flex-start !important;
    gap: 24px !important;
}

/* Sol: görsel alanı */
.blog-page-area .row.mb-50.blog-inner .thumbnail {
    flex: 0 0 260px !important;
    max-width: 260px !important;
}

/* Görsel link + resim tam doldursun */
.blog-page-area .row.mb-50.blog-inner .thumbnail a,
.blog-page-area .row.mb-50.blog-inner .thumbnail img {
    display: block !important;
    width: 100% !important;
}

/* Resmi sabit ölçüye oturt */
.blog-page-area .row.mb-50.blog-inner .thumbnail img {
    height: 220px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    /* istersen kaldır */
}

/* Sağ: metin alanı */
.blog-page-area .row.mb-50.blog-inner .content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

/* Mobilde tekrar alt alta olsun */
@media (max-width: 991.98px) {
    .blog-page-area .row.mb-50.blog-inner {
        display: block !important;
    }

    .blog-page-area .row.mb-50.blog-inner .thumbnail {
        max-width: 100% !important;
        flex: none !important;
        margin-bottom: 16px !important;
    }

    .blog-page-area .row.mb-50.blog-inner .thumbnail img {
        width: 100% !important;
        height: 240px !important;
    }
}

/* =========================================
   Tüm Haberler - Görsel solda, içerik sağda
   (HTML: .blog-images + .blog-content)
   ========================================= */

.blog-page-area .row.mb-50.blog-inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 24px !important;
}

/* Sol alan: görsel */
.blog-page-area .row.mb-50.blog-inner .blog-images {
    flex: 0 0 260px !important;
    /* sabit genişlik */
    max-width: 260px !important;
}

/* Görsel kutusu ve resim */
.blog-page-area .row.mb-50.blog-inner .blog-images img {
    width: 100% !important;
    height: 200px !important;
    /* sabit yükseklik */
    object-fit: cover !important;
    display: block !important;
    border-radius: 10px;
}

/* Sağ alan: içerik */
.blog-page-area .row.mb-50.blog-inner .blog-content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    /* uzun başlık taşmasın */
}

/* Eğer içerik blokları ortalanıyorsa bunu iptal eder */
.blog-page-area .row.mb-50.blog-inner .blog-content,
.blog-page-area .row.mb-50.blog-inner .blog-content * {
    text-align: left !important;
}

/* Mobilde alt alta */
@media (max-width: 768px) {
    .blog-page-area .row.mb-50.blog-inner {
        flex-direction: column !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
    }

    .blog-page-area .row.mb-50.blog-inner .blog-images {
        flex: none !important;
        max-width: 100% !important;
    }

    .blog-page-area .row.mb-50.blog-inner .blog-images img {
        height: 220px !important;
    }
}

/* Tüm Haberler – ilk kartı biraz aşağı al */
.blog-page-area .row.mb-50.blog-inner:first-of-type {
    margin-top: 30px !important;
}

/* Hızlı erişim: ikon + yazı tek link olsun */
.features-area-2 .features-box .features-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

/* Hover animasyon (ikon hareketli) */
.features-area-2 .features-box .icon,
.features-area-2 .features-box .icon svg,
.features-area-2 .features-box .icon i {
    transition: transform .25s ease, filter .25s ease, opacity .25s ease;
    will-change: transform;
}

.features-area-2 .features-box:hover .icon {
    transform: translateY(-6px) scale(1.06);
}

/* İstersen yazı da çok hafif hareket etsin */
.features-area-2 .features-box .title {
    transition: transform .25s ease, opacity .25s ease;
}

.features-area-2 .features-box:hover .title {
    transform: translateY(-2px);
}

/* Sticky (scroll) olunca hamburger çizgileri lacivert - app-aybu.css'i ez */
.edu-header .header-mainmenu.edu-sticky .hamburger-btn .hamburger-line {
    background-color: #002D72 !important;
}

/* =========================================
   ALT SAYFALAR: (bidb, hukuk vb.)
   Layout bozmadan sadece renk
   ========================================= */

/* Alt sayfalarda hamburger çizgileri her zaman lacivert */
body.aybu-subpage .edu-header .hamburger-btn .hamburger-line {
    background-color: #002D72 !important;
}

/* Alt sayfalarda üst menü linkleri lacivert */
body.aybu-subpage .edu-header .mainmenu-nav>ul>li>a {
    color: #002D72 !important;
}

/* Alt sayfalarda TR/EN vb. sağ üst linkler lacivert */
body.aybu-subpage .edu-header .header-right a,
body.aybu-subpage .edu-header .header-action a {
    color: #002D72 !important;
}

/* Alt sayfalarda hover (isteğe bağlı) */
body.aybu-subpage .edu-header .mainmenu-nav>ul>li>a:hover {
    color: #001F4D !important;
}

/* =========================================
   ALT SAYFALAR (/bidb, /hukuk vb.)
   İlk açılışta DAHİ hamburger lacivert
   ========================================= */

body.aybu-subpage .edu-header .hamburger-btn .hamburger-line {
    background-color: #002D72 !important;
}

/* ALT SİTELER: ilk açılışta da hamburger lacivert */
body.site-bidb .hamburger-btn .hamburger-line,
body.site-hukuk .hamburger-btn .hamburger-line {
    background-color: #002D72 !important;
}



/* =========================================================
   AYBU CONTENT PAGES (Haber/Duyuru/Etkinlik - Liste + Detay)
   NOT: Sadece body.aybu-content olduğunda çalışır (anasayfayı etkilemez)
   ========================================================= */

/* Menü yazıları + üniversite adı lacivert */
body.aybu-content .edu-header .header-mainmenu a,
body.aybu-content .edu-header .header-mainmenu span,
body.aybu-content .edu-header .header-mainmenu .university-name,
body.aybu-content .edu-header .header-mainmenu .university-master-name,
body.aybu-content .edu-header .header-mainmenu .uni-line1,
body.aybu-content .edu-header .header-mainmenu .uni-line2 {
    color: #002D72 !important;
}

/* Menü sağa yaslı + dikey ortalı */
@media (min-width: 992px) {
    body.aybu-content .edu-header .header-mainmenu .header-navbar {
        display: flex !important;
        align-items: center !important;
    }

    body.aybu-content .edu-header .header-mainmenu .header-mainnav {
        flex: 1 1 auto !important;
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
    }

    body.aybu-content .edu-header .header-mainmenu .mainmenu-nav {
        width: 100% !important;
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
    }

    body.aybu-content .edu-header .header-mainmenu .mainmenu {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
    }
}

/* Logo: content sayfalarda darklogo.png kullan (CSS ile) */
body.aybu-content .edu-header .logo img {
    content: url("/assets/images/aybu-images/logo-dark.png") !important;
}

/* === HARD GUARANTEE FOR DETAIL PAGES === */

/* URL bazlı garanti */
body[class*="aybu"] .edu-header:has(~ main a[href*="/duyuru"]),
body[class*="aybu"] .edu-header:has(~ main a[href*="/haber"]),
body[class*="aybu"] .edu-header:has(~ main a[href*="/etkinlik"]),
body.aybu-content .edu-header {

    --aybu-header-color: #002D72;
}

/* Üniversite adı */
.edu-header .university-name,
.edu-header .university-master-name,
.edu-header .university-master-name * {
    color: var(--aybu-header-color, #002D72) !important;
    opacity: 1 !important;
}

/* Menü linkleri */
.edu-header .mainmenu-nav>ul>li>a,
.edu-header .header-right a {
    color: var(--aybu-header-color, #ffffff) !important;
}

/* =========================================================
   ANASAYFA – ÜNİVERSİTE ADI RESPONSIVE
   Desktop: 1 satır (…)
   Mobil:   2 satır (line-clamp)
   ========================================================= */

/* Flex içinde daralabilsin (kritik) */
body.aybu-home .edu-header .header-mainmenu .header-brand,
body.aybu-home .edu-header .header-mainmenu .header-brand a,
body.aybu-home .edu-header .header-mainmenu .header-brand .university-name-wrapper {
    min-width: 0 !important;
}

/* DESKTOP / GENEL: tek satır ve … */
body.aybu-home .edu-header .header-mainmenu .header-brand .university-name-wrapper {
    max-width: 420px !important;
}

body.aybu-home .edu-header .header-mainmenu .header-brand .university-name {
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.2 !important;
}

/* 991px ve altı: 2 satır garanti (clamp) */
@media (max-width: 991px) {
    body.aybu-home .edu-header .header-mainmenu .header-brand .university-name-wrapper {
        max-width: 210px !important;
    }

    body.aybu-home .edu-header .header-mainmenu .header-brand .university-name {
        font-size: 14px !important;

        white-space: normal !important;
        overflow: hidden !important;
        text-overflow: unset !important;

        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        word-break: break-word !important;
    }
}

/* 575px ve altı */
@media (max-width: 575px) {
    body.aybu-home .edu-header .header-mainmenu .header-brand .university-name-wrapper {
        max-width: 170px !important;
    }

    body.aybu-home .edu-header .header-mainmenu .header-brand .university-name {
        font-size: 13px !important;
    }
}

/* 360px ve altı */
@media (max-width: 360px) {
    body.aybu-home .edu-header .header-mainmenu .header-brand .university-name-wrapper {
        max-width: 150px !important;
    }

    body.aybu-home .edu-header .header-mainmenu .header-brand .university-name {
        font-size: 12.5px !important;
    }
}

/* =========================================================
   HOME HEADER – UNIVERSITY NAME: 1 LINE (DESKTOP) / 2 LINE (MOBILE)
   ========================================================= */

.edu-header .header-mainmenu .header-brand,
.edu-header .header-mainmenu .header-brand a {
    min-width: 0 !important;
}

/* Wrapper: desktop'ta geniş, mobilde daralacak */
.edu-header .header-mainmenu .header-brand .university-name-wrapper {
    min-width: 0 !important;
    max-width: 420px !important;
    /* desktop: tek satırda kalsın */
}

/* DESKTOP varsayılan: 1 satır (ellipsis yok, gerekirse kırılmasın) */
.edu-header .header-mainmenu .header-brand .university-name {
    display: block !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
    max-width: 100% !important;
    line-height: 1.15 !important;
}

/* 991px ve altı: 2 satır clamp aç */
@media (max-width: 991px) {
    .edu-header .header-mainmenu .header-brand .university-name-wrapper {
        max-width: 210px !important;
    }

    .edu-header .header-mainmenu .header-brand .university-name {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;

        white-space: normal !important;
        overflow: hidden !important;
        /* clamp için */
        text-overflow: unset !important;

        word-break: break-word !important;
        font-size: 14px !important;
    }
}

@media (max-width: 575px) {
    .edu-header .header-mainmenu .header-brand .university-name-wrapper {
        max-width: 170px !important;
    }

    .edu-header .header-mainmenu .header-brand .university-name {
        font-size: 13px !important;
    }
}

@media (max-width: 360px) {
    .edu-header .header-mainmenu .header-brand .university-name-wrapper {
        max-width: 150px !important;
    }

    .edu-header .header-mainmenu .header-brand .university-name {
        font-size: 12.5px !important;
    }
}

/* =========================================================
   FIX: /bidb, /hukuk ve tüm alt sayfaları
   Üniversite adı + Birim adı (Baskerville)
   Anasayfayı ETKİLEMEZ
   ========================================================= */

body:not(.aybu-home):not(.home) .edu-header .header-brand .university-name-wrapper {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 2px;
}

/* ÜNİVERSİTE ADI (üst satır) */
body:not(.aybu-home):not(.home) .edu-header .header-brand .university-name-wrapper .university-master-name {
    font-family: "Libre Baskerville", "Baskerville", "Times New Roman", serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
    white-space: normal !important;
}

/* BİRİM ADI – Bilgi İşlem vb. (alt satır) */
body:not(.aybu-home):not(.home) .edu-header .header-brand .university-name-wrapper .university-name {
    font-family: "Libre Baskerville", "Baskerville", "Times New Roman", serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    white-space: normal !important;
}

/* Sticky / scroll sırasında küçülmeyi tamamen engelle */
body:not(.aybu-home):not(.home) .edu-header.header-sticky .university-master-name,
body:not(.aybu-home):not(.home) .edu-header.header-sticky .university-name,
body:not(.aybu-home):not(.home) .edu-header .is-sticky .university-master-name,
body:not(.aybu-home):not(.home) .edu-header .is-sticky .university-name {
    font-size: inherit !important;
    font-weight: inherit !important;
}

/* Mobil */
@media (max-width: 991px) {
    body:not(.aybu-home):not(.home) .edu-header .header-brand .university-name-wrapper .university-master-name {
        font-size: 18px !important;
    }

    body:not(.aybu-home):not(.home) .edu-header .header-brand .university-name-wrapper .university-name {
        font-size: 15px !important;
    }
}

/* Alt sayfalar: zoom animasyonu iptal */


/* Etkinlik alanı için ekstra üst margin şişmesin (genel güvenli) */
body:not(.aybu-home) .edu-course-area {
    margin-top: 0 !important;
}

/* =========================================================
   BOŞLUK MANTIĞI (TEMİZ): Landing / Liste / Detay ayır
   ========================================================= */

/* 0) Header fixed ise sadece “header yüksekliği” kadar offset bırak.
   (130px gibi ekstra gap vermiyoruz) */
/* body.aybu-subpage {
    padding-top: 82px !important;
} */

/* 1) LANDING (örn: /hukuk) => Haber/Duyuru/Etkinlik blokları var.
        Ama liste/detay sayfası DEĞİL. */
body.aybu-subpage:has(.home-eight-course) :not(:has(.blog-page-area)) :not(:has(.edu-event-area)) :not(:has(.single-blog-details)) #main-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Landing’de section’lar arası aşırı boşlukları öldür (ama her şeyi 0’lama!) */
body.aybu-subpage:has(.home-eight-course) :not(:has(.blog-page-area)) :not(:has(.edu-event-area)) :not(:has(.single-blog-details)) .sec-spacer,
body.aybu-subpage:has(.home-eight-course) :not(:has(.blog-page-area)) :not(:has(.edu-event-area)) :not(:has(.single-blog-details)) .edu-section-gap,
body.aybu-subpage:has(.home-eight-course) :not(:has(.blog-page-area)) :not(:has(.edu-event-area)) :not(:has(.single-blog-details)) .gap-tb-text {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Landing’de Haberler/Duyurular biraz aşağı insin (istediğin gibi) */
body.aybu-subpage:has(.home-eight-course) :not(:has(.blog-page-area)) :not(:has(.edu-event-area)) :not(:has(.single-blog-details)) .home-eight-course.course-area-haberler,
body.aybu-subpage:has(.home-eight-course) :not(:has(.blog-page-area)) :not(:has(.edu-event-area)) :not(:has(.single-blog-details)) .home-eight-course.course-area-duyurular {
    margin-top: 32px !important;
    padding-top: 32px !important;
}

/* Landing’de Etkinlik bloğu ekstra boşluk almasın */
body.aybu-subpage:has(.home-eight-course) :not(:has(.blog-page-area)) :not(:has(.edu-event-area)) :not(:has(.single-blog-details)) .edu-course-area.course-area-1 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 2) LİSTE SAYFALARI (/haberler, /duyurular, /etkinlikler)
        => burada “üstte boşluk OLSUN” */
body.aybu-subpage:has(.blog-page-area) .blog-page-area,
body.aybu-subpage:has(.edu-event-area) .edu-event-area {
    margin-top: 40px !important;
    padding-top: 0 !important;
}

/* Breadcrumb gizliyse ilk alan yapışmasın */
body.aybu-subpage:has(.blog-page-area) .edu-breadcrumb-area[style*="display: none"]+.blog-page-area,
body.aybu-subpage:has(.edu-event-area) .edu-breadcrumb-area[style*="display: none"]+.edu-event-area {
    margin-top: 40px !important;
}

/* 3) DETAY SAYFALARI (haber/duyuru/etkinlik detayı, /sayfa/xxxx)
        => burada da “üstte boşluk OLSUN” */
body.aybu-subpage:has(.single-blog-details) .single-blog-details {
    margin-top: 40px !important;
    padding-top: 0 !important;
}

/* Detay başlıkları yapışmasın */
body.aybu-subpage:has(.single-blog-details) .single-blog-details .sayfa-bolum-title,
body.aybu-subpage:has(.single-blog-details) .blog-details-content .title {
    margin-top: 30px !important;
}

/* Eğer projede /sayfa/ içerikleri content-page ile geliyorsa */
body.aybu-subpage.content-page #main-wrapper,
body.aybu-subpage.sayfa #main-wrapper {
    padding-top: 40px !important;
}


/* =========================================================
   SPACING CONTROL (HOME vs LIST vs DETAIL) — 2026-01-13
   Amaç:
   - Alt site ANASAYFA (/hukuk/tr gibi): gereksiz büyük boşluklar OLMASIN
   - Liste sayfaları (/haberler, /duyurular, /etkinlikler): kontrollü üst boşluk OLSUN
   - Detay sayfaları (/haber, /duyuru, /etkinlik detayı, /sayfa/{id}): kontrollü üst boşluk OLSUN
   Not: Daha önceki "genel override" (main-wrapper > * gibi) kuralları birbirini ezdiği için kaldırıldı.
   ========================================================= */

/* -------- 1) ALT SİTE ANASAYFA (aybu-subpage ama aybu-content DEĞİL) -------- */
/* body.aybu-subpage:not(.aybu-content) {
    padding-top: 0 !important;
} */

/* body.aybu-subpage:not(.aybu-content) #main-wrapper> :not(header) {
    margin-top: 0 !important;
    padding-top: 0 !important;
} */

/* Slider/hero alanı ekstra boşluk üretmesin */


/* -------- 2) CONTENT SAYFALARINDA STICKY HEADER OFFSET -------- */
/* body.sticky-header.aybu-content:not(.aybu-home) {
    padding-top: 90px !important;
} */

/* Breadcrumb alanı varsa, ekstra boşluk ekleme */
body.aybu-content .edu-breadcrumb-area {
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* -------- 3) LİSTE SAYFALARI (Tüm Haberler / Tüm Duyurular / Tüm Etkinlikler) -------- */
body.aybu-content.haber-liste-sayfasi .blog-page-area.sec-spacer,
body.aybu-content.duyuru-liste-sayfasi .blog-page-area.sec-spacer,
body.aybu-content.etkinlik-liste-sayfasi .blog-page-area.sec-spacer,
body.aybu-content.etkinlik-liste-sayfasi .single-blog-details.sec-spacer {
    padding-top: 140px !important;
    padding-bottom: 40px !important;
    margin-top: 0 !important;
}

body.aybu-content.haber-liste-sayfasi .blog-page-area.sec-spacer>.container,
body.aybu-content.duyuru-liste-sayfasi .blog-page-area.sec-spacer>.container,
body.aybu-content.etkinlik-liste-sayfasi .blog-page-area.sec-spacer>.container,
body.aybu-content.etkinlik-liste-sayfasi .single-blog-details.sec-spacer>.container {
    margin-top: 20px !important;
    padding-top: 0 !important;
}

/* -------- 4) DETAY SAYFALARI (haber/duyuru/etkinlik detayı + sayfa/{id}) -------- */
body.aybu-content.aybu-haber-detay .single-blog-details.sec-spacer,
body.aybu-content.aybu-duyuru-detay .single-blog-details.sec-spacer,
body.aybu-content.aybu-etkinlik-detay .single-blog-details.sec-spacer,
body.aybu-content.sayfa-detay .single-blog-details.sec-spacer,
body.aybu-content.aybu-sayfa-detay .single-blog-details.sec-spacer,
body.aybu-content.content-page .single-blog-details.sec-spacer {
    padding-top: 120px !important;
    padding-bottom: 40px !important;
    margin-top: 0 !important;
}

/* -------- 5) GENEL OVERRIDE'LARI ENGELLE (main-wrapper > * gibi) -------- */
body.aybu-content #main-wrapper> :not(header) {
    margin-top: 0 !important;
}

/* Not: Eğer bazı sayfalarda içerik header altına girerse,
   padding-top değerini 90/120/140 olarak küçük adımlarla artırıp azalt. */
/* =========================================================
   HUKUK – MENÜ İÇERİK SAYFALARI (/sayfa/{id})
   Anasayfa (/hukuk) ETKİLENMEZ
   ========================================================= */

/* Eğer body'de "sayfa" class'ı varsa */
body.aybu-subpage.sayfa #main-wrapper,
body.aybu-subpage.sayfa #main-wrapper>main,
body.aybu-subpage.sayfa .content-wrapper {
    padding-top: 90px !important;
    /* burada 70-110 arası oynayabilirsin */
}

/* Bazı şablonlarda "content-page" kullanılıyor olabilir */
body.aybu-subpage.content-page #main-wrapper,
body.aybu-subpage.content-page #main-wrapper>main,
body.aybu-subpage.content-page .content-wrapper {
    padding-top: 90px !important;
}

/* Bu sayfalarda sec-spacer iç padding'i çok açıyorsa sabitle */
body.aybu-subpage.sayfa .sec-spacer,
body.aybu-subpage.content-page .sec-spacer {
    padding-top: 20px !important;
    padding-bottom: 40px !important;
}

/* =========================================================
   GENEL CONTENT SPACER (Haber/Duyuru Detay ve Liste)
   Header'ın altında kalmasını engellemek için zorunlu boşluk
   ========================================================= */
body.aybu-content:not(.aybu-home) .main-content,
body.aybu-content:not(.aybu-home) .content-wrapper,
body.aybu-content:not(.aybu-home) .blog-page-area,
body.aybu-content:not(.aybu-home) .single-blog-details {
    padding-top: 140px !important;
    margin-top: 0 !important;
}

/* =========================================================
   AYBU – SPACING (TEMİZ / SAYFA TİPİNE GÖRE)
   Amaç:
   - /hukuk (ünite anasayfa + slider) = boşluk YOK
   - Liste sayfaları (haberler/duyurular/etkinlikler) = az boşluk
   - Detay sayfaları (haber/duyuru/etkinlik detayı) = orta boşluk
   - Menü içerik sayfaları (/sayfa/...) = orta boşluk
   ========================================================= */

/* 0) Ünitenin anasayfası gibi landing'lerde body padding-top verme */
body.aybu-subpage {
    padding-top: 0 !important;
}

/* 1) LİSTE SAYFALARI: /haberler /duyurular /etkinlikler  */
body.aybu-content.haber-liste-sayfasi .blog-page-area.sec-spacer,
body.aybu-content.duyuru-liste-sayfasi .blog-page-area.sec-spacer,
body.aybu-content.etkinlik-liste-sayfasi .edu-event-area.sec-spacer {
    margin-top: 0 !important;
    padding-top: 80px !important;
    /* liste için ideal: ne çok aşağı ne çok yukarı */
}

/* 2) DETAY SAYFALARI: haber/duyuru/etkinlik detayı */
body.aybu-content.haber-detay-sayfasi .single-blog-details.sec-spacer,
body.aybu-content.aybu-duyuru-detay .single-blog-details.sec-spacer,
body.aybu-content.aybu-etkinlik-detay .single-blog-details.sec-spacer {
    margin-top: 0 !important;
    padding-top: 30px !important;
    /* detay başlığını header çizgisinden ayırır, aşırı boşluk yapmaz */
}

/* 3) MENÜ İÇERİK SAYFALARI: /sayfa/.... (Genel Bilgiler, Dekan Mesajı vb.) */
body.sayfa .edu-section-gap,
body.content-page .edu-section-gap,
body.sayfa .sec-spacer,
body.content-page .sec-spacer {
    margin-top: 0 !important;
    padding-top: 90px !important;
}

/* 4) Eğer breadcrumb alanı bazı sayfalarda kapalıysa, ilk içerik üstüne minimum güvenli boşluk */
body.aybu-content .edu-breadcrumb-area[style*="display: none"]+* {
    margin-top: 20px !important;
}

/* 5) Detay sayfası başlıklarının “yapışmasını” engelle */
body.aybu-content .single-blog-details .blog-details-content .title,
body.aybu-content .single-blog-details .sayfa-bolum-title {
    margin-top: 20px !important;
    padding-top: 0 !important;
}

/* =========================================================
   AYBU – SPACING (TEMİZ / SAYFA TİPİNE GÖRE)
   Amaç:
   - /hukuk (ünite anasayfa + slider) = boşluk YOK
   - Liste sayfaları (haberler/duyurular/etkinlikler) = az boşluk
   - Detay sayfaları (haber/duyuru/etkinlik detayı) = orta boşluk
   - Menü içerik sayfaları (/sayfa/...) = orta boşluk
   ========================================================= */

/* 0) Ünitenin anasayfası gibi landing'lerde body padding-top verme */
body.aybu-subpage {
    padding-top: 0 !important;
}

/* 1) LİSTE SAYFALARI: /haberler /duyurular /etkinlikler  */
body.aybu-content.haber-liste-sayfasi .blog-page-area.sec-spacer,
body.aybu-content.duyuru-liste-sayfasi .blog-page-area.sec-spacer,
body.aybu-content.etkinlik-liste-sayfasi .edu-event-area.sec-spacer {
    margin-top: 0 !important;
    padding-top: 80px !important;
    /* liste için ideal: ne çok aşağı ne çok yukarı */
}

/* 2) DETAY SAYFALARI: haber/duyuru/etkinlik detayı */
body.aybu-content.haber-detay-sayfasi .single-blog-details.sec-spacer,
body.aybu-content.aybu-duyuru-detay .single-blog-details.sec-spacer,
body.aybu-content.aybu-etkinlik-detay .single-blog-details.sec-spacer {
    margin-top: 0 !important;
    padding-top: 30px !important;
    /* detay başlığını header çizgisinden ayırır, aşırı boşluk yapmaz */
}

/* 3) MENÜ İÇERİK SAYFALARI: /sayfa/.... (Genel Bilgiler, Dekan Mesajı vb.) */
body.sayfa .edu-section-gap,
body.content-page .edu-section-gap,
body.sayfa .sec-spacer,
body.content-page .sec-spacer {
    margin-top: 0 !important;
    padding-top: 90px !important;
}

/* 4) Eğer breadcrumb alanı bazı sayfalarda kapalıysa, ilk içerik üstüne minimum güvenli boşluk */
body.aybu-content .edu-breadcrumb-area[style*="display: none"]+* {
    margin-top: 20px !important;
}

/* 5) Detay sayfası başlıklarının “yapışmasını” engelle */
body.aybu-content .single-blog-details .blog-details-content .title,
body.aybu-content .single-blog-details .sayfa-bolum-title {
    margin-top: 20px !important;
    padding-top: 0 !important;
}

/* =========================================================
   AYBU – ÜST BOŞLUK STANDARDI (TEK NOKTA)
   Grup A: Liste sayfaları (haberler/duyurular/etkinlikler)
   Grup B: Detay sayfaları + Menü içerik sayfaları (/sayfa)
   NOT: Anasayfayı etkilemez.
   ========================================================= */

:root {
    --aybu-list-top: 0px;
    /* Tüm Haberler / Tüm Duyurular / Tüm Etkinlikler */
    --aybu-detail-top: 10px;
    /* Haber/Duyuru/Etkinlik Detay + /sayfa */
}

/* Anasayfaya dokunma */
body.aybu-home,
body.home {
    padding-top: 0 !important;
}

/* Güvenlik: body üzerinden gelen eski padding-top’ları ez */
body.aybu-subpage:not(.aybu-home):not(.home) {
    padding-top: 0 !important;
}

/* =========================
   GRUP A – LİSTE SAYFALARI
   ========================= */
body.aybu-subpage.aybu-content.haber-liste-sayfasi .blog-page-area.sec-spacer,
body.aybu-subpage.aybu-content.haber-liste-sayfasi .single-blog-details.sec-spacer,
body.aybu-subpage.aybu-content.duyuru-liste-sayfasi .blog-page-area.sec-spacer,
body.aybu-subpage.aybu-content.duyuru-liste-sayfasi .single-blog-details.sec-spacer,
body.aybu-subpage.aybu-content.etkinlik-liste-sayfasi .blog-page-area.sec-spacer,
body.aybu-subpage.aybu-content.etkinlik-liste-sayfasi .single-blog-details.sec-spacer {
    padding-top: var(--aybu-list-top) !important;
    margin-top: 0 !important;
}

/* =========================
   GRUP B – DETAY + /sayfa
   ========================= */
body.aybu-subpage.aybu-content.aybu-haber-detay .single-blog-details.sec-spacer,
body.aybu-subpage.aybu-content.aybu-duyuru-detay .single-blog-details.sec-spacer,
body.aybu-subpage.aybu-content.aybu-etkinlik-detay .single-blog-details.sec-spacer,
body.aybu-subpage.aybu-content.content-page .single-blog-details.sec-spacer,
body.aybu-subpage.aybu-content.content-page .content-page-area,
body.aybu-subpage.aybu-content.content-page .sec-spacer {
    padding-top: var(--aybu-detail-top) !important;
    margin-top: 0 !important;
}

/*
,
/duyuru/ {
    id
}

,
/etkinlik/ {
    id
}

,
/sayfa/ {
    id
}

*/


body.site-aybu {
    --aybu-list-top: 50px;
    --aybu-detail-top: 50px;
}

/* Güvenlik: sadece içerik sayfalarında çalışsın (anasayfa/slider değil) */
body.aybu-content:not(.aybu-home):not(.home).haber-liste-sayfasi .blog-page-area.sec-spacer,
body.aybu-content:not(.aybu-home):not(.home).duyuru-liste-sayfasi .blog-page-area.sec-spacer,
body.aybu-content:not(.aybu-home):not(.home).etkinlik-liste-sayfasi .blog-page-area.sec-spacer {
    margin-top: 0 !important;
    padding-top: var(--aybu-list-top, 80px) !important;
}

body.aybu-content:not(.aybu-home):not(.home).aybu-haber-detay .single-blog-details.sec-spacer,
body.aybu-content:not(.aybu-home):not(.home).aybu-duyuru-detay .single-blog-details.sec-spacer,
body.aybu-content:not(.aybu-home):not(.home).aybu-etkinlik-detay .single-blog-details.sec-spacer,
body.aybu-content:not(.aybu-home):not(.home).sayfa-detay .single-blog-details.sec-spacer,
body.aybu-content:not(.aybu-home):not(.home).sayfa-detay .single-blog-details {
    margin-top: 0 !important;
    padding-top: var(--aybu-detail-top, 80px) !important;
}

/* Bazı şablonlarda .single-blog-details içine ekstra üst boşluk yazılıyor: sıfırla */
body.aybu-content:not(.aybu-home):not(.home) .single-blog-details .container {
    margin-top: 0 !important;
}

/* Not: Eğer bir sayfada içerik hala çok yukarıda kalıyorsa,
   o sayfanın body class'ına (ViewBag.BodyClass) ilgili sınıfı ekleyin:
   - Liste sayfaları: haber-liste-sayfasi / duyuru-liste-sayfasi / etkinlik-liste-sayfasi
   - Detay sayfaları: aybu-haber-detay / aybu-duyuru-detay / aybu-etkinlik-detay / sayfa-detay
*/
/* =========================================================
   TOP SPACING NORMALIZATION
   - Liste sayfaları aynı boşluk
   - Detay + Menü içerik sayfaları aynı boşluk
   - Ana sayfa (aybu-home) etkilenmez
   ========================================================= */

:root {
    --aybu-header-offset: 90px;
    /* sticky header yüksekliği */
    --aybu-top-gap: 40px;
    /* sayfa üst boşluk standardı */
    --aybu-bottom-gap: 40px;
}

/* 1) Sticky header içerik bindirmesin (anasayfa hariç) */
body.sticky-header:not(.aybu-home) {
    padding-top: var(--aybu-header-offset) !important;
}

/* 2) Breadcrumb başlıkları geri gelsin (senin "alt menü başlığı" dediğin kısım) */
.edu-breadcrumb-area .page-title,
.edu-breadcrumb-area .page-title .title {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 3) LİSTE SAYFALARI: Tüm Haberler + Tüm Duyurular + Tüm Etkinlikler + Dış Haberler
      (hepsi aynı üst boşluk) */
body.aybu-haberler .blog-page-area.sec-spacer,
body.aybu-duyurular .blog-page-area.sec-spacer,
body.aybu-etkinlikler .blog-page-area.sec-spacer,
body[class*="dis-haber"] .blog-page-area.sec-spacer,

/* bazı template’lerde liste wrapper'ı single-blog-details geliyor */
body.aybu-haberler .single-blog-details.sec-spacer,
body.aybu-duyurular .single-blog-details.sec-spacer,
body.aybu-etkinlikler .single-blog-details.sec-spacer,
body[class*="dis-haber"] .single-blog-details.sec-spacer {
    padding-top: var(--aybu-top-gap) !important;
    padding-bottom: var(--aybu-bottom-gap) !important;
    margin-top: 0 !important;
}

/* Liste sayfalarında "container margin-top 100px" gibi genel ezmeleri sıfırla */
body.aybu-haberler .sec-spacer .container,
body.aybu-duyurular .sec-spacer .container,
body.aybu-etkinlikler .sec-spacer .container,
body[class*="dis-haber"] .sec-spacer .container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 4) DETAY SAYFALARI + MENÜ İÇERİK SAYFALARI: aynı üst boşluk */
body.haber-detay-sayfasi .single-blog-details.sec-spacer,
body.aybu-duyuru-detay .single-blog-details.sec-spacer,
body.aybu-etkinlik-detay .single-blog-details.sec-spacer,
body.aybu-content .single-blog-details.sec-spacer,
body.aybu-content .single-blog-details {
    padding-top: var(--aybu-top-gap) !important;
    padding-bottom: var(--aybu-bottom-gap) !important;
    margin-top: 0 !important;
}

/* 5) Anasayfa slider/hero boşlukları geri gelmesin */
body.aybu-home {
    padding-top: 0 !important;
}

/* =========================================================
   FIX: AYBU / HUKUK ÜST BOŞLUK + SAYFA BAŞLIĞI NORMALİZASYON
   - Liste sayfaları aynı boşluk
   - Detay sayfaları aynı boşluk
   - Menü içerik (sayfa/*) başlıkları geri gelsin
   ========================================================= */

/* ---------- 1) LİSTE SAYFALARI: aynı üst boşluk ---------- */
/* AYBU */
body.site-aybu.aybu-content.aybu-haberler .blog-page-area.sec-spacer,
body.site-aybu.aybu-content.aybu-duyurular .blog-page-area.sec-spacer,
body.site-aybu.aybu-content.aybu-etkinlikler .blog-page-area.sec-spacer,
body.site-aybu.aybu-content.aybu-dishaber .blog-page-area.sec-spacer {
    margin-top: 0 !important;
    padding-top: 60px !important;
}

/* ---------- 2) DETAY SAYFALARI: aynı üst boşluk ---------- */
body.aybu-content.aybu-duyuru-detay .single-blog-details.sec-spacer,
body.aybu-content.aybu-etkinlik-detay .single-blog-details.sec-spacer,
body.aybu-content.aybu-haber-detay .single-blog-details.sec-spacer,
body.aybu-content.haber-detay-sayfasi .single-blog-details.sec-spacer {
    padding-top: 60px !important;
}

/* ---------- 3) MENÜ İÇERİK (sayfa/*) BAŞLIKLARI GERİ GELSİN ---------- */
/* Detay/liste olmayan AYBU içerik sayfalarında breadcrumb başlığı göster */
body.site-aybu.aybu-content :not(.aybu-haberler):not(.aybu-duyurular):not(.aybu-etkinlikler):not(.aybu-dishaber) :not(.aybu-duyuru-detay):not(.aybu-etkinlik-detay):not(.aybu-haber-detay):not(.haber-detay-sayfasi) .edu-breadcrumb-area .page-title {
    display: block !important;
}

/* Menü içerik sayfalarında breadcrumb alanı çok yapışmasın (başlık + üst boşluk dengesi) */
body.site-aybu.aybu-content :not(.aybu-haberler):not(.aybu-duyurular):not(.aybu-etkinlikler):not(.aybu-dishaber) :not(.aybu-duyuru-detay):not(.aybu-etkinlik-detay):not(.aybu-haber-detay):not(.haber-detay-sayfasi) .edu-breadcrumb-area .breadcrumb-inner {
    padding: 20px 0 !important;
}

/* =====================================================================
   AYBU HEADER OFFSET + SAYFA ÜST BOŞLUK NORMALİZASYONU (Temiz Override)
   - Anasayfa (aybu-home) etkilenmez
   - Tüm alt siteler: /hukuk, /bidb, /sks, ... ve AYBU içerik sayfaları
   - Liste sayfaları (tüm haberler/duyurular/etkinlikler/dış haberler)
     ve detay sayfaları aynı üst boşluğu alır
   ===================================================================== */

:root {
    --aybu-sticky-offset: 120px;
    /* sticky header yüksekliği kadar */
    --aybu-page-top-gap: 40px;
    /* header altı nefes boşluğu */
}

/* 1) Sticky header offset
   Not: Anasayfa slider/hero kullandığı için padding-top KAPALI */
body.sticky-header.aybu-home {
    padding-top: 0 !important;
}

/* Alt sayfalar ve tüm alt siteler */
body.sticky-header:not(.aybu-home) {
    padding-top: var(--aybu-sticky-offset) !important;
}

/* 2) Breadcrumb başlığı görünür olsun (menü başlığı kaybolmasın) */
body.aybu-content .edu-breadcrumb-area,
body.aybu-subpage .edu-breadcrumb-area {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
}

body.aybu-content .edu-breadcrumb-area .page-title,
body.aybu-subpage .edu-breadcrumb-area .page-title,
body.aybu-content .edu-breadcrumb-area .breadcrumb-inner,
body.aybu-subpage .edu-breadcrumb-area .breadcrumb-inner {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 3) Sayfa üst boşluklarını eşitle
   - Breadcrumb varsa: boşluğu breadcrumb üzerinden ver
   - Breadcrumb yoksa: ilk içerik bloğu üzerinden ver */

/* Breadcrumb kullanılan sayfalar */
body:not(.aybu-home) .edu-breadcrumb-area {
    padding-top: var(--aybu-page-top-gap) !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
}

/* Breadcrumb'dan sonra gelen içerik blokları ekstra yukarı/boşluk oynamasın */
body:not(.aybu-home) .edu-breadcrumb-area+.blog-page-area.sec-spacer,
body:not(.aybu-home) .edu-breadcrumb-area+.blog-details-area.sec-spacer,
body:not(.aybu-home) .edu-breadcrumb-area+.single-blog-details.sec-spacer,
body:not(.aybu-home) .edu-breadcrumb-area+.event-area.sec-spacer,
body:not(.aybu-home) .edu-breadcrumb-area+.edu-event-area.sec-spacer,
body:not(.aybu-home) .edu-breadcrumb-area+.page-area.sec-spacer {
    padding-top: var(--aybu-page-top-gap) !important;
}

/* Breadcrumb olmayan sayfalar (özellikle liste sayfaları) */
body:not(.aybu-home) .blog-page-area.sec-spacer,
body:not(.aybu-home) .blog-details-area.sec-spacer,
body:not(.aybu-home) .single-blog-details.sec-spacer,
body:not(.aybu-home) .event-area.sec-spacer,
body:not(.aybu-home) .edu-event-area.sec-spacer,
body:not(.aybu-home) .page-area.sec-spacer,
body:not(.aybu-home) .single-blog-details.sec-spacer,
body:not(.aybu-home) .single-blog-details,
body:not(.aybu-home) .blog-page-area,
body:not(.aybu-home) .blog-details-area {
    margin-top: 0 !important;
}

/* Dış haberler sayfası (aybu-dishaber) üst boşluk */
body.aybu-dishaber:not(.aybu-home) .blog-page-area.sec-spacer {
    padding-top: var(--aybu-page-top-gap) !important;
}

/* 4) Aşırı agresif eski kuralların etkisini kır
   (özellikle body padding-top: 90/140 ve sec-spacer margin-top:100 gibi)
   Bu blok en sonda olduğu için hepsini dengeler. */
body.sticky-header:not(.aybu-home):not(.home) {
    padding-top: var(--aybu-sticky-offset) !important;
}

body:not(.aybu-home):not(.home) .sec-spacer .container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* =====================================================================
   AYBU HEADER OFFSET + SAYFA ÜST BOŞLUK NORMALİZASYONU (Temiz Override)
   - Anasayfa (aybu-home) etkilenmez
   - Tüm alt siteler: /hukuk, /bidb, /sks, ... ve AYBU içerik sayfaları
   - Liste sayfaları (tüm haberler/duyurular/etkinlikler/dış haberler)
     ve detay sayfalarında üst boşluğu eşitler.
   NOT: Bu blok dosyanın EN ALTINDA kalsın.
   ===================================================================== */

:root {
    --aybu-sticky-offset: 120px;
    /* sticky header yüksekliği için güvenli offset */
    --aybu-top-gap: 40px;
    /* breadcrumb / içerik üst boşluğu */
    --aybu-bottom-gap: 40px;
    /* sayfa alt boşluğu */
}

/* 1) Sticky header offset
   - anasayfa: slider/hero olduğu için padding-top yok
   - alt sayfalar: header çakışmasın diye offset ver */
body.sticky-header.aybu-home {
    padding-top: 0 !important;
}

body.sticky-header:not(.aybu-home) {
    padding-top: var(--aybu-sticky-offset) !important;
}

/* 2) Breadcrumb alanı ve başlıkları her zaman görünür olsun */
body:not(.aybu-home) .edu-breadcrumb-area {
    padding-top: var(--aybu-top-gap) !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
}

body:not(.aybu-home) .edu-breadcrumb-area .page-title,
body:not(.aybu-home) .edu-breadcrumb-area .title {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-top: 0 !important;
}

/* 3) Liste ve detay sayfaları: aynı üst boşluk
   - Haber/Duyuru/Etkinlik listeleri
   - Dış haberler
   - Haber/Duyuru/Etkinlik detay
   - Menü içerik sayfaları (/sayfa/...) */

/* Breadcrumb'tan hemen sonra gelen ana içerik bloklarına standart boşluk */
body:not(.aybu-home).aybu-content .edu-breadcrumb-area+.blog-page-area.sec-spacer,
body:not(.aybu-home).aybu-content .edu-breadcrumb-area+.single-blog-details.sec-spacer,
body:not(.aybu-home).aybu-content .edu-breadcrumb-area+.blog-details-area.sec-spacer,
body:not(.aybu-home).aybu-content .edu-breadcrumb-area+.event-area.sec-spacer,
body:not(.aybu-home).aybu-content .edu-breadcrumb-area+.edu-event-area.sec-spacer,
body:not(.aybu-home).aybu-content .edu-breadcrumb-area+.page-area.sec-spacer,
body:not(.aybu-home).aybu-content .edu-breadcrumb-area+.sec-spacer {
    padding-top: var(--aybu-top-gap) !important;
    padding-bottom: var(--aybu-bottom-gap) !important;
    margin-top: 0 !important;
}

/* Breadcrumb olmayan sayfalar (özellikle dış haberler) */
body:not(.aybu-home).aybu-content.aybu-dishaber .blog-page-area.sec-spacer,
body:not(.aybu-home).aybu-content.aybu-dishaber .sec-spacer {
    padding-top: var(--aybu-top-gap) !important;
    padding-bottom: var(--aybu-bottom-gap) !important;
    margin-top: 0 !important;
}

/* 4) Bazı eski kurallardan kalan "100px margin-top" veya benzeri değerleri sıfırla */
body:not(.aybu-home).aybu-content .sec-spacer .container,
body:not(.aybu-home).aybu-content .single-blog-details .container,
body:not(.aybu-home).aybu-content .blog-page-area .container,
body:not(.aybu-home).aybu-content .blog-details-area .container {
    margin-top: 0 !important;
}

/* 5) Çok yukarı kaçan sayfalarda (özellikle /sayfa/* ) başlık/ içerik arasını toparla */
body:not(.aybu-home).aybu-content .edu-breadcrumb-area .breadcrumb-inner,
body:not(.aybu-home).aybu-content .edu-breadcrumb-area .container {
    padding-top: 0 !important;
}

/* =========================================================
   AYBÜ – BAŞLIK BOYUTLARI (TEK KAYNAK) – 17px KESİN OVERRIDE
   Not: app-aybu.css içindeki 9px / 25px başlık kurallarını kaldırın.
   ========================================================= */

/* A) HABER / DUYURU / ETKİNLİK KART BAŞLIKLARI (anasayfa + liste + modüller) */
.edu-course-area .edu-course.course-style-4 .content h3.title,
.edu-course-area .edu-course.course-style-4 .content h3.title a,
.blog-page-area .edu-course.course-style-4 .content h3.title,
.blog-page-area .edu-course.course-style-4 .content h3.title a,
.edu-event-area .edu-event .content h3.title,
.edu-event-area .edu-event .content h3.title a {
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

/* B) BASINDA AYBÜ kart başlıkları */
.edu-press .edu-card h3.title,
.edu-press .edu-card h3.title a,
.edu-press .edu-course h3.title,
.edu-press .edu-course h3.title a {
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

/* C) DETAY SAYFASI ANA BAŞLIK (Haber/Duyuru/Etkinlik) – h1 veya h2 gelebiliyor */
body:not(.aybu-home) .single-blog-details .sayfa-bolum-title h1,
body:not(.aybu-home) .single-blog-details .sayfa-bolum-title h2,
body:not(.aybu-home) .edu-blog-details h1,
body:not(.aybu-home) .edu-news-details h1,
body:not(.aybu-home) .edu-event-details h1 {
    font-size: 30px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

/* Etkinlikler alanında H3 değişkenini küçült */
.aybu-home .edu-course-area {
    --h3: 17px;
}

/* DESKTOP: 3. seviye menü sağa açılsın (üstüne binmesin) */
@media (min-width: 992px) {
    .edu-header .mainmenu ul.submenu li.has-droupdown {
        position: relative;
    }

    /* 3. seviye submenu */
    .edu-header .mainmenu ul.submenu li.has-droupdown>ul.submenu {
        position: absolute;
        top: 0 !important;
        left: 100% !important;
        margin-left: 0 !important;
    }
}

/* ==========================================
   DESKTOP: 3. seviye submenu sağa flyout
   (en alta ekle, diğerlerini ezsin)
   ========================================== */
@media (min-width: 992px) {

    /* 3. seviye parent (2. seviye içindeki has-droupdown) */
    body:not(.aybu-home) .edu-header .mainmenu-nav ul.submenu>li.has-droupdown {
        position: relative !important;
    }

    /* 3. seviye UL: sağa absolute, default gizli */
    body:not(.aybu-home) .edu-header .mainmenu-nav ul.submenu>li.has-droupdown>ul.submenu {
        position: absolute !important;
        left: 100% !important;
        top: 0 !important;

        display: none !important;
        /* KRİTİK: alt alta akmayı bitirir */
        min-width: 260px !important;

        background: #fff !important;
        z-index: 10060 !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, .12) !important;
    }

    /* Hover ile aç */
    body:not(.aybu-home) .edu-header .mainmenu-nav ul.submenu>li.has-droupdown:hover>ul.submenu {
        display: block !important;
    }

    /* Parent ul kesmesin */
    body:not(.aybu-home) .edu-header .mainmenu-nav ul.submenu {
        overflow: visible !important;
    }
}

/* ================================
   DESKTOP: Ok işareti + Turkuaz çizgi
   (Anasayfada da çalışsın diye body:not(.aybu-home) yok)
   ================================ */
@media (min-width: 992px) {

    /* Alt menüsü olan (2. seviye içindeki) itemlerde sağ ok */
    .edu-header .mainmenu-nav .mainmenu ul.submenu>li.has-droupdown>a {
        position: relative;
        padding-right: 34px !important;
        /* ok için boşluk */
    }

    .edu-header .mainmenu-nav .mainmenu ul.submenu>li.has-droupdown>a::after {
        content: "›";
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        opacity: .7;
        font-size: 18px;
        line-height: 1;
    }

    /* Menüler arası ince turkuaz çizgi (dropdown içinde) */
    .edu-header .mainmenu-nav .mainmenu ul.submenu>li>a {
        border-bottom: 1px solid rgba(0, 180, 200, 0.151);
        /* turkuaz ince çizgi */
    }

    .edu-header .mainmenu-nav .mainmenu ul.submenu>li:last-child>a {
        border-bottom: 0;
    }
}

/* Social Share Box Styles */
.social-share-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    border: 1px solid #e0e0e0;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 4px;
}

.social-share-box .share-label {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.social-share-box .share-icons {
    display: flex;
    gap: 10px;
}

.social-share-box .share-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    color: #555;
    transition: all 0.3s ease;
    font-size: 14px;
    text-decoration: none;
}

.social-share-box .share-btn:hover {
    background-color: #f5f5f5;
    color: #b51a00;
    /* AYBU Red */
    border-color: #b51a00;
}

.social-share-box .share-btn.facebook:hover {
    color: #3b5998;
    border-color: #3b5998;
}

.social-share-box .share-btn.twitter:hover {
    color: #1da1f2;
    border-color: #1da1f2;
}

.social-share-box .share-btn.linkedin:hover {
    color: #0077b5;
    border-color: #0077b5;
}

.social-share-box .share-btn.whatsapp:hover {
    color: #25d366;
    border-color: #25d366;
}

.social-share-box .share-btn.telegram:hover {
    color: #0088cc;
    border-color: #0088cc;
}

.social-share-box .share-btn.pinterest:hover {
    color: #e60023;
    border-color: #e60023;
}
/* Organizasyon Şeması alanı serbest uzasın */
body.aybu-content .single-blog-details.sec-spacer{
    height: auto !important;
    overflow: visible !important;
}

/* Container sınırı kaldır */
body.aybu-content .single-blog-details.sec-spacer .container{
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
}

/* Şema kendi boyutunda uzasın */
body.aybu-content .org-chart{
    height: auto !important;
    transform: none !important;   /* küçültme varsa iptal */
}
/* ==========================================
   DESKTOP: Sağda kalan menüler dropdown'ı sola açsın
   ========================================== */
   @media (min-width: 992px){

    /* Üst seviye: son 2-3 menü için dropdown'ı sağa hizala (ekran dışına taşmasın) */
    .edu-header .mainmenu > li:nth-last-child(-n+3) > ul.submenu{
      left: auto !important;
      right: 0 !important;
    }
  
    /* 3. seviye flyout: sağa sığmıyorsa sola aç */
    .edu-header .mainmenu ul.submenu > li.has-droupdown:hover > ul.submenu{
      left: 100% !important;
      right: auto !important;
      top: 0 !important;
    }
  
    /* Sağ tarafa hizalanmış üst dropdown içindeysek, 3. seviye sola açılsın */
    .edu-header .mainmenu > li:nth-last-child(-n+3) ul.submenu > li.has-droupdown:hover > ul.submenu{
      left: auto !important;
      right: 100% !important;
    }
  }