/**
 * Selçuk Üniversitesi - Modern V1 Fixes
 * Premium Design Override
 */

/* ==================== GPU ACCELERATION FOR ANIMATIONS ==================== */
/* Non-composited animasyonları GPU'ya taşı - Lighthouse fix */
.hero-modern,
.hero-slide-modern,
.header-modern,
.mega-menu,
.mega-menu-wrapper,
.slick-slide,
.slick-track,
.carousel-item,
.card,
.btn,
.nav-link,
.dropdown-menu,
[class*="animate"],
[class*="slide"],
[class*="fade"] {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform, opacity;
}

/* Reduce will-change after animation completes */
.slick-slide:not(.slick-active),
.carousel-item:not(.active) {
  will-change: auto;
}

/* ==================== GLOBAL IMAGE & VIDEO QUALITY ==================== */
img,
video {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: bicubic;
}

/* Optimize video rendering */
video {
  image-rendering: auto;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

/* Slider images - High quality */
.hero-slide-image img,
.hero-slide-image video,
.sliderItem img,
.sliderItem video {
  image-rendering: high-quality !important;
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  transform: translateZ(0) !important;
  -webkit-transform: translateZ(0) !important;
}

/* ==================== MAIN CONTENT - FIXED HEADER SPACING ==================== */
/* Her sayfa kendi wrapper'ında padding-top ayarlar - daha kontrollü */
/* Örnek: .person-detail-wrapper, .pressall-wrapper vb. */

/* Ana sayfa için (container-fluid) padding-top yok - hero slider tam ekran */
main.container-fluid {
  padding-top: 0 !important;
}

/* ==================== HEADER - PREMIUM GLASS DESIGN ==================== */
.header-modern {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1001 !important; /* Logo'nun mega-menu altında kalmaması için 1001 */
  background: rgba(10, 25, 60, 0.98) !important;
  /* backdrop-filter: blur(8px) !important; */
  /* -webkit-backdrop-filter: blur(8px) !important; */
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: none !important;
  overflow: visible !important; /* Logo kesilmesin */
  background: linear-gradient(
    90deg,
    transparent,
    #ffc90d 20%,
    #ffc90d 80%,
    transparent
  );
}

/* Yellow line always visible */
.header-modern::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    #ffc90d 20%,
    #ffc90d 80%,
    transparent
  );
}

/* Header scrolled state */
.header-modern.scrolled {
  background: rgba(10, 25, 60, 0.98) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3) !important;
}

.header-modern.scrolled::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    #ffc90d 20%,
    #ffc90d 80%,
    transparent
  );
}

.header-container {
  padding: 6px 30px !important; /* Top/Bottom: 6px, total: 12px */
  max-width: 100% !important;
  height: 80px !important; /* Toplam yükseklik: 80px */
  max-height: 80px !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important; /* Padding dahil hesaplansın */
}

.header-inner {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 20px !important;
  position: relative !important;
  width: 100% !important;
  height: 100% !important; /* Container height'ı kullan */
  flex-wrap: nowrap !important;
  overflow: visible !important; /* Logo kesilmesin */
}

/* Logo - Elegant Style (1440px+ Desktop) */
.logo {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  text-decoration: none !important;
  transition: transform 0.3s ease !important;
  position: relative !important;
  z-index: 1002 !important;
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  flex-shrink: 0 !important; /* Logo küçülmesin */
  min-width: 0 !important;
  height: 100% !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.logo:focus,
.logo:active {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
}

.logo:hover {
  transform: none !important;
  background: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

/* Mobilde logo tıklandığında zıplama olmasın ve hover efekti kalksın */
@media (max-width: 1400px) {
  .logo {
    transition: none !important;
  }

  .logo:focus,
  .logo:active,
  .logo:hover {
    transform: translate(
      -50%,
      -50%
    ) !important; /* Mobilde transform korunmalı */
  }

  .logo:hover {
    transform: translate(-50%, -50%) !important;
    background: none !important;
    box-shadow: none !important;
  }
}

.logo-img {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  width: auto !important;
  height: auto !important;
  max-height: 100% !important;
  transition: all 0.3s ease !important;
  overflow: visible !important; /* Logo kesilmesin */
}

.logo-img img {
  position: relative !important;
  top: 0 !important;
  object-fit: contain !important;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3)) !important;
  border: none !important;
  outline: none !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
}

/* Desktop Logo - Responsive width with clamp() - ≥1440px */
@media (min-width: 1440px) {
  .logo-img .logo-desktop {
    display: block !important;
    width: clamp(200px, 22vw, 350px) !important;
    height: auto !important;
    max-height: 70px !important;
    object-fit: contain !important;
  }

  .logo-img .logo-mobile {
    display: none !important;
  }

  .header-container {
    height: 80px !important;
    max-height: 80px !important;
    padding: 6px 30px !important;
    box-sizing: border-box !important;
  }

  .header-inner {
    height: 100% !important;
  }
}

/* Desktop Logo - Default (1401-1439px arası için) */
.logo-img .logo-desktop {
  display: block !important;
  width: clamp(180px, 20vw, 300px) !important;
  height: auto !important;
  max-height: 65px !important;
  object-fit: contain !important;
}

/* Mobile Logo - Yuvarlak (Hidden by default) */
.logo-img .logo-mobile {
  display: none !important;
  width: 65px !important;
  height: 65px !important;
  object-fit: contain !important;
}

.logo-text {
  display: none !important;
}

.logo-title {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #fff !important;
  letter-spacing: 2px !important;
  line-height: 1.1 !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

.logo-subtitle {
  font-size: 11px !important;
  color: rgba(255, 255, 255, 0.9) !important;
  letter-spacing: 3px !important;
  font-weight: 500 !important;
}

/* Header Right Section */
.header-right {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 10px !important;
}

/* Top Row - Quick Links */
.header-top-row {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.header-btn,
.header-btn-today {
  padding: 8px 16px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  border-radius: 15px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: rgba(255, 255, 255, 0.95) !important;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  backdrop-filter: blur(10px) !important;
  letter-spacing: 0.5px !important;
}

.header-btn:hover,
.header-btn-today:hover {
  background: rgba(255, 201, 13, 0.9) !important;
  border-color: #ffc90d !important;
  color: #0a1628 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 15px rgba(255, 201, 13, 0.3) !important;
}

.header-btn-today {
  background: rgba(255, 201, 13, 0.15) !important;
  border-color: rgba(255, 201, 13, 0.4) !important;
}

/* Icon Buttons */
.header-icon-btns {
  display: flex !important;
  gap: 8px !important;
  margin-left: 15px !important;
}

.header-icon-btn {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
}

.header-icon-btn:hover {
  background: #ffc90d !important;
  border-color: #ffc90d !important;
  color: #0a1628 !important;
  transform: translateY(-2px) scale(1.1) !important;
}

.header-icon-btn.lang {
  font-weight: 700 !important;
  font-size: 12px !important;
}

/* Navigation Row */
.header-nav-row {
  display: flex !important;
  align-items: center !important;
  gap: 3px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  padding: 6px 8px !important;
  border-radius: 15px !important;
  backdrop-filter: blur(10px) !important;
}

.nav-item {
  position: relative !important;
}

.nav-link {
  padding: 10px 18px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  border-radius: 15px !important;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  letter-spacing: 0.3px !important;
  white-space: nowrap !important;
}

.nav-link i {
  font-size: 13px !important;
  opacity: 0.8 !important;
}

.nav-link:hover {
  background: rgba(255, 201, 13, 0.9) !important;
  color: #0a1628 !important;
  transform: translateY(-1px) !important;
}

.nav-link:hover i {
  opacity: 1 !important;
}

.nav-item.active .nav-link {
  background: #ffc90d !important;
  color: #0a1628 !important;
}

/* Search Button */
.nav-search {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  margin-left: 10px !important;
}

.nav-search:hover {
  background: #ffc90d !important;
  color: #0a1628 !important;
  transform: scale(1.1) !important;
}

/* Quick Menu Button - HER ZAMAN GÖRÜNÜR - EN ÜST SEVIYE KURAL - OVERRIDE HER ŞEYİ */
.nav-quick-menu,
button.nav-quick-menu,
#quickMenuBtn,
.header-right .nav-quick-menu,
.header-right-single .nav-quick-menu,
.header-nav-row .nav-quick-menu,
.header-modern .nav-quick-menu,
body .nav-quick-menu,
html .nav-quick-menu,
body header .nav-quick-menu,
body .header-modern .nav-quick-menu {
  padding: 10px 20px !important;
  background: linear-gradient(135deg, #ffc90d 0%, #f0b800 100%) !important;
  border: none !important;
  border-radius: 15px !important;
  color: #0a1628 !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  letter-spacing: 0.5px !important;
  margin-left: 10px !important;
  box-shadow: 0 4px 15px rgba(255, 201, 13, 0.3) !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 1002 !important;
  width: auto !important;
  min-width: 120px !important;
  position: relative !important;
}

/* header-right gizli olsa bile nav-quick-menu görünür olmalı - ÖZEL OVERRIDE */
.header-right[style*="display: none"] .nav-quick-menu,
.header-right[style*="display:none"] .nav-quick-menu {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  right: 50px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 1002 !important;
}

/* HIZLI MENÜ YAZISI - HER ZAMAN GÖRÜNÜR - EN ÜST SEVIYE KURAL - OVERRIDE HER ŞEYİ */
.nav-quick-menu span,
button.nav-quick-menu span,
#quickMenuBtn span,
.header-right .nav-quick-menu span,
.header-right-single .nav-quick-menu span,
.header-nav-row .nav-quick-menu span,
.header-modern .nav-quick-menu span,
body .nav-quick-menu span,
html .nav-quick-menu span,
body header .nav-quick-menu span,
body .header-modern .nav-quick-menu span {
  display: inline !important;
  white-space: nowrap !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-weight: 700 !important;
  font-size: inherit !important;
}

/* header-right gizli olsa bile nav-quick-menu span görünür olmalı - ÖZEL OVERRIDE */
.header-right[style*="display: none"] .nav-quick-menu span,
.header-right[style*="display:none"] .nav-quick-menu span {
  display: inline !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.nav-quick-menu:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(255, 201, 13, 0.4) !important;
}

/* Mobile Toggle */
.mobile-toggle {
  display: none !important;
  flex-direction: column !important;
  gap: 5px !important;
  padding: 10px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 15px !important;
  cursor: pointer !important;
}

.mobile-toggle span {
  width: 24px !important;
  height: 2px !important;
  background: #fff !important;
  border-radius: 15px !important;
  transition: all 0.3s ease !important;
}

/* ==================== INTERMEDIATE BREAKPOINT - 1600PX ==================== */
/* Çakışmayı önlemek için logo küçült ve menü boşluklarını azalt */
@media (max-width: 1600px) and (min-width: 1401px) {
  /* Desktop logo için özel boyut */
  .logo-img .logo-desktop {
    width: clamp(160px, 18vw, 280px) !important;
    max-height: 60px !important;
  }

  .nav-link {
    padding: 10px 14px !important;
    font-size: 11px !important;
  }

  .header-nav-row {
    gap: 2px !important;
  }

  .logo-title {
    font-size: 20px !important;
  }

  /* HIZLI MENÜ YAZISI HER ZAMAN GÖRÜNÜR - 1600px */
  .nav-quick-menu span {
    display: inline !important;
    white-space: nowrap !important;
  }

  .nav-quick-menu {
    min-width: 130px !important;
    padding: 10px 16px !important;
  }
}

/* ==================== CRITICAL BREAKPOINT - 1401-1600PX ==================== */
/* Menü küçülmesi - Logo responsive clamp() ile */
@media (max-width: 1600px) and (min-width: 1401px) {
  /* Logo için özel ayarlar */
  .logo-img .logo-desktop {
    width: clamp(140px, 16vw, 250px) !important;
    max-height: 58px !important;
  }

  .nav-link {
    padding: 8px 10px !important;
    font-size: 10px !important;
  }

  .header-nav-row {
    gap: 1px !important;
    padding: 5px 6px !important;
  }

  .header-icon-btn {
    width: 32px !important;
    height: 32px !important;
    font-size: 12px !important;
  }

  /* HIZLI MENÜ YAZISI HER ZAMAN GÖRÜNÜR */
  .nav-quick-menu span {
    display: inline !important;
    white-space: nowrap !important;
  }

  .nav-quick-menu {
    width: auto !important;
    min-width: 120px !important;
    height: 36px !important;
    padding: 8px 12px !important;
    justify-content: center !important;
  }
}

/* ==================== TAB PANEL TRANSITIONS ==================== */
/* Smooth tab transitions - NO FLICKER */

/* Announcements tabs - custom system */
.announcements-tab-panel {
  display: none !important;
  opacity: 0 !important;
  transform: translateY(10px) !important;
  transition: opacity 0.3s ease, transform 0.3s ease !important;
}

.announcements-tab-panel.active {
  display: block !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* News/Activity tabs - Bootstrap compatible */
.news-tab-panel.tab-pane,
.activity-tab-panel.tab-pane {
  transition: opacity 0.2s ease !important;
}

/* Tab pane visibility - simple and working */
.tab-content .tab-pane {
  display: none;
  opacity: 0;
}

.tab-content .tab-pane.show.active,
.tab-content .tab-pane.active {
  display: block !important;
  opacity: 1 !important;
}

/* Tab content loading state */
.tab-loading {
  min-height: 200px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.tab-loading::after {
  content: "" !important;
  width: 40px !important;
  height: 40px !important;
  border: 3px solid rgba(28, 69, 139, 0.2) !important;
  border-top-color: #1c458b !important;
  border-radius: 50% !important;
  animation: spin 0.8s linear infinite !important;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* ==================== BODY & HTML - RESET MARGINS ==================== */
html {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

body {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

/* ==================== HERO SECTION ==================== */
.hero {
  margin-top: 0 !important;
  padding-top: 0 !important;
  position: relative !important;
  min-height: 100vh !important;
}

main.container-fluid.p-0,
main.container-fluid {
  margin: 0 !important;
  padding: 0 !important;
}

/* Ana sayfa için özel */
body > main:first-of-type {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ==================== SLIDER ARROWS - FULLY VISIBLE ==================== */
.slide-arrow,
.slick-prev,
.slick-next {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 55px !important;
  height: 55px !important;
  min-width: 55px !important;
  min-height: 55px !important;
  background: linear-gradient(135deg, #1c458b 0%, #0d2d5e 100%) !important;
  border-radius: 50% !important;
  border: 3px solid #fff !important;
  z-index: 100 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 6px 25px rgba(28, 69, 139, 0.4) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.slide-arrow i,
.slick-prev:before,
.slick-next:before {
  color: #fff !important;
  font-size: 18px !important;
  opacity: 1 !important;
}

.slick-prev:before {
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
  font-weight: 900 !important;
  content: "\f053" !important;
}

.slick-next:before {
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
  font-weight: 900 !important;
  content: "\f054" !important;
}

.slide-arrow:hover,
.slick-prev:hover,
.slick-next:hover {
  background: linear-gradient(135deg, #1c458b 0%, #0d2d5e 100%) !important;
  border-color: #fff !important;
}

.slide-arrow:hover i,
.slick-prev:hover:before,
.slick-next:hover:before {
  color: #fff !important;
}

/* Left/Right positioning - OUTSIDE CONTAINER */
.prev-arrow,
.slick-prev {
  left: -60px !important;
  right: auto !important;
}

.next-arrow,
.slick-next {
  right: -60px !important;
  left: auto !important;
}

/* Vertical arrows - Activity section */
.prev-arrow-up {
  top: -30px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.next-arrow-down {
  bottom: -30px !important;
  top: auto !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

/* Vertical slider container - PREVENT CUTOFF */
.slick-vertical,
[data-slick*="vertical"] {
  overflow: visible !important;
  padding: 40px 0 !important;
  margin: -40px 0 !important;
}

/* ==================== ETKİNLİKLER - HORIZONTAL ARROWS FIX ==================== */
#etkinlikler {
  overflow: visible !important;
}

#no-padding {
  padding: 0 !important;
}

#etkinlikler > .container {
  overflow: visible !important;
  position: relative !important;
}

/* Wrapper for the slider - gives space for arrows */
#etkinlikler .tab-content,
#etkinlikler .tab-pane {
  overflow: visible !important;
  position: relative !important;
}

#etkinlikler .slick-slider {
  overflow: visible !important;
  padding: 20px 0 !important;
  margin: 0 !important;
  position: relative !important;
}

#etkinlikler .slick-list {
  overflow: hidden !important;
  margin: 0 -12px !important;
  padding: 10px 0 !important;
}

#etkinlikler .slick-track {
  margin-left: 0 !important;
}

#etkinlikler .slick-slide {
  padding: 0 12px !important;
}

/* ==================== SECTION BACKGROUNDS ==================== */
/* ==================== DUYURULAR SECTION - ANA SAYFA ==================== */
section#duyurular:not(.birim-announcements-section),
section.announcements-dotted:not(.birim-announcements-section),
#duyurular.announcements:not(.birim-announcements-section),
.announcements.announcements-dotted:not(.birim-announcements-section) {
  background: #f0f4f8 !important;
  background-color: #f0f4f8 !important;
  overflow: visible !important;
  position: relative !important;
  padding: 20px 0 !important;
}

section#duyurular::before,
#duyurular::before {
  display: none !important;
  content: none !important;
}

/* News Section - Light */
.news.section,
#haberler-basarilar {
  background: #f8fafc !important;
}

/* Activities Section */
#etkinlikler {
  background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%) !important;
  overflow: visible !important;
}

/* Stats Section */
.stats.section {
  background: #ffffff !important;
}

/* ==================== DUYURULAR HEADER ==================== */
#duyurular .announcements-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 25px !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
}

#duyurular .announcements-label {
  color: #1c458b !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  margin-bottom: 8px !important;
  display: block !important;
  text-transform: uppercase !important;
}

#duyurular .announcements-title {
  color: #0d2d5e !important;
  font-size: 2.2rem !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

/* ==================== DUYURULAR TAB NAVIGATION ==================== */
#duyurular .announcements-tabs-wrapper {
  border-bottom: 2px solid rgba(28, 69, 139, 0.15) !important;
  margin-bottom: 30px !important;
}

#duyurular .announcements-tabs {
  gap: 0 !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#duyurular .announcements-tab-link {
  color: rgba(28, 69, 139, 0.6) !important;
  padding: 15px 25px !important;
  border: none !important;
  background: transparent !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  border-bottom: 3px solid transparent !important;
  margin-bottom: -2px !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

#duyurular .announcements-tab-link:hover {
  color: #1c458b !important;
  background: rgba(28, 69, 139, 0.05) !important;
}

#duyurular .announcements-tab-link.active {
  color: #1c458b !important;
  border-bottom-color: #1c458b !important;
  background: rgba(28, 69, 139, 0.05) !important;
}

/* ==================== DUYURULAR ALL BUTTON ==================== */
#duyurular .announcements-all-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: #1c458b !important;
  border: none !important;
  color: #fff !important;
  padding: 14px 28px !important;
  border-radius: 15px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 15px rgba(28, 69, 139, 0.3) !important;
}

#duyurular .announcements-all-btn:hover {
  background: #0d2d5e !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(28, 69, 139, 0.4) !important;
}

/* ==================== DUYURULAR SLIDER ==================== */
#duyurular .announcements-tabs-content {
  position: relative !important;
}

#duyurular .announcements-tab-panel {
  display: none !important;
}

#duyurular .announcements-tab-panel.active {
  display: block !important;
}

#duyurular .announcements-tabs-content,
.birim-announcements-section .announcements-tabs-content {
  position: relative !important;
}

/* Navigation Buttons Wrapper - Sağda altlı üstlü */
#duyurular .announcements-nav-buttons-wrapper,
.birim-announcements-section .announcements-nav-buttons-wrapper {
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  z-index: 10 !important;
}

#duyurular .announcements-slider-wrapper,
.birim-announcements-section .announcements-slider-wrapper {
  position: relative !important;
  padding: 0 !important;
  padding-right: 80px !important; /* Oklar için sağdan boşluk */
}

#duyurular .announcements-slider-container,
.birim-announcements-section .announcements-slider-container {
  background: #fff !important;
  border-radius: 15px !important;
  box-shadow: 0 10px 40px rgba(28, 69, 139, 0.1) !important;
  overflow: hidden !important;
}

#duyurular .announcements-slider-track,
.birim-announcements-section .announcements-slider-track {
  height: 340px !important;
  max-height: 340px !important;
  overflow: hidden !important;
}

/* ==================== DUYURULAR CARDS ==================== */
#duyurular .announcements-grid {
  display: flex !important;
  flex-direction: column !important;
}

#duyurular .announcement-card-modern {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  padding: 20px 25px !important;
  background: #fff !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(28, 69, 139, 0.08) !important;
  transition: all 0.3s ease !important;
  min-height: 85px !important;
}

#duyurular .announcement-card-modern:last-child {
  border-bottom: none !important;
}

#duyurular .announcement-card-modern:hover {
  background: rgba(28, 69, 139, 0.03) !important;
}

/* Date Badge */
#duyurular .announcement-card-date {
  flex-shrink: 0 !important;
  width: 60px !important;
  height: 60px !important;
  background: linear-gradient(135deg, #ffc90d 0%, #f5b800 100%) !important;
  border-radius: 15px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 12px rgba(255, 201, 13, 0.3) !important;
}

#duyurular .announcement-day {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #0d2d5e !important;
  line-height: 1 !important;
}

#duyurular .announcement-month {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #1c458b !important;
  text-transform: uppercase !important;
  margin-top: 2px !important;
}

/* Card Content */
#duyurular .announcement-card-content {
  flex: 1 !important;
  min-width: 0 !important;
  display: block !important;
}

#duyurular .announcement-card-content h4,
#duyurular .announcement-card-title,
#duyurular h4.announcement-card-title {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #1c458b !important;
  margin: 0 !important;
  line-height: 1.5 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Arrow Icon */
#duyurular .announcement-card-arrow {
  flex-shrink: 0 !important;
  width: 36px !important;
  height: 36px !important;
  background: rgba(28, 69, 139, 0.08) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
}

#duyurular .announcement-card-arrow i {
  color: #1c458b !important;
  font-size: 12px !important;
}

#duyurular .announcement-card-modern:hover .announcement-card-arrow {
  background: #1c458b !important;
}

#duyurular .announcement-card-modern:hover .announcement-card-arrow i {
  color: #fff !important;
}

/* ==================== DUYURULAR NAV BUTTONS ==================== */
#duyurular .announcements-nav-btn,
.birim-announcements-section .announcements-nav-btn {
  position: relative !important;
  width: 50px !important;
  height: 50px !important;
  background: #1c458b !important;
  border: none !important;
  border-radius: 50% !important;
  color: #fff !important;
  cursor: pointer !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 15px rgba(28, 69, 139, 0.3) !important;
  flex-shrink: 0 !important;
}

#duyurular .announcements-nav-btn:hover,
.birim-announcements-section .announcements-nav-btn:hover {
  background: #0d2d5e !important;
  transform: scale(1.1) !important;
}

#duyurular .announcements-nav-up {
  /* Yukarı ok - wrapper'ın üstünde */
}

#duyurular .announcements-nav-down {
  /* Aşağı ok - wrapper'ın altında */
}

/* ==================== SKELETON LOADING ==================== */
#duyurular .announcement-skeleton-wrapper {
  display: flex !important;
  flex-direction: column !important;
}

#duyurular .announcement-skeleton {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  padding: 20px 25px !important;
  border-bottom: 1px solid rgba(28, 69, 139, 0.08) !important;
}

#duyurular .skeleton-date {
  width: 60px !important;
  height: 60px !important;
  background: linear-gradient(
    90deg,
    #e2e8f0 25%,
    #f1f5f9 50%,
    #e2e8f0 75%
  ) !important;
  background-size: 200% 100% !important;
  animation: shimmer 1.5s infinite !important;
  border-radius: 15px !important;
}

#duyurular .skeleton-content {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

#duyurular .skeleton-line {
  background: linear-gradient(
    90deg,
    #e2e8f0 25%,
    #f1f5f9 50%,
    #e2e8f0 75%
  ) !important;
  background-size: 200% 100% !important;
  animation: shimmer 1.5s infinite !important;
  border-radius: 15px !important;
}

#duyurular .skeleton-title {
  height: 16px !important;
  width: 80% !important;
}

#duyurular .skeleton-title-2 {
  height: 14px !important;
  width: 60% !important;
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

/* Vertical slider arrows - FULL SIZE - CENTERED */
#duyurular .slide-arrow,
._noticeG .slide-arrow,
._noticeS .slide-arrow {
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  border: none !important;
  border-radius: 50% !important;
  z-index: 999 !important;
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* Up arrow - TOP CENTERED */
#duyurular .slide-arrow.prev-arrow-up,
._noticeG .slide-arrow.prev-arrow-up,
._noticeS .slide-arrow.prev-arrow-up {
  top: -25px !important;
  bottom: auto !important;
}

/* Down arrow - BOTTOM CENTERED */
#duyurular .slide-arrow.next-arrow-down,
._noticeG .slide-arrow.next-arrow-down,
._noticeS .slide-arrow.next-arrow-down {
  top: auto !important;
  bottom: -25px !important;
}

#duyurular .slide-arrow i,
._noticeG .slide-arrow i,
._noticeS .slide-arrow i {
  color: #1c458b !important;
  font-size: 18px !important;
}

#duyurular .slide-arrow:hover,
._noticeG .slide-arrow:hover,
._noticeS .slide-arrow:hover {
  background: #ffc90d !important;
  transform: scale(1.1) !important;
}

/* ==================== NEWS SECTION - RESİMLER COVER ==================== */
/* Tüm news section resimleri cover yapıldı - boşluk kalmasın */
#haberler-basarilar img,
.news.section img,
.news-grid-image img,
.news-feature-image img,
.pw_img img,
.boxs.project_widget img,
.news-slide-image img {
  object-fit: cover !important;
  object-position: center !important;
  image-rendering: -webkit-optimize-contrast !important;
  image-rendering: crisp-edges !important;
}

.news-tabs-wrapper {
  border-bottom: 2px solid #e2e8f0 !important;
  margin-bottom: 30px !important;
}

.news-tab-link {
  color: #64748b !important;
  padding: 15px 25px !important;
  border: none !important;
  background: transparent !important;
  font-weight: 600 !important;
  border-bottom: 3px solid transparent !important;
  margin-bottom: -2px !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
}

.news-tab-link:hover {
  color: #1c458b !important;
  background: rgba(28, 69, 139, 0.05) !important;
}

.news-tab-link.active {
  color: #1c458b !important;
  border-bottom-color: #1c458b !important;
}

/* News/Activity sections now use global slider arrow styles */

/* ==================== ACTIVITY SECTION - Uses global slider arrow styles ==================== */

/* ==================== FOOTER ==================== */
.footer-modern {
  background: linear-gradient(180deg, #0f172a 0%, #0a1120 100%) !important;
}

/* ==================== GENERAL FIXES ==================== */
.section {
  padding: 20px 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
}

.container {
  max-width: 1400px !important;
  padding: 0 20px !important;
}

/* İlk section'ın üst boşluğunu kaldır */
section:first-of-type,
.hero:first-child,
.hero-modern:first-child {
  margin-top: 0 !important;
}

/* Text colors for dark backgrounds */
#duyurular h2,
#duyurular h3,
#duyurular h4,
#duyurular p,
#duyurular span,
#duyurular a:not(.announcements-all-btn) {
  color: #fff !important;
}

/* Slick dots */
.slick-dots {
  bottom: -40px !important;
}

.slick-dots li button:before {
  font-size: 12px !important;
  color: #1c458b !important;
}

.slick-dots li.slick-active button:before {
  color: #ffc90d !important;
}

/* Activity tabs */
.newTabsList.nav-pills .nav-link {
  background: #1c458b !important;
  color: #fff !important;
  border-radius: 15px !important;
  padding: 10px 20px !important;
  margin: 0 5px !important;
  transition: all 0.3s ease !important;
}

.newTabsList.nav-pills .nav-link.active {
  background: linear-gradient(135deg, #ffc90d 0%, #f0b800 100%) !important;
  color: #0a1628 !important;
  box-shadow: 0 4px 15px rgba(255, 201, 13, 0.3) !important;
}

/* ==================== MOBILE RESPONSIVE ==================== */

/* 1400px - Mobile view starts here */
@media (max-width: 1400px) {
  /* Logo - tam ortada, sıfıra sıfır, alt üst boşluk yok */
  .header-inner {
    justify-content: space-between !important;
    align-items: center !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .header-container {
    height: 80px !important;
    max-height: 80px !important;
    padding: 0 20px !important; /* Sadece yatay padding, dikey padding yok */
    overflow: visible !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
  }

  .logo {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 5 !important;
    height: 75px !important; /* Logo boyutu: 75px */
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .logo-img {
    position: relative !important;
    width: 75px !important; /* Logo boyutu: 75px */
    height: 75px !important; /* Logo boyutu: 75px */
    max-width: 75px !important;
    max-height: 75px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Mobile Logo Switch - Desktop hidden, Mobile visible */
  .logo-img .logo-desktop {
    display: none !important;
  }

  .logo-img .logo-mobile {
    display: block !important;
    width: 75px !important; /* Logo boyutu: 75px */
    height: 75px !important; /* Logo boyutu: 75px */
    max-width: 75px !important;
    max-height: 75px !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Hide desktop nav, show mobile toggle */
  .header-right {
    display: none !important;
  }

  .mobile-toggle {
    display: flex !important;
    position: absolute !important;
    left: 20px !important; /* Header-container padding ile eşit */
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 1002 !important;
  }

  .logo-subtitle {
    display: none !important;
  }

  /* HIZLI MENÜ BUTONU - 1400px'de HER ZAMAN GÖRÜNÜR - ÇOK GÜÇLÜ KURAL */
  .header-inner {
    position: relative !important;
  }

  /* header-right gizli olsa bile nav-quick-menu görünür olmalı */
  .header-right .nav-quick-menu,
  .header-right-single .nav-quick-menu,
  .header-nav-row .nav-quick-menu,
  .nav-quick-menu,
  button.nav-quick-menu,
  #quickMenuBtn {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    right: 50px !important; /* Mobile toggle'dan önce */
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: auto !important;
    min-width: 110px !important;
    height: 40px !important;
    padding: 8px 12px !important;
    font-size: 9px !important;
    margin-left: 0 !important;
    z-index: 1002 !important;
    gap: 6px !important;
  }

  /* HIZLI MENÜ YAZISI HER ZAMAN GÖRÜNÜR - 1400px - ÇOK GÜÇLÜ KURAL */
  .header-right .nav-quick-menu span,
  .header-right-single .nav-quick-menu span,
  .header-nav-row .nav-quick-menu span,
  .nav-quick-menu span,
  button.nav-quick-menu span,
  #quickMenuBtn span {
    display: inline !important;
    white-space: nowrap !important;
    font-size: 9px !important;
    letter-spacing: 0.3px !important;
    font-weight: 700 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* 1200px - Tablets */
@media (max-width: 1200px) {
  .logo {
    height: 75px !important; /* Logo boyutu: 75px */
  }

  .logo-img {
    width: 75px !important; /* Logo boyutu: 75px */
    height: 75px !important;
    max-width: 75px !important;
    max-height: 75px !important;
  }

  .logo-img .logo-mobile {
    width: 75px !important; /* Logo boyutu: 75px */
    height: 75px !important;
    max-width: 75px !important;
    max-height: 75px !important;
  }

  /* HIZLI MENÜ BUTONU - 1200px'de HER ZAMAN GÖRÜNÜR */
  .header-inner {
    position: relative !important;
  }

  .header-right .nav-quick-menu,
  .nav-quick-menu {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    right: 50px !important; /* Mobile toggle'dan önce */
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: auto !important;
    min-width: 105px !important;
    height: 40px !important;
    padding: 8px 12px !important;
    font-size: 9px !important;
    margin-left: 0 !important;
    z-index: 1002 !important;
    gap: 6px !important;
  }

  /* HIZLI MENÜ YAZISI HER ZAMAN GÖRÜNÜR - 1200px */
  .nav-quick-menu span {
    display: inline !important;
    white-space: nowrap !important;
    font-size: 9px !important;
    letter-spacing: 0.3px !important;
    font-weight: 700 !important;
  }

  .header-container {
    padding: 0 20px !important; /* Sadece yatay padding */
    height: 80px !important;
    max-height: 80px !important;
    box-sizing: border-box !important;
  }

  .header-inner {
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* 992px-1400px ARASI - ÖZEL BREAKPOINT */
@media (min-width: 993px) and (max-width: 1399px) {
  .header-inner {
    position: relative !important;
  }

  /* HIZLI MENÜ BUTONU - 992px-1400px ARASI HER ZAMAN GÖRÜNÜR - ÇOK GÜÇLÜ KURAL */
  .header-right .nav-quick-menu,
  .header-right-single .nav-quick-menu,
  .header-nav-row .nav-quick-menu,
  .nav-quick-menu,
  button.nav-quick-menu,
  #quickMenuBtn {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    right: 50px !important; /* Mobile toggle'dan önce */
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: auto !important;
    min-width: 110px !important;
    height: 40px !important;
    padding: 8px 12px !important;
    font-size: 9px !important;
    margin-left: 0 !important;
    z-index: 1002 !important;
    gap: 6px !important;
  }

  /* HIZLI MENÜ YAZISI HER ZAMAN GÖRÜNÜR - 992px-1400px - ÇOK GÜÇLÜ KURAL */
  .header-right .nav-quick-menu span,
  .header-right-single .nav-quick-menu span,
  .header-nav-row .nav-quick-menu span,
  .nav-quick-menu span,
  button.nav-quick-menu span,
  #quickMenuBtn span {
    display: inline !important;
    white-space: nowrap !important;
    font-size: 9px !important;
    letter-spacing: 0.3px !important;
    font-weight: 700 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* MOBILE QUICK MENU BUTTON - TABLET VE MOBİLDE GÖRÜNÜR */
@media (max-width: 1400px) {
  .mobile-quick-menu-btn {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    right: 20px !important; /* Header-container padding ile eşit (20px) */
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: auto !important;
    min-width: 100px !important;
    height: 40px !important;
    padding: 8px 12px !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, #ffc90d 0%, #f0b800 100%) !important;
    border: none !important;
    color: #0a1628 !important;
    font-weight: 700 !important;
    font-size: 9px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    cursor: pointer !important;
    z-index: 1002 !important;
    box-shadow: 0 4px 15px rgba(255, 201, 13, 0.3) !important;
  }

  .mobile-quick-menu-btn span {
    display: inline !important;
    white-space: nowrap !important;
    font-size: 9px !important;
    letter-spacing: 0.3px !important;
    font-weight: 700 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .mobile-quick-menu-btn i {
    font-size: 14px !important;
  }
}

@media (max-width: 768px) {
  .mobile-toggle {
    left: 15px !important; /* Header-container padding ile eşit (15px) */
  }

  .mobile-quick-menu-btn {
    right: 15px !important; /* Header-container padding ile eşit (15px) */
    min-width: 95px !important;
    padding: 8px 10px !important;
    font-size: 9px !important;
    gap: 5px !important;
  }

  .mobile-quick-menu-btn span {
    font-size: 9px !important;
  }
}

@media (max-width: 576px) {
  .mobile-toggle {
    left: 10px !important; /* Header-container padding ile eşit (10px) */
  }

  .mobile-quick-menu-btn {
    right: 10px !important; /* Header-container padding ile eşit (10px) */
    min-width: 85px !important;
    height: 36px !important;
    padding: 6px 8px !important;
    font-size: 8px !important;
    gap: 4px !important;
  }

  .mobile-quick-menu-btn span {
    font-size: 8px !important;
  }

  .mobile-quick-menu-btn i {
    font-size: 12px !important;
  }
}

/* 992px */
@media (max-width: 992px) {
  .logo {
    height: 75px !important; /* Logo boyutu: 75px */
  }

  .logo-img {
    width: 75px !important; /* Logo boyutu: 75px */
    height: 75px !important;
    max-width: 75px !important;
    max-height: 75px !important;
  }

  .logo-img .logo-mobile {
    width: 75px !important; /* Logo boyutu: 75px */
    height: 75px !important;
    max-width: 75px !important;
    max-height: 75px !important;
  }

  .header-container {
    height: 80px !important;
    max-height: 80px !important;
    padding: 0 15px !important; /* Sadece yatay padding */
    box-sizing: border-box !important;
  }

  .header-inner {
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
  }

  .mobile-toggle {
    left: 15px !important; /* Header-container padding ile eşit (15px) */
  }

  /* MOBILE QUICK MENU BUTTON - 992px'de header-container padding ile eşit */
  .mobile-quick-menu-btn {
    right: 15px !important; /* Header-container padding ile eşit (15px) */
  }

  /* HIZLI MENÜ BUTONU - TABLET VE MOBİLDE HER ZAMAN GÖRÜNÜR - ÇOK GÜÇLÜ KURAL */
  /* header-right gizli olsa bile nav-quick-menu görünür olmalı */
  .header-right .nav-quick-menu,
  .header-right-single .nav-quick-menu,
  .header-nav-row .nav-quick-menu,
  .nav-quick-menu,
  button.nav-quick-menu,
  #quickMenuBtn {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    right: 50px !important; /* Mobile toggle'dan önce */
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: auto !important;
    min-width: 100px !important;
    height: 40px !important;
    padding: 8px 12px !important;
    font-size: 9px !important;
    margin-left: 0 !important;
    z-index: 1002 !important;
    gap: 6px !important;
  }

  /* HIZLI MENÜ YAZISI HER ZAMAN GÖRÜNÜR - TABLET - ÇOK GÜÇLÜ KURAL */
  .header-right .nav-quick-menu span,
  .header-right-single .nav-quick-menu span,
  .header-nav-row .nav-quick-menu span,
  .nav-quick-menu span,
  button.nav-quick-menu span,
  #quickMenuBtn span {
    display: inline !important;
    white-space: nowrap !important;
    font-size: 9px !important;
    letter-spacing: 0.3px !important;
    font-weight: 700 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* 768px - Small mobile */
@media (max-width: 768px) {
  .logo {
    height: 75px !important; /* Logo boyutu: 75px */
  }

  .logo-img {
    width: 75px !important; /* Logo boyutu: 75px */
    height: 75px !important;
    max-width: 75px !important;
    max-height: 75px !important;
  }

  .logo-img .logo-mobile {
    width: 75px !important; /* Logo boyutu: 75px */
    height: 75px !important;
    max-width: 75px !important;
    max-height: 75px !important;
  }

  .header-container {
    padding: 0 15px !important; /* Sadece yatay padding */
    height: 80px !important;
    max-height: 80px !important;
    box-sizing: border-box !important;
  }

  .header-inner {
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
  }

  /* HIZLI MENÜ BUTONU - MOBİLDE HER ZAMAN GÖRÜNÜR - ÇOK GÜÇLÜ KURAL */
  .header-right .nav-quick-menu,
  .header-right-single .nav-quick-menu,
  .header-nav-row .nav-quick-menu,
  .nav-quick-menu,
  button.nav-quick-menu,
  #quickMenuBtn {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    right: 50px !important; /* Mobile toggle'dan önce */
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: auto !important;
    min-width: 95px !important;
    height: 40px !important;
    padding: 8px 10px !important;
    font-size: 9px !important;
    margin-left: 0 !important;
    justify-content: center !important;
    z-index: 1002 !important;
    gap: 5px !important;
  }

  /* HIZLI MENÜ YAZISI HER ZAMAN GÖRÜNÜR - MOBİL (DAHA BÜYÜK FONT) - ÇOK GÜÇLÜ KURAL */
  .header-right .nav-quick-menu span,
  .header-right-single .nav-quick-menu span,
  .header-nav-row .nav-quick-menu span,
  .nav-quick-menu span,
  button.nav-quick-menu span,
  #quickMenuBtn span {
    display: inline !important;
    white-space: nowrap !important;
    font-size: 9px !important;
    letter-spacing: 0.2px !important;
    font-weight: 700 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* 576px - Extra small mobile */
@media (max-width: 576px) {
  .logo {
    height: 75px !important; /* Logo boyutu: 75px */
  }

  .logo-img {
    width: 75px !important; /* Logo boyutu: 75px */
    height: 75px !important;
    max-width: 75px !important;
    max-height: 75px !important;
  }

  .logo-img .logo-mobile {
    width: 75px !important; /* Logo boyutu: 75px */
    height: 75px !important;
    max-width: 75px !important;
    max-height: 75px !important;
  }

  .header-container {
    padding: 0 10px !important; /* Sadece yatay padding */
    height: 80px !important;
    max-height: 80px !important;
    box-sizing: border-box !important;
  }

  .header-inner {
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
  }

  /* HIZLI MENÜ BUTONU - KÜÇÜK MOBİLDE HER ZAMAN GÖRÜNÜR - ÇOK GÜÇLÜ KURAL */
  .header-right .nav-quick-menu,
  .header-right-single .nav-quick-menu,
  .header-nav-row .nav-quick-menu,
  .nav-quick-menu,
  button.nav-quick-menu,
  #quickMenuBtn {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    right: 45px !important; /* Mobile toggle'dan önce, daha yakın */
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: auto !important;
    min-width: 85px !important;
    height: 36px !important;
    padding: 6px 8px !important;
    font-size: 8px !important;
    margin-left: 0 !important;
    justify-content: center !important;
    z-index: 1002 !important;
    gap: 4px !important;
  }

  /* HIZLI MENÜ YAZISI HER ZAMAN GÖRÜNÜR - KÜÇÜK MOBİL (DAHA BÜYÜK FONT) - ÇOK GÜÇLÜ KURAL */
  .header-right .nav-quick-menu span,
  .header-right-single .nav-quick-menu span,
  .header-nav-row .nav-quick-menu span,
  .nav-quick-menu span,
  button.nav-quick-menu span,
  #quickMenuBtn span {
    display: inline !important;
    white-space: nowrap !important;
    font-size: 8px !important;
    letter-spacing: 0.1px !important;
    font-weight: 700 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* 576px - Extra small mobile */
@media (max-width: 576px) {
  .logo-img {
    width: 50px !important;
    height: 50px !important;
  }

  .logo-title {
    font-size: 12px !important;
    letter-spacing: 1px !important;
  }

  .header-container {
    padding: 6px 10px !important;
  }
}

@media (max-width: 768px) {
  .slick-prev {
    left: 5px !important;
  }

  .slick-next {
    right: 5px !important;
  }

  .slide-arrow,
  .slick-prev,
  .slick-next {
    width: 40px !important;
    height: 40px !important;
  }

  .section {
    padding: 50px 0 !important;
  }

  .announcements-title {
    font-size: 1.8rem !important;
  }

  #etkinlikler {
    padding: 60px 0 !important;
  }

  #etkinlikler .slick-prev {
    top: -45px !important;
  }

  #etkinlikler .slick-next {
    bottom: -45px !important;
  }
}

/* ==================== MEGA MENU FIXES ==================== */

/* WRAPPER - Header'ın içinde gibi davranacak */
.mega-menu-wrapper {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 125px !important;
  z-index: 1000 !important; /* Header ile aynı seviye - mega menü her zaman üstte */
  pointer-events: none !important;
}

/* MEGA MENU - Ana dropdown */
.mega-menu {
  position: absolute !important;
  top: 80px !important;
  left: 0 !important;
  right: 0 !important;
  background: rgba(10, 25, 60, 0.98) !important;
  backdrop-filter: blur(20px) !important;
  padding: 0 !important;
  max-height: 70vh !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-10px) !important;
  transition: all 0.3s ease !important;
  pointer-events: none !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3) !important;
}

/* AKTIF MENU */
.mega-menu.active {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

/* İÇERİKLER - Hepsi tıklanabilir */
.mega-menu.active * {
  pointer-events: auto !important;
}

/* LAYOUT - Sol sidebar + Sağ content */
.mega-menu-layout {
  display: flex !important;
  min-height: 400px !important;
  max-height: 70vh !important;
}

/* SOL SIDEBAR - Kategoriler */
.mega-menu-sidebar {
  margin-left: 25px !important;
  width: 280px !important;
  min-width: 280px !important;
  background: rgba(0, 0, 0, 0.3) !important;
  padding: 30px 0 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
  overflow-y: auto !important;
}

.mega-menu-title {
  padding: 0 25px 20px !important;
  margin-bottom: 20px !important;
  border-bottom: 2px solid rgba(255, 201, 13, 0.4) !important;
  font-size: 18px !important;
  color: #ffc90d !important;
  font-weight: 700 !important;
}

.mega-menu-categories {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.mega-menu-categories li {
  display: block !important;
}

.mega-category-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 15px 25px !important;
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
  border-left: 3px solid transparent !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

.mega-category-item:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  color: #ffc90d !important;
  border-left-color: rgba(255, 201, 13, 0.5) !important;
}

.mega-category-item.active {
  background: rgba(255, 201, 13, 0.1) !important;
  color: #ffc90d !important;
  border-left-color: #ffc90d !important;
  font-weight: 600 !important;
}

.mega-category-item i {
  font-size: 10px !important;
  transition: transform 0.2s ease !important;
}

.mega-category-item.active i {
  transform: translateX(5px) !important;
}

/* SAĞ CONTENT - 3 Kolonlu */
.mega-menu-content {
  flex: 1 !important;
  padding: 30px 40px !important;
  overflow-y: auto !important;
  background: rgba(10, 25, 60, 0.4) !important;
}

.mega-category-content {
  display: none !important;
}

.mega-category-content.active {
  display: block !important;
}

.mega-menu-columns-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 15px 30px !important;
}

.mega-content-link {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 14px !important;
  transition: all 0.2s ease !important;
  border-radius: 15px !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.mega-content-link:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffc90d !important;
  padding-left: 16px !important;
}

.mega-content-link i {
  font-size: 10px !important;
  opacity: 0.7 !important;
  margin-top: 5px !important;
  flex-shrink: 0 !important;
}

/* Scrollbar Styling */
.mega-menu-sidebar::-webkit-scrollbar,
.mega-menu-content::-webkit-scrollbar {
  width: 6px !important;
}

.mega-menu-sidebar::-webkit-scrollbar-track,
.mega-menu-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2) !important;
}

.mega-menu-sidebar::-webkit-scrollbar-thumb,
.mega-menu-content::-webkit-scrollbar-thumb {
  background: rgba(255, 201, 13, 0.4) !important;
  border-radius: 15px !important;
}

.mega-menu-sidebar::-webkit-scrollbar-thumb:hover,
.mega-menu-content::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 201, 13, 0.6) !important;
}

/* Responsive */
@media (max-width: 1400px) {
  .mega-menu-columns-3 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 992px) {
  /* CRITICAL: Remove max-height constraints to allow all items to be visible */
  .mega-menu {
    max-height: none !important;
    height: auto !important;
  }

  .mega-menu-layout {
    flex-direction: column !important;
    max-height: none !important;
    height: auto !important;
  }

  .mega-menu-content {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
  }

  .mega-category-content,
  .mega-category-content.active {
    max-height: none !important;
    height: auto !important;
  }

  .mega-menu-sidebar {
    width: 100% !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
  }

  .mega-menu-columns-3 {
    grid-template-columns: 1fr !important;
    max-height: none !important;
    height: auto !important;
  }
}

/* ==================== OLD HERO SECTION - DISABLED (Using hero-modern now) ==================== */
/* These styles are kept for reference but don't apply to new hero-modern class */
.hero-old,
.hero-old *,
.hero-old::before,
.hero-old::after {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

.hero-old {
  position: relative !important;
  overflow: hidden !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  min-height: 100vh !important;
}

.hero-slider-old,
.hero-slider-old .slick-list,
.hero-slider-old .slick-track {
  position: relative !important;
  height: 100vh !important;
  width: 100% !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

.hero-slide-old,
.sliderItem-old,
.hero-slide-old *,
.sliderItem-old * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

.hero-slide-old,
.sliderItem-old {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 100vh !important;
  overflow: visible !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding: 140px 5% 120px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  background-color: transparent !important;
  opacity: 0 !important;
  transition: opacity 1s ease !important;
}

.hero-slide-old.active,
.sliderItem-old.active {
  opacity: 1 !important;
}

/* Hero Slide Image Container - OLD - DISABLED */
.hero-slide-image-old,
.hero-slide-image-old *,
.hero-slide-image-old::before,
.hero-slide-image-old::after {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

.hero-slide-image-old {
  position: relative !important;
  width: 95% !important;
  max-width: 1600px !important;
  height: 75vh !important;
  margin: 0 auto !important;
  margin-top: 0 !important;
  border-radius: 15px !important;
  overflow: visible !important;
  box-shadow: none !important;
  border: none !important;
  background: transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

.hero-slide-image-old a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

.hero-slide-image-old a img {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  box-shadow: none !important;
}

/* Background image - OLD - DISABLED */
.hero-slide-image-old img,
.hero-slide-image-old video {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Fallback for old structure - OLD - DISABLED */
.hero-slide-old > img,
.hero-slide-old > video,
.sliderItem-old img,
.sliderItem-old video,
.hero-slide-old .slide-bg,
.sliderItem-old .slide-bg {
  position: absolute !important;
  top: 55% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 95% !important;
  max-width: 1600px !important;
  height: 75vh !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 15px !important;
  box-shadow: 0 25px 60px rgba(28, 69, 139, 0.2), 0 10px 30px rgba(0, 0, 0, 0.1) !important;
  border: none !important;
}

/* Overlay - OLD - DISABLED */
.hero-slide-old::after,
.sliderItem-old::after {
  display: none !important;
  content: none !important;
}

/* Hero slide image overlay - OLD - DISABLED */
.hero-slide-image-old::after {
  display: none !important;
  content: none !important;
}

/* Hero content - OLD - DISABLED */
.hero-content-old {
  display: none !important;
}

.hero-slide-content-old,
.sliderItem-old .slider-content,
.sliderItem-old > div:not(img):not(video) {
  display: none !important;
}

/* Hero overlay - OLD - DISABLED */
.hero-overlay-old {
  display: none !important;
}

/* Hero text styling - OLD - DISABLED */
.hero-slide-old h1,
.hero-slide-old h2,
.hero-slide-old .hero-title,
.sliderItem-old h1,
.sliderItem-old h2 {
  display: none !important;
}

.hero-slide-old p,
.sliderItem-old p {
  display: none !important;
}

/* Thumbs on right side - OLD - DISABLED */
.hero-thumbs-old {
  position: absolute !important;
  right: 5% !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 100 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  padding: 12px !important;
  border-radius: 15px !important;
  box-shadow: 0 8px 30px rgba(28, 69, 139, 0.15) !important;
}

.hero-thumb-old {
  width: 70px !important;
  height: 45px !important;
  border-radius: 15px !important;
  overflow: hidden !important;
  cursor: pointer !important;
  border: 3px solid transparent !important;
  transition: all 0.3s ease !important;
  opacity: 0.8 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

.hero-thumb-old:hover,
.hero-thumb-old.active {
  border-color: #1c458b !important;
  opacity: 1 !important;
  transform: scale(1.05) !important;
}

.hero-thumb-old img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* ==================== OLD HERO QUICK LINKS - DISABLED ==================== */
.hero-quick-links-old {
  position: absolute !important;
  bottom: 30px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  right: auto !important;
  z-index: 100 !important;
  background: #fff !important;
  backdrop-filter: none !important;
  border-radius: 15px !important;
  padding: 16px 28px !important;
  border: none !important;
  max-width: 90% !important;
  box-shadow: 0 10px 40px rgba(28, 69, 139, 0.15),
    0 4px 15px rgba(0, 0, 0, 0.08) !important;
}

.hero-quick-container-old {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  position: relative !important;
  background: transparent !important;
  padding: 0 !important;
}

.hero-quick-nav-old {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 50% !important;
  background: #f0f4f8 !important;
  border: none !important;
  color: #1c458b !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.hero-quick-nav-old:hover {
  background: #1c458b !important;
  color: #fff !important;
  transform: scale(1.1) !important;
}

.hero-quick-wrapper-old {
  overflow-x: hidden !important;
  overflow-y: visible !important;
  flex: 1 !important;
  max-width: 900px !important;
  padding: 10px 0 !important;
  margin: -10px 0 !important;
}

.hero-quick-track-old {
  display: flex !important;
  gap: 10px !important;
  transition: transform 0.4s ease !important;
}

.hero-quick-item-old {
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px 16px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 15px !important;
  transition: all 0.3s ease !important;
  min-width: 85px !important;
  text-decoration: none !important;
}

.hero-quick-item-old:hover {
  background: #1c458b !important;
  transform: translateY(-4px) !important;
  border-color: #1c458b !important;
  box-shadow: 0 8px 25px rgba(28, 69, 139, 0.25) !important;
}

.hero-quick-icon-old {
  width: 42px !important;
  height: 42px !important;
  border-radius: 15px !important;
  background: linear-gradient(135deg, #1c458b 0%, #0d2d5e 100%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
}

.hero-quick-item-old:hover .hero-quick-icon-old {
  background: #fff !important;
}

.hero-quick-icon-old i {
  font-size: 18px !important;
  color: #fff !important;
  transition: color 0.3s ease !important;
}

.hero-quick-item-old:hover .hero-quick-icon-old i {
  color: #1c458b !important;
}

.hero-quick-text-old {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #1c458b !important;
  text-align: center !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  font-family: "Montserrat", sans-serif !important;
  transition: color 0.3s ease !important;
}

.hero-quick-item-old:hover .hero-quick-text-old {
  color: #fff !important;
}

/* ==================== NEWS FEATURE CARD - YENİDEN YAZILDI ==================== */
.news-layout-wrapper {
  width: 100% !important;
}

.news-layout-wrapper .row {
  display: flex !important;
  flex-wrap: wrap !important;
}

/* Sol taraftaki büyük card */
.news-feature-card {
  position: relative !important;
  border-radius: 15px !important;
  overflow: hidden !important;
  height: 100% !important;
  min-height: 500px !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15) !important;
}

.news-feature-link {
  display: block !important;
  height: 100% !important;
  text-decoration: none !important;
}

.news-feature-image {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 500px !important;
  overflow: hidden !important;
  background: var(--bg-gray, #f1f5f9) !important;
  aspect-ratio: 4096 / 2304 !important; /* Haber Görsel Boyutu: 4096x2304 */
}

.news-feature-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  transition: transform 0.5s ease !important;
  image-rendering: -webkit-optimize-contrast !important;
  image-rendering: auto !important;
  -ms-interpolation-mode: bicubic !important;
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  transform: translateZ(0) !important;
}

.news-feature-card:hover .news-feature-image img {
  /* transform: scale(1.05) !important; */
}

/* Tarih badge - sol üst köşe */
.news-feature-date {
  position: absolute !important;
  top: 20px !important;
  left: 20px !important;
  background: #fff !important;
  border-radius: 15px !important;
  padding: 12px 16px !important;
  text-align: center !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
  z-index: 10 !important;
}

.news-feature-day {
  display: block !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  color: #1c458b !important;
  line-height: 1 !important;
}

.news-feature-month {
  display: block !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #666 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

/* Overlay - alt kısımda gradient */
.news-feature-overlay {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.85) 0%,
    rgba(0, 0, 0, 0.4) 50%,
    transparent 100%
  ) !important;
  padding: 40px 30px 30px !important;
  z-index: 5 !important;
}

.news-feature-content {
  position: relative !important;
  z-index: 6 !important;
}

.news-feature-category {
  display: inline-block !important;
  background: #dc3545 !important;
  color: #fff !important;
  padding: 6px 14px !important;
  border-radius: 15px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  margin-bottom: 12px !important;
}

.news-feature-title {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #fff !important;
  line-height: 1.3 !important;
  margin-bottom: 15px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.news-feature-footer {
  margin-top: 10px !important;
}

.news-feature-continue {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(255, 255, 255, 0.15) !important;
  color: #fff !important;
  padding: 10px 20px !important;
  border-radius: 15px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.news-feature-card:hover .news-feature-continue {
  background: #ffc90d !important;
  color: #1c458b !important;
  border-color: #ffc90d !important;
}

/* Sağ taraftaki küçük card'lar */
.news-grid-wrapper {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
  height: 100% !important;
}

.news-grid-card {
  background: #fff !important;
  border-radius: 15px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
}

.news-grid-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

.news-grid-link {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  text-decoration: none !important;
}

.news-grid-image {
  position: relative !important;
  height: 140px !important;
  overflow: hidden !important;
  aspect-ratio: 16 / 9 !important; /* Haber Görsel Oranı: 4096x2304 = 16:9 */
}

.news-grid-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important; /* contain yerine cover - boşluk kalmasın */
  object-position: center !important;
  transition: transform 0.4s ease !important;
}

.news-grid-card:hover .news-grid-image img {
  /* transform: scale(1.08) !important; */
}

.news-grid-content {
  padding: 15px !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

.news-grid-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1c458b !important;
  line-height: 1.4 !important;
  margin-bottom: 10px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  flex: 1 !important;
}

.news-grid-meta {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: auto !important;
}

.news-grid-date {
  font-size: 12px !important;
  color: #888 !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}

.news-grid-date i {
  color: #1c458b !important;
}

.news-grid-category {
  display: inline-block !important;
  padding: 4px 10px !important;
  border-radius: 15px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #fff !important;
  text-transform: uppercase !important;
}

/* Responsive */
@media (max-width: 1200px) {
  .hero-quick-item {
    min-width: 70px !important;
    padding: 8px 10px !important;
  }

  .hero-quick-icon {
    width: 35px !important;
    height: 35px !important;
  }

  .hero-quick-text {
    font-size: 10px !important;
  }
}

@media (max-width: 992px) {
  .news-grid-wrapper {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .news-feature-card,
  .news-feature-image {
    min-height: 400px !important;
  }
}

@media (max-width: 768px) {
  .hero-quick-links {
    bottom: 15px !important;
    padding: 8px 12px !important;
  }

  .hero-quick-item {
    min-width: 60px !important;
    padding: 6px 8px !important;
  }

  .hero-quick-icon {
    width: 30px !important;
    height: 30px !important;
  }

  .hero-quick-icon i {
    font-size: 12px !important;
  }

  .hero-quick-text {
    font-size: 9px !important;
  }

  .hero-quick-nav {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    font-size: 10px !important;
  }

  .news-grid-wrapper {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }

  .news-feature-card,
  .news-feature-image {
    min-height: 350px !important;
  }

  .news-feature-title {
    font-size: 20px !important;
  }
}

@media (max-width: 768px) {
  /* High specificity to force 1 column */
  body .news-grid-wrapper {
    grid-template-columns: 1fr !important;
    display: grid !important;
  }

  .news-feature-card,
  .news-feature-image {
    min-height: 250px !important;
  }

  .news-grid-image {
    height: 180px !important;
  }

  /* Calendar Scroll Fix - Improved */
  .calendar-container {
    padding: 10px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    display: block !important;
    width: 100% !important;
  }

  /* Force the calendar table to be wide enough to scroll */
  .fc-view-harness,
  .fc-scrollgrid {
    min-width: 700px !important;
    display: block !important;
  }

  .fc-toolbar {
    flex-direction: column !important;
    gap: 10px !important;
  }
}

/* ==================== DUYURULAR RESPONSIVE ==================== */
@media (max-width: 768px) {
  #duyurular .announcements-header {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
  }

  #duyurular .announcements-header .announcements-all-btn {
    width: 100% !important;
    justify-content: center !important;
  }

  #duyurular .announcements-title {
    font-size: 1.5rem !important;
  }

  #duyurular .announcements-tabs {
    width: 100% !important;
    overflow-x: auto !important;
  }

  #duyurular .announcements-tab-link {
    padding: 12px 15px !important;
    white-space: nowrap !important;
  }

  #duyurular .announcements-tab-link span {
    display: none !important;
  }

  #duyurular .announcement-card-modern {
    padding: 15px !important;
    gap: 15px !important;
  }

  #duyurular .announcement-card-date {
    width: 50px !important;
    height: 50px !important;
  }

  #duyurular .announcement-day {
    font-size: 18px !important;
  }

  #duyurular .announcement-card-title {
    font-size: 14px !important;
  }

  #duyurular .announcement-card-arrow {
    display: none !important;
  }

  #duyurular .announcements-nav-btn {
    width: 40px !important;
    height: 40px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 576px) {
  .footer-modern .footer-links,
  .footer-modern .footer-contact {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 15px !important;
  }
}

/* Fix Horizontal Overflow */
body {
  overflow-x: hidden !important;
}

.birim-modern-page {
  overflow-x: hidden !important;
  width: 100% !important;
}

/* Birim sayfalarında ana sayfa slider - desktop ve mobil */
.birim-modern-page .hero-modern {
  width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
}

/* Birim sayfalarında thumbnail'ler mobilde gizlensin */
@media (max-width: 992px) {
  .birim-modern-page .hero-thumbs-modern,
  .birim-modern-page .hero-modern .hero-thumbs-modern,
  .birim-modern-page section.hero-modern .hero-thumbs-modern,
  body .birim-modern-page .hero-thumbs-modern {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .birim-modern-page .hero-modern,
  .birim-modern-page section.hero-modern,
  body .birim-modern-page .hero-modern {
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    max-height: none !important;
    min-height: auto !important;
  }
}

@media (max-width: 992px) {
  /* Hide sticky side button on mobile/tablet */
  #YanMenuac,
  .stick-left {
    display: none !important;
  }
}

/* ==================== ETKİNLİK TAKVİMİ SECTION ==================== */
.calendar-section {
  background: #f8fafc !important;
  padding: 80px 0 !important;
}

.calendar-section-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  margin-bottom: 40px !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
}

.calendar-title-wrapper {
  flex: 1 !important;
}

.calendar-label {
  display: block !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #1c458b !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}

.calendar-title {
  font-size: 2.5rem !important;
  font-weight: 700 !important;
  color: #1c458b !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

.calendar-all-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: #1c458b !important;
  color: #fff !important;
  padding: 14px 28px !important;
  border-radius: 15px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 15px rgba(28, 69, 139, 0.3) !important;
}

.calendar-all-btn:hover {
  background: #ffc90d !important;
  color: #1c458b !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(255, 201, 13, 0.4) !important;
}

.calendar-all-btn i {
  transition: transform 0.3s ease !important;
}

.calendar-all-btn:hover i {
  transform: translateX(5px) !important;
}

/* Calendar Container */
.calendar-container {
  background: #fff !important;
  border-radius: 15px !important;
  padding: 30px !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08) !important;
  overflow: hidden !important;
}

/* FullCalendar Custom Styles */
#mainCalendar {
  font-family: "Montserrat", sans-serif !important;
}

/* Header Toolbar */
#mainCalendar .fc-toolbar {
  margin-bottom: 25px !important;
  padding-bottom: 20px !important;
  border-bottom: 2px solid #f0f0f0 !important;
  flex-wrap: wrap !important;
  gap: 15px !important;
}

#mainCalendar .fc-toolbar-title {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: #1c458b !important;
}

/* Navigation Buttons */
#mainCalendar .fc-button {
  background: #f0f4f8 !important;
  border: none !important;
  color: #1c458b !important;
  padding: 10px 18px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  border-radius: 15px !important;
  transition: all 0.3s ease !important;
  text-transform: capitalize !important;
}

#mainCalendar .fc-button:hover {
  background: #1c458b !important;
  color: #fff !important;
}

#mainCalendar .fc-button-active {
  background: #1c458b !important;
  color: #fff !important;
}

#mainCalendar .fc-button-primary:not(:disabled).fc-button-active {
  background: #1c458b !important;
  color: #fff !important;
}

#mainCalendar .fc-prev-button,
#mainCalendar .fc-next-button {
  background: #fff !important;
  border: 2px solid #e0e0e0 !important;
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  border-radius: 15px !important;
}

#mainCalendar .fc-prev-button:hover,
#mainCalendar .fc-next-button:hover {
  background: #1c458b !important;
  border-color: #1c458b !important;
  color: #fff !important;
}

#mainCalendar .fc-today-button {
  background: #fff !important;
  border: 2px solid #1c458b !important;
  color: #1c458b !important;
}

#mainCalendar .fc-today-button:hover {
  background: #1c458b !important;
  color: #fff !important;
}

/* Calendar Grid */
#mainCalendar .fc-scrollgrid {
  border: none !important;
}

#mainCalendar .fc-scrollgrid-section-header {
  background: #f8fafc !important;
}

#mainCalendar .fc-col-header-cell {
  padding: 15px 0 !important;
  background: #f8fafc !important;
  border: none !important;
}

#mainCalendar .fc-col-header-cell-cushion {
  font-weight: 700 !important;
  color: #64748b !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
}

/* Day Cells */
#mainCalendar .fc-daygrid-day {
  border: 1px solid #f0f0f0 !important;
  transition: background 0.2s ease !important;
}

#mainCalendar .fc-daygrid-day:hover {
  background: #f8fafc !important;
}

#mainCalendar .fc-daygrid-day-number {
  font-weight: 600 !important;
  color: #1e293b !important;
  padding: 10px !important;
  font-size: 14px !important;
}

/* Today */
#mainCalendar .fc-day-today {
  background: rgba(28, 69, 139, 0.08) !important;
}

#mainCalendar .fc-day-today .fc-daygrid-day-number {
  background: #1c458b !important;
  color: #fff !important;
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Events - Site Renkleriyle Uyumlu */
#mainCalendar .fc-event {
  border: none !important;
  border-radius: 15px !important;
  padding: 5px 10px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  margin: 2px 4px !important;
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) !important;
  line-height: 1.4 !important;
}

#mainCalendar .fc-event:hover {
  transform: scale(1.02) translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(28, 69, 139, 0.3) !important;
  filter: brightness(1.1) !important;
}

#mainCalendar .fc-event-title {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
}

#mainCalendar .fc-event-main {
  padding: 2px 4px !important;
}

/* Daygrid daha okunabilir */
#mainCalendar .fc-daygrid-event {
  white-space: nowrap !important;
  overflow: hidden !important;
}

/* Event Color Legend - Site Renkleriyle Uyumlu */
.calendar-legend {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 25px !important;
  margin-top: 30px !important;
  padding: 20px 30px !important;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
  border-radius: 15px !important;
  border: 1px solid #e2e8f0 !important;
  justify-content: center !important;
}

.calendar-legend-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 13px !important;
  color: #334155 !important;
  font-weight: 500 !important;
}

.calendar-legend-dot {
  width: 16px !important;
  height: 16px !important;
  border-radius: 15px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
}

/* Dengeli Mavi-Yeşil Legend Renkleri (Kırmızı Yok) */
.legend-bilimsel {
  background: #5a8db8 !important;
}
.legend-sosyal {
  background: #6b9a7a !important;
}
.legend-duyuru {
  background: #6b9a7a !important;
}
.legend-haber {
  background: #4a6fa5 !important;
}
.legend-basari {
  background: #6b9a7a !important;
}

/* More Link */
#mainCalendar .fc-more-link {
  color: #1c458b !important;
  font-weight: 600 !important;
  font-size: 12px !important;
}

#mainCalendar .fc-more-link:hover {
  color: #ffc90d !important;
  text-decoration: underline !important;
}

/* Other Month Days */
#mainCalendar .fc-day-other .fc-daygrid-day-number {
  color: #cbd5e1 !important;
}

/* Popover */
#mainCalendar .fc-popover {
  border-radius: 15px !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15) !important;
  border: none !important;
}

#mainCalendar .fc-popover-header {
  background: #1c458b !important;
  color: #fff !important;
  padding: 12px 15px !important;
  border-radius: 15px 15px 15 15 !important;
}

/* Week/Day View */
#mainCalendar .fc-timegrid-slot {
  height: 50px !important;
}

#mainCalendar .fc-timegrid-slot-label {
  font-size: 12px !important;
  color: #64748b !important;
}

/* Responsive */
@media (max-width: 768px) {
  .calendar-section-header {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .calendar-title {
    font-size: 1.8rem !important;
  }

  .calendar-container {
    padding: 15px !important;
    border-radius: 15px !important;
  }

  #mainCalendar .fc-toolbar {
    flex-direction: column !important;
    gap: 10px !important;
  }

  #mainCalendar .fc-toolbar-chunk {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }

  #mainCalendar .fc-button {
    padding: 8px 12px !important;
    font-size: 12px !important;
  }

  #mainCalendar .fc-daygrid-day-number {
    padding: 5px !important;
    font-size: 12px !important;
  }

  #mainCalendar .fc-event {
    font-size: 10px !important;
    padding: 2px 4px !important;
  }
}

/* ==================== DUYURULAR - FINAL OVERRIDE ==================== */
/* This must be at the end to override all previous styles */
body section#duyurular,
body .announcements.announcements-dotted,
html body section.announcements-dotted {
  background: #eef2f7 !important;
  background-color: #eef2f7 !important;
}

body section#duyurular .announcements-slider-container {
  background: #fff !important;
  border-radius: 15px !important;
  box-shadow: 0 10px 50px rgba(28, 69, 139, 0.12) !important;
  overflow: hidden !important;
  max-width: 100% !important;
  height: 340px !important;
  max-height: 340px !important;
}

body section#duyurular .announcements-grid {
  width: 100% !important;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

body section#duyurular .announcement-card-modern {
  background: #fff !important;
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  padding: 20px 20px !important;
  text-decoration: none !important;
  border-bottom: 1px solid #e5eaf0 !important;
  transition: background 0.3s ease, padding 0.3s ease !important;
  height: 85px !important;
  min-height: 85px !important;
  max-height: 85px !important;
  box-sizing: border-box !important;
  font-family: "Montserrat", sans-serif !important;
}

body section#duyurular .announcement-card-modern:hover {
  background: #f8fafc !important;
  padding-left: 38px !important;
}

body section#duyurular .announcement-card-date {
  flex-shrink: 0 !important;
  width: 65px !important;
  height: 65px !important;
  background: linear-gradient(135deg, #ffc90d 0%, #f5b800 100%) !important;
  border-radius: 15px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 15px rgba(255, 201, 13, 0.35) !important;
  border: none !important;
}

body section#duyurular .announcement-day {
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #0d2d5e !important;
  line-height: 1 !important;
}

body section#duyurular .announcement-month {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #1c458b !important;
  text-transform: uppercase !important;
  margin-top: 3px !important;
}

body section#duyurular .announcement-card-content {
  flex: 1 !important;
  min-width: 0 !important;
  display: block !important;
  visibility: visible !important;
}

body section#duyurular .announcement-card-content h4,
body section#duyurular h4.announcement-card-title,
body section#duyurular .announcement-card-title {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #1c458b !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.6 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-family: "Montserrat", sans-serif !important;
}

body
  section#duyurular
  .announcement-card-modern:hover
  .announcement-card-title {
  color: #0d2d5e !important;
}

body section#duyurular .announcement-card-arrow {
  flex-shrink: 0 !important;
  width: 40px !important;
  height: 40px !important;
  background: #eef2f7 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
}

body section#duyurular .announcement-card-arrow i {
  color: #1c458b !important;
  font-size: 14px !important;
}

body
  section#duyurular
  .announcement-card-modern:hover
  .announcement-card-arrow {
  background: #1c458b !important;
}

body
  section#duyurular
  .announcement-card-modern:hover
  .announcement-card-arrow
  i {
  color: #fff !important;
}

/* Navigation Buttons */
body section#duyurular .announcements-nav-btn {
  background: #1c458b !important;
  border: none !important;
  color: #fff !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 20px rgba(28, 69, 139, 0.35) !important;
}

body section#duyurular .announcements-nav-btn:hover {
  background: #ffc90d !important;
  color: #1c458b !important;
}

/* Labels and Titles */
body section#duyurular .announcements-label {
  color: #1c458b !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  font-family: "Montserrat", sans-serif !important;
}

body section#duyurular .announcements-title {
  color: #0d2d5e !important;
  font-size: 2.2rem !important;
  font-weight: 700 !important;
  font-family: "Montserrat", sans-serif !important;
}

/* Tabs */
body section#duyurular .announcements-tabs-wrapper {
  border-bottom: 2px solid rgba(28, 69, 139, 0.12) !important;
}

html
  body
  section#duyurular
  .announcements-tabs-wrapper
  .announcements-tabs
  .announcements-tab-item
  .announcements-tab-link,
html body section#duyurular .announcements-tab-link,
body section#duyurular button.announcements-tab-link {
  color: #475569 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 3px solid transparent !important;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

html
  body
  section#duyurular
  .announcements-tabs-wrapper
  .announcements-tabs
  .announcements-tab-item
  .announcements-tab-link:hover,
html body section#duyurular .announcements-tab-link:hover,
body section#duyurular button.announcements-tab-link:hover {
  color: #1c458b !important;
  background: rgba(28, 69, 139, 0.05) !important;
}

html
  body
  section#duyurular
  .announcements-tabs-wrapper
  .announcements-tabs
  .announcements-tab-item.active
  .announcements-tab-link,
html body section#duyurular .announcements-tab-link.active,
body section#duyurular button.announcements-tab-link.active {
  color: #1c458b !important;
  border-bottom-color: #ffc90d !important;
  background: rgba(28, 69, 139, 0.08) !important;
}

/* Tab link icons and text color */
html body section#duyurular .announcements-tab-link i,
html body section#duyurular .announcements-tab-link span,
body section#duyurular button.announcements-tab-link i,
body section#duyurular button.announcements-tab-link span {
  color: inherit !important;
}

html body section#duyurular .announcements-tab-link.active i,
html body section#duyurular .announcements-tab-link.active span,
body section#duyurular button.announcements-tab-link.active i,
body section#duyurular button.announcements-tab-link.active span {
  color: #1c458b !important;
}

/* All Button */
body section#duyurular .announcements-all-btn {
  background: #1c458b !important;
  color: #fff !important;
  border: none !important;
}

body section#duyurular .announcements-all-btn:hover {
  background: #0d2d5e !important;
}

/* ==================== HERO RESPONSIVE ==================== */
@media (max-width: 1200px) {
  /* On smaller desktops, maintain full height but ensure proper coverage */
  .hero,
  .hero-modern {
    min-height: 70vh !important;
    height: 70vh !important;
  }

  .hero-slide > img,
  .hero-slide > video,
  .sliderItem img,
  .sliderItem video,
  .hero-bg-video,
  .hero-bg-image {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  .hero-slide-image {
    width: 100% !important;
    max-width: 100% !important;
  }

  .hero-slide-image img,
  .hero-slide-image video {
    object-fit: cover !important;
  }

  .hero-slide::after,
  .sliderItem::after {
    display: none !important;
  }

  .hero-thumbs {
    right: 3% !important;
  }
}

@media (max-width: 992px) {
  /* Hero maintains aspect ratio on medium tablets */
  .hero,
  .hero-modern {
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    min-height: auto !important;
    margin-top: 70px !important; /* Fixed header için */
  }

  .hero-slide,
  .sliderItem {
    aspect-ratio: 16 / 9 !important;
  }

  .hero-slide > img,
  .hero-slide > video,
  .sliderItem img,
  .sliderItem video,
  .hero-bg-video,
  .hero-bg-image {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  .hero-slide-image {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
  }

  .hero-slide-image img,
  .hero-slide-image video {
    object-fit: cover !important;
  }

  .hero-slide::after,
  .sliderItem::after {
    display: none !important;
  }

  .hero-thumbs {
    display: none !important;
  }

  .hero-quick-links {
    bottom: 20px !important;
    padding: 12px 20px !important;
  }

  .hero-quick-item {
    min-width: 70px !important;
    padding: 10px 12px !important;
  }

  .hero-quick-icon {
    width: 36px !important;
    height: 36px !important;
  }

  .hero-quick-text {
    font-size: 10px !important;
  }
}

@media (max-width: 768px) {
  /* Hero maintains 16:9 aspect ratio on tablet */
  .hero,
  .hero-modern {
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    min-height: auto !important;
    margin-top: 65px !important; /* Küçük header için */
  }

  .hero-slide,
  .sliderItem {
    aspect-ratio: 16 / 9 !important;
    padding: 0 !important;
  }

  .hero-slide > img,
  .hero-slide > video,
  .sliderItem img,
  .sliderItem video,
  .hero-bg-video,
  .hero-bg-image {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  .hero-slide-image {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
  }

  .hero-slide-image img,
  .hero-slide-image video {
    object-fit: cover !important;
  }

  .hero-slide::after,
  .sliderItem::after {
    display: none !important;
  }

  .hero-quick-links {
    bottom: 15px !important;
    max-width: 95% !important;
    padding: 10px 15px !important;
  }

  .hero-quick-item {
    min-width: 60px !important;
    padding: 8px 10px !important;
  }

  .hero-quick-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 15px !important;
  }

  .hero-quick-icon i {
    font-size: 14px !important;
  }

  .hero-quick-text {
    font-size: 9px !important;
  }

  .hero-quick-nav {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
  }
}

/* ==================== MAIN CONTENT - HEADER OFFSET ==================== */
/* Header 150px fixed olduğu için içerik 150px aşağıdan başlamalı */
main.container {
  padding-top: 170px !important; /* Header yüksekliği + ekstra boşluk */
  min-height: calc(100vh - 170px);
}

/* Ana sayfa için padding-top yok (hero slider var) */
main.container-fluid.p-0 {
  padding-top: 0 !important;
}

/* ==================== MOBILE MENU SUBMENUS ==================== */
/* Fix cursor for toggles */
.mobile-nav-item.has-submenu > .mobile-nav-link {
  cursor: pointer !important;
}

/* Default state: Hidden */
.mobile-submenu {
  max-height: 0 !important;
  overflow: hidden !important;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  border-radius: 0 !important;
  margin-top: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  box-shadow: inset 0 10px 20px rgba(0, 0, 0, 0.1) !important;
}

/* Expanded state: Visible */
.mobile-nav-item.expanded > .mobile-submenu {
  max-height: 5000px !important; /* Increased for very long lists */
  opacity: 1 !important;
  visibility: visible !important;
  padding-bottom: 5px !important;
}

/* Submenu Items */
.mobile-submenu-item {
  padding: 0 !important;
  list-style: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important;
}

.mobile-submenu-item:last-child {
  border-bottom: none !important;
}

.mobile-submenu-link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 25px 14px 35px !important; /* Increased padding */
  color: rgba(255, 255, 255, 0.85) !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
  border-left: 3px solid transparent !important;
}

.mobile-submenu-link:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.05) !important;
  padding-left: 40px !important;
  border-left-color: #ffc90d !important;
}

.mobile-submenu-text {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.mobile-submenu-text i {
  font-size: 8px !important;
  color: #ffc90d !important;
  opacity: 0.7 !important;
}

/* Chevron Rotation */
.mobile-submenu-toggle {
  transition: transform 0.3s ease !important;
  font-size: 10px !important;
  color: rgba(255, 255, 255, 0.4) !important;
  width: 30px !important;
  height: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border-radius: 50% !important;
}

.mobile-nav-item.expanded > .mobile-nav-link .mobile-submenu-toggle,
.mobile-submenu-item.expanded > .mobile-submenu-link .mobile-submenu-toggle {
  transform: rotate(180deg) !important;
  color: #ffc90d !important;
  background: rgba(255, 201, 13, 0.1) !important;
}

/* 3rd Level Submenu */
.mobile-sub-submenu {
  max-height: 0 !important;
  overflow: hidden !important;
  transition: max-height 0.4s ease !important;
  background: rgba(0, 0, 0, 0.3) !important;
  opacity: 0 !important;
}

.mobile-submenu-item.expanded > .mobile-sub-submenu {
  max-height: 10000px !important; /* Increased for very long lists like 20+ faculties */
  opacity: 1 !important;
  overflow: visible !important; /* Allow content to flow */
}

.mobile-sub-submenu li a {
  padding: 12px 20px 12px 55px !important;
  font-size: 13px !important;
  color: rgba(255, 255, 255, 0.7) !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.02) !important;
  font-weight: 400 !important;
}

.mobile-sub-submenu li a:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.05) !important;
  padding-left: 60px !important;
}

.mobile-sub-submenu li a i {
  font-size: 6px !important;
  color: #ffc90d !important;
}

/* ==================== HOMEPAGE MOBILE RESPONSIVE ==================== */
/* Critical mobile fixes for homepage - max-width 991px */
@media (max-width: 991px) {
  /* CRITICAL: Remove all top margins and paddings */
  html,
  body {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  body > * {
    margin-top: 0 !important;
  }

  /* CRITICAL: Hide ALL slider arrows on mobile to prevent overflow */
  .slide-arrow,
  .slick-prev,
  .slick-next,
  .prev-arrow,
  .next-arrow,
  .prev-arrow-up,
  .next-arrow-down,
  .announcements-nav-btn,
  .announcements-nav,
  .slider-nav,
  .slider-arrow,
  .carousel-control-prev,
  .carousel-control-next,
  [class*="arrow"],
  [class*="nav-btn"],
  .slick-arrow {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  /* All containers should not overflow */
  .container,
  .container-fluid,
  section,
  main {
    overflow-x: hidden !important;
    max-width: 100% !important;
    margin-top: 0 !important;
  }

  main:first-of-type {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* Hero Section Mobile - 16:9 ASPECT RATIO PRESERVED */
  .hero,
  .hero-modern,
  section.hero-modern,
  #hero {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    margin-top: 70px !important; /* Fixed header için boşluk */
    padding-top: 0 !important;
  }

  .hero-slider-modern,
  .hero-slider {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  .hero-slide-modern,
  .hero-slide {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  /* CRITICAL: Maintain 16:9 aspect ratio with proper fitting */
  .hero-bg-video,
  .hero-bg-image,
  .hero-slide-image,
  .hero-slide-image img,
  .hero-slide-image video,
  .hero-slide > img,
  .hero-slide > video,
  .sliderItem img,
  .sliderItem video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 0 !important;
  }

  .hero-slide,
  .sliderItem {
    min-height: auto !important;
    aspect-ratio: 16 / 9 !important;
    padding: 0 !important;
  }

  /* Hide Event Calendar on Mobile */
  .calendar-section,
  .calendar-container,
  #calendar,
  .fc,
  .fc-view,
  [id*="calendar"],
  .etkinlik-takvim,
  .event-calendar {
    display: none !important;
  }

  /* Hero Quick Links - Mobile Scroll Fix (for _silder.cshtml) */
  .hero-quick-modern {
    position: absolute !important;
    bottom: 10px !important;
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    padding: 0 10px !important;
    z-index: 100 !important;
  }

  .hero-quick-inner {
    padding: 10px 8px !important;
    gap: 0 !important;
  }

  /* Hide arrows on mobile */
  .hero-quick-arrow,
  .hero-quick-prev,
  .hero-quick-next {
    display: none !important;
  }

  /* CRITICAL: Enable touch scrolling */
  .hero-quick-scroll {
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-behavior: smooth !important;
    touch-action: pan-x !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    max-width: 100% !important;
    flex: 1 !important;
  }

  .hero-quick-scroll::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  /* Items container - no transform, just flex */
  .hero-quick-items {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    transform: none !important;
    width: max-content !important;
  }

  .hero-quick-link {
    min-width: 70px !important;
    max-width: 80px !important;
    padding: 10px 8px !important;
    flex-shrink: 0 !important;
  }

  .hero-quick-icon-box {
    width: 36px !important;
    height: 36px !important;
  }

  .hero-quick-icon-box i {
    font-size: 16px !important;
  }

  .hero-quick-link span {
    font-size: 9px !important;
    white-space: nowrap !important;
  }

  /* Also fix older hero-quick-links and hero-quick-track classes */
  .hero-quick-links {
    position: absolute !important;
    bottom: 10px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    padding: 8px 15px !important;
  }

  .hero-quick-container {
    display: block !important;
    padding: 0 !important;
    max-width: 100% !important;
  }

  .hero-quick-nav {
    display: none !important;
  }

  .hero-quick-wrapper {
    width: 100% !important;
    overflow: visible !important;
  }

  .hero-quick-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-behavior: smooth !important;
    scrollbar-width: none !important;
    touch-action: pan-x !important;
    -ms-overflow-style: none !important;
    padding: 5px 0 !important;
  }

  .hero-quick-track::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  .hero-quick-item {
    min-width: 65px !important;
    max-width: 75px !important;
    padding: 8px 6px !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
  }

  .hero-quick-icon {
    width: 32px !important;
    height: 32px !important;
  }

  .hero-quick-icon i {
    font-size: 14px !important;
  }

  .hero-quick-text {
    font-size: 9px !important;
    white-space: nowrap !important;
  }

  /* Hide Thumbnails on Mobile - Takes up too much space */
  .hero-thumbs,
  .hero-thumbs-modern {
    display: none !important;
  }

  /* Show Dots Navigation on Mobile */
  .hero-dots-modern {
    display: flex !important;
  }

  /* Duyurular Section Mobile */
  section#duyurular,
  .announcements.section {
    padding: 40px 0 !important;
  }

  #duyurular .container {
    padding: 0 15px !important;
  }

  #duyurular .announcements-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 15px !important;
    margin-bottom: 25px !important;
  }

  #duyurular .announcements-title,
  .announcements-title {
    font-size: 1.5rem !important;
    text-align: left !important;
  }

  #duyurular .announcements-label {
    font-size: 11px !important;
    letter-spacing: 2px !important;
  }

  /* Tabs - Haberlerdeki Gibi Yan Yana (Mobil) */
  #duyurular .announcements-tabs-wrapper {
    border-bottom: 2px solid rgba(28, 69, 139, 0.1) !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
  }

  #duyurular .announcements-tabs {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    gap: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  #duyurular .announcements-tabs .announcements-tab-item {
    flex: 1 !important;
    width: auto !important;
  }

  #duyurular .announcements-tab-link {
    width: auto !important;
    padding: 12px 15px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    justify-content: center !important;
    text-align: center !important;
    border-radius: 0 !important;
    margin: 0 !important;
    border-bottom: 3px solid transparent !important;
    background: transparent !important;
    color: #64748b !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    position: relative !important;
  }

  #duyurular .announcements-tab-link i {
    font-size: 16px !important;
    margin-right: 0 !important;
  }

  #duyurular .announcements-tab-link span {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
    font-size: 11px !important;
    letter-spacing: 0.5px !important;
  }

  #duyurular .announcements-tab-link.active {
    background: transparent !important;
    color: #1c458b !important;
    border-bottom: 3px solid #1c458b !important;
    border-left: none !important;
    box-shadow: none !important;
  }

  #duyurular .announcements-tab-link:hover:not(.active) {
    color: #1c458b !important;
    background: transparent !important;
  }

  /* Slider Container - Mobilde Scroll */
  #duyurular .announcements-slider-wrapper {
    padding: 20px 0 !important;
  }

  #duyurular .announcements-slider-container {
    border-radius: 10px !important;
    max-height: 450px !important;
    overflow: visible !important;
  }

  #duyurular .announcements-slider-track {
    height: auto !important;
    max-height: 420px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin !important;
    scrollbar-color: #1c458b #e2e8f0 !important;
    padding-bottom: 100px !important; /* Son kartın tam görünmesi için */
  }

  /* Duyuru grid'ine de padding ekle */
  #duyurular .announcements-grid {
    padding-bottom: 80px !important;
  }

  /* Her kart tam görünsün */
  #duyurular .announcement-card-modern {
    scroll-snap-align: start !important;
    flex-shrink: 0 !important;
  }

  #duyurular .announcements-slider-track::-webkit-scrollbar {
    width: 6px !important;
  }

  #duyurular .announcements-slider-track::-webkit-scrollbar-track {
    background: #e2e8f0 !important;
    border-radius: 3px !important;
  }

  #duyurular .announcements-slider-track::-webkit-scrollbar-thumb {
    background: #1c458b !important;
    border-radius: 3px !important;
  }

  /* Mobilde okları gizle ve padding'i kaldır */
  #duyurular .announcements-nav-buttons-wrapper,
  .birim-announcements-section .announcements-nav-buttons-wrapper {
    display: none !important;
  }

  #duyurular .announcements-slider-wrapper,
  .birim-announcements-section .announcements-slider-wrapper {
    padding-right: 0 !important; /* Mobilde padding yok */
  }

  /* Cards Full Width */
  #duyurular .announcement-card-modern {
    padding: 15px !important;
    gap: 12px !important;
    min-height: auto !important;
  }

  #duyurular .announcement-card-date {
    width: 50px !important;
    height: 50px !important;
    border-radius: 10px !important;
  }

  #duyurular .announcement-day {
    font-size: 18px !important;
  }

  #duyurular .announcement-month {
    font-size: 9px !important;
  }

  #duyurular .announcement-card-title {
    font-size: 13px !important;
    -webkit-line-clamp: 2 !important;
  }

  #duyurular .announcement-card-arrow {
    width: 32px !important;
    height: 32px !important;
  }

  #duyurular .announcements-all-btn {
    width: 100% !important;
    justify-content: center !important;
    padding: 12px 20px !important;
    font-size: 13px !important;
  }

  /* Navigation Buttons */
  #duyurular .announcements-nav-btn {
    width: 44px !important;
    height: 44px !important;
  }

  /* Statistics Section - CRITICAL FIX */
  .stats.section,
  .statistics-section,
  section.stats,
  #sayilarla-selcuk {
    padding: 40px 15px !important;
  }

  .stats-container,
  .statistics-grid,
  .stats-grid,
  .stats-wrapper,
  .stats .row,
  .stats .d-flex,
  .statistics-section .row,
  .statistics-section .d-flex {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    gap: 15px !important;
    justify-content: center !important;
  }

  .stat-item,
  .stats-item,
  .stat-box,
  .stats-box,
  .stats .col,
  .stats [class*="col-"],
  .statistics-section .col,
  .statistics-section [class*="col-"] {
    flex: 0 0 calc(50% - 10px) !important;
    max-width: calc(50% - 10px) !important;
    min-width: 140px !important;
    padding: 15px 10px !important;
    text-align: center !important;
  }

  .stat-number,
  .stats-number,
  .stat-value {
    font-size: 1.5rem !important;
  }

  .stat-label,
  .stats-label,
  .stat-title {
    font-size: 11px !important;
  }

  /* News Cards Grid */
  .news-grid,
  .news-cards-container,
  .news-row,
  #haberler-basarilar .row {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
  }

  .news-card,
  .news-item,
  #haberler-basarilar [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* Events Section */
  #etkinlikler {
    padding: 40px 0 !important;
  }

  #etkinlikler .container {
    padding: 0 15px !important;
  }

  #etkinlikler .slick-slide {
    padding: 0 5px !important;
  }

  /* Activity Cards */
  .activity-card,
  .event-card {
    min-height: auto !important;
  }

  /* Footer Mobile */
  footer,
  .footer {
    padding: 30px 15px !important;
  }

  .footer .row,
  .footer > .container > .row {
    flex-direction: column !important;
    gap: 25px !important;
  }

  .footer [class*="col-"],
  .footer .col-md-3,
  .footer .col-lg-3,
  .footer .col-md-4,
  .footer .col-lg-4 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
    text-align: center !important;
  }

  .footer-title,
  .footer h5,
  .footer h6 {
    margin-bottom: 15px !important;
    font-size: 16px !important;
  }

  .footer-links,
  .footer ul {
    text-align: center !important;
  }

  .footer-links li,
  .footer ul li {
    margin-bottom: 8px !important;
  }

  /* Footer Logo - Center on Mobile */
  .footer-brand,
  .footer-logo,
  .footer-logo-wrapper,
  .footer .logo,
  .footer-modern .footer-brand {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
  }

  .footer-logo-img,
  .footer-brand img,
  .footer .logo img,
  .footer-modern .footer-logo-img {
    margin: 0 auto !important;
    display: block !important;
  }

  /* Quick Access Section (Logos) */
  .quick-access-section,
  .partner-logos,
  .logos-section,
  .links-logos {
    padding: 20px 10px !important;
  }

  .quick-access-logos,
  .partner-logos-wrapper,
  .logos-row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
  }

  .quick-access-logo,
  .partner-logo,
  .logo-item {
    max-width: 80px !important;
    height: auto !important;
  }

  /* Section Titles */
  .section-title,
  .section-header h2 {
    font-size: 1.5rem !important;
    text-align: left !important;
  }

  .section-subtitle,
  .section-label {
    font-size: 11px !important;
    letter-spacing: 2px !important;
  }

  /* Generic Grid Fix */
  .row {
    margin: 0 -10px !important;
  }

  .row > [class*="col-"] {
    padding: 0 10px !important;
  }
}

/* Smaller Mobile - 576px */
@media (max-width: 576px) {
  /* Hero maintains 16:9 aspect ratio */
  .hero,
  .hero-modern {
    aspect-ratio: 16 / 9 !important;
    min-height: auto !important;
    height: auto !important;
    margin-top: 60px !important; /* Küçük ekran header için */
  }

  .hero-slide,
  .sliderItem {
    min-height: auto !important;
    aspect-ratio: 16 / 9 !important;
    padding: 0 !important;
  }

  .hero-slide > img,
  .hero-slide > video,
  .sliderItem img,
  .sliderItem video,
  .hero-slide-image img,
  .hero-bg-video,
  .hero-bg-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 0 !important;
  }

  /* Quick Links even smaller */
  .hero-quick-item {
    min-width: 50px !important;
    padding: 5px 6px !important;
  }

  .hero-quick-icon {
    width: 24px !important;
    height: 24px !important;
  }

  .hero-quick-text {
    font-size: 7px !important;
  }

  /* Titles smaller */
  #duyurular .announcements-title,
  .section-title {
    font-size: 1.3rem !important;
  }

  /* Stats 2 column remains */
  .stat-item,
  .stats-item,
  .stat-box,
  .stats-box {
    flex: 0 0 calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
    min-width: 120px !important;
    padding: 12px 8px !important;
  }

  .stat-number,
  .stats-number {
    font-size: 1.3rem !important;
  }

  .stat-label,
  .stats-label {
    font-size: 10px !important;
  }

  /* Cards smaller padding */
  #duyurular .announcement-card-modern {
    padding: 12px 10px !important;
    gap: 10px !important;
  }

  #duyurular .announcement-card-date {
    width: 45px !important;
    height: 45px !important;
  }

  #duyurular .announcement-day {
    font-size: 16px !important;
  }

  #duyurular .announcement-card-title {
    font-size: 12px !important;
  }

  /* Birim sayfalarında ana sayfa slider - mobilde düzeltmeler */
  .birim-modern-page .hero-modern {
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    max-height: none !important;
  }

  .birim-modern-page .hero-thumbs-modern {
    display: none !important;
  }

  .birim-modern-page .hero-dots-modern {
    bottom: 15px !important;
  }

  /* Footer tighter */
  footer,
  .footer {
    padding: 25px 10px !important;
  }
}

/* ============================================
   HIZLI ERİŞİM MENÜSÜ (SIDENAV) - SCROLL FIX
   ============================================ */
.sidenav {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-top: 70px !important; /* Kapat butonu için alan */
  padding-bottom: 30px !important;
  display: flex !important;
  flex-direction: column !important;
}

.sidenav ul {
  flex: 1 !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding-bottom: 20px !important;
}

/* Kapat butonu - Sabit üstte */
.sidenav .closebtn {
  position: fixed !important;
  top: 15px !important;
  right: auto !important;
  left: 15px !important;
  z-index: 1030 !important;
  font-size: 28px !important;
  width: 45px !important;
  height: 45px !important;
  display: none !important; /* Varsayılan olarak gizli */
  align-items: center !important;
  justify-content: center !important;
  background: rgba(0, 0, 0, 0.8) !important;
  color: #fff !important;
  border-radius: 50% !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

/* Menü açıkken close butonu görünsün */
.sidenav .closebtn.show {
  display: flex !important;
}

.sidenav .closebtn:hover {
  background: #1c458b !important;
  transform: rotate(90deg) !important;
}

/* Mobile için daha küçük item'lar */
@media (max-width: 768px) {
  .sidenav {
    padding-top: 80px !important;
  }

  .sidenav li {
    min-height: 75px !important;
    padding: 5px !important;
  }

  .sidenav li a i {
    font-size: 28px !important;
  }

  .sidenav li a span {
    font-size: 12px !important;
  }
}

@media (max-width: 576px) {
  .sidenav li {
    min-height: 65px !important;
    width: 46% !important;
  }

  .sidenav li a i {
    font-size: 24px !important;
  }

  .sidenav li a span {
    font-size: 11px !important;
  }
}

/* ============================================
   QUICK MENU OVERLAY - SCROLL & CLOSE FIX
   ============================================ */
.quick-menu-overlay {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 20px !important;
  align-items: flex-start !important;
}

.quick-menu-container {
  max-height: none !important;
  padding-bottom: 40px !important;
}

.quick-menu-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 10 !important;
  background: rgba(10, 25, 60, 0.98) !important;
  padding: 20px 0 !important;
  margin-bottom: 20px !important;
}

.quick-menu-close {
  position: relative !important;
  z-index: 15 !important;
}

/* Mobile için daha küçük grid */
@media (max-width: 992px) {
  .quick-menu-grid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 15px !important;
  }

  .quick-menu-item {
    padding: 20px 15px !important;
  }

  .quick-menu-icon {
    width: 50px !important;
    height: 50px !important;
  }

  .quick-menu-icon i {
    font-size: 20px !important;
  }

  .quick-menu-name {
    font-size: 12px !important;
  }
}

@media (max-width: 768px) {
  .quick-menu-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
  }

  .quick-menu-item {
    padding: 15px 10px !important;
    gap: 8px !important;
  }

  .quick-menu-icon {
    width: 45px !important;
    height: 45px !important;
  }

  .quick-menu-icon i {
    font-size: 18px !important;
  }

  .quick-menu-name {
    font-size: 11px !important;
  }

  .quick-menu-header h3 {
    font-size: 18px !important;
  }
}

@media (max-width: 480px) {
  .quick-menu-overlay {
    padding: 15px !important;
  }

  .quick-menu-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }

  .quick-menu-item {
    padding: 12px 8px !important;
  }

  .quick-menu-icon {
    width: 40px !important;
    height: 40px !important;
  }

  .quick-menu-icon i {
    font-size: 16px !important;
  }

  .quick-menu-name {
    font-size: 10px !important;
  }

  .quick-menu-header h3 {
    font-size: 16px !important;
  }

  .quick-menu-close {
    width: 40px !important;
    height: 40px !important;
  }
}

/* ==================== MOBILE MENU CHEVRON - SAĞA DAYALI ==================== */
/* Mobil menüdeki chevron iconlarını sağa dayalı yap */
.mobile-nav-link,
.mobile-submenu-link {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.mobile-nav-link .mobile-submenu-toggle,
.mobile-submenu-link .mobile-submenu-toggle {
  margin-left: auto !important;
  flex-shrink: 0 !important;
  position: relative !important;
  right: 0 !important;
}

/* Nav text genişliğini sınırla, chevron sağda kalsın */
.mobile-nav-text,
.mobile-submenu-text {
  flex: 1 !important;
  min-width: 0 !important;
}

/* Chevron toggle stillerini güncelle */
.mobile-submenu-toggle {
  margin-left: auto !important;
  transition: transform 0.3s ease !important;
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.5) !important;
  width: 28px !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
}

/* ==================== MOBILE MENU ACTIVE STATE ==================== */
/* Aktif sayfa için link stili */
.mobile-nav-links a.active,
.mobile-nav-link.active,
.mobile-submenu-link.active {
  background: rgba(255, 201, 13, 0.15) !important;
  color: #ffc90d !important;
  border-left: 3px solid #ffc90d !important;
  font-weight: 600 !important;
}

.mobile-sub-submenu a.active {
  background: rgba(255, 201, 13, 0.2) !important;
  color: #ffc90d !important;
  border-left: 3px solid #ffc90d !important;
}

/* Aktif parent menülerin vurgulanması */
.mobile-nav-item.expanded > .mobile-nav-link,
.mobile-submenu-item.expanded > .mobile-submenu-link {
  background: rgba(255, 255, 255, 0.08) !important;
  border-left: 2px solid rgba(255, 201, 13, 0.5) !important;
}

/* Aktif menü öğesinin görünür olması için üst menülerin açık olması */
.mobile-nav-item.expanded > .mobile-submenu,
.mobile-submenu-item.expanded > .mobile-sub-submenu {
  max-height: 5000px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* ==================== MOBILE MENU GLASSMORPHISM ==================== */
/* Mobil menüye modern glassmorphism efekti */
.mobile-menu-overlay {
  background: rgba(10, 25, 60, 0.98) !important;
  backdrop-filter: blur(30px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(200%) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: -5px 0 30px rgba(0, 0, 0, 0.4) !important;
}

/* Arka plan overlay - çok daha bulanık ve koyu */
.mobile-menu-backdrop,
.mobile-menu-overlay::before {
  content: "" !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: -1 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all 0.3s ease !important;
  pointer-events: none !important;
}

/* Menü açıkken backdrop aktif */
.mobile-menu-overlay.active ~ .mobile-menu-backdrop,
body.mobile-menu-open .mobile-menu-backdrop {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Menü header için glassmorphism */
.mobile-menu-header {
}

/* Menü içeriği için hafif cam efekti */
.mobile-nav-links {
  background: transparent !important;
}

.mobile-nav-item,
.mobile-submenu-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Alt menüler için daha koyu glassmorphism */
.mobile-submenu {
  background: rgba(0, 0, 0, 0.25) !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
}

.mobile-sub-submenu {
  background: rgba(0, 0, 0, 0.35) !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
}

/* Menü close butonu daha görünür */
.mobile-menu-close {
  background: rgba(255, 255, 255, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

.mobile-menu-close:hover {
  background: rgba(255, 201, 13, 0.3) !important;
  border-color: rgba(255, 201, 13, 0.5) !important;
}

/* ==================== SCROLL ENGELLEMELERİ ==================== */
/* Mobil menü açıkken body scroll engelleme */
body.mobile-menu-open,
body.mega-menu-open {
  overflow: hidden !important;
}

/* HTML elementine de uygula - Scrollbar kaybolması için */
html:has(body.mobile-menu-open),
html:has(body.mega-menu-open) {
  overflow: hidden !important;
}

/* iOS için position: fixed gerekebilir ama önce overflow: hidden ile deneyelim */
/* Eğer iOS'te çalışmazsa position: fixed'i SADECE mobile için ekleriz */

/* ==================== ETKİNLİKLER TAB DÜZELTMESİ ==================== */
/* Etkinlik tablarının çizgisini düzelt */
#etkinlikler .news-tabs-wrapper {
  margin-bottom: 30px !important;
}

#etkinlikler .news-tabs.mb-3 {
  margin-bottom: 0 !important;
}

/* Tab çizgisi doğru konumda olsun */
#etkinlikler .news-tabs-wrapper .news-tabs {
  margin-bottom: 0 !important;
}

/* ============================================
   MOBILE: BUTONLAR BAŞLIĞIN ALTINDA FULL WIDTH
   ============================================ */
@media (max-width: 768px) {
  /* Haberler & Başarılar - Mobil */
  .news-section-header {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
  }

  .news-section-header .news-all-btn {
    width: 100% !important;
    justify-content: center !important;
    margin-left: 0 !important;
  }

  /* Etkinlikler - Mobil */
  .section-header {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  .section-header-buttons {
    width: 100% !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .section-header-buttons .news-all-btn {
    width: 100% !important;
    justify-content: center !important;
  }

  /* Duyurular - Mobil (zaten var ama kontrol için) */
  .announcements-header {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
  }

  .announcements-header .announcements-all-btn {
    width: 100% !important;
    justify-content: center !important;
  }
}

/* ============================================
   HABERLER & ETKİNLİKLER - SAĞDA OKLAR (ALTLI ÜSTLÜ)
   ============================================ */
/* Haberler Bölümü - Navigation Buttons */
#haberler-basarilar .news-tabs-content {
  position: relative !important;
}

#haberler-basarilar .news-nav-buttons-wrapper {
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  z-index: 10 !important;
}

#haberler-basarilar .news-nav-btn {
  position: relative !important;
  width: 50px !important;
  height: 50px !important;
  background: #1c458b !important;
  border: none !important;
  border-radius: 50% !important;
  color: #fff !important;
  cursor: pointer !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 15px rgba(28, 69, 139, 0.3) !important;
  flex-shrink: 0 !important;
}

#haberler-basarilar .news-nav-btn:hover {
  background: #0d2d5e !important;
  transform: scale(1.1) !important;
}

/* Haberler bölümünde Slick oklarını gizle */
#haberler-basarilar .slider._news .slick-prev,
#haberler-basarilar .slider._news .slick-next,
#haberler-basarilar .slider._awards .slick-prev,
#haberler-basarilar .slider._awards .slick-next,
#haberler-basarilar .slider._news .prev-arrow,
#haberler-basarilar .slider._news .next-arrow,
#haberler-basarilar .slider._awards .prev-arrow,
#haberler-basarilar .slider._awards .next-arrow {
  display: none !important;
}

/* Haberler bölümünde slider'a sağdan padding ekle */
#haberler-basarilar .slider._news,
#haberler-basarilar .slider._awards {
  padding-right: 80px !important;
}

/* Etkinlikler Bölümü - Navigation Buttons */
#etkinlikler .tab-content {
  position: relative !important;
}

#etkinlikler .activity-nav-buttons-wrapper {
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  z-index: 10 !important;
}

#etkinlikler .activity-nav-btn {
  position: relative !important;
  width: 50px !important;
  height: 50px !important;
  background: #1c458b !important;
  border: none !important;
  border-radius: 50% !important;
  color: #fff !important;
  cursor: pointer !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 15px rgba(28, 69, 139, 0.3) !important;
  flex-shrink: 0 !important;
}

#etkinlikler .activity-nav-btn:hover {
  background: #0d2d5e !important;
  transform: scale(1.1) !important;
}

/* Etkinlikler bölümünde Slick oklarını gizle */
#etkinlikler .slider._scienceactivity .slick-prev,
#etkinlikler .slider._scienceactivity .slick-next,
#etkinlikler .slider._socialactivity .slick-prev,
#etkinlikler .slider._socialactivity .slick-next,
#etkinlikler .slider._scienceactivity .prev-arrow,
#etkinlikler .slider._scienceactivity .next-arrow,
#etkinlikler .slider._socialactivity .prev-arrow,
#etkinlikler .slider._socialactivity .next-arrow {
  display: none !important;
}

/* Etkinlikler bölümünde slider'a sağdan padding ekle */
#etkinlikler .slider._scienceactivity,
#etkinlikler .slider._socialactivity {
  padding-right: 80px !important;
}

/* Tablet ve Mobil Responsive - Okları gizle ve padding'i kaldır */
@media (max-width: 992px) {
  /* Duyurular - Tablet ve mobilde okları gizle ve padding'i kaldır */
  #duyurular .announcements-nav-buttons-wrapper,
  .birim-announcements-section .announcements-nav-buttons-wrapper {
    display: none !important;
  }

  #duyurular .announcements-slider-wrapper,
  .birim-announcements-section .announcements-slider-wrapper {
    padding-right: 0 !important; /* Tablet ve mobilde padding yok */
  }

  /* Haberler & Etkinlikler - Tablet ve mobilde okları gizle ve padding'i kaldır */
  #haberler-basarilar .news-nav-buttons-wrapper,
  #etkinlikler .activity-nav-buttons-wrapper {
    display: none !important;
  }

  #haberler-basarilar .slider._news,
  #haberler-basarilar .slider._awards,
  #etkinlikler .slider._scienceactivity,
  #etkinlikler .slider._socialactivity {
    padding-right: 0 !important; /* Tablet ve mobilde padding yok */
  }
}

/* ============================================
   BİRİM SAYFALARI - 1000-1400px ARASI FULL WIDTH
   ============================================ */
@media (min-width: 1000px) and (max-width: 1400px) {
  .birim-main .birim-main-content {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}