/* MOBİL: (1) logo + isim + hamburger üst barı, sağdan sola kayan menü çekmecesi (GAÜN ana sitesi gibi); (2) duyuru listesinde hafif sıkılaştırma.
   Menü kuralları yalnız <=1023px, duyuru kuralları <=767px; masaüstü etkilenmez. */
.mobil-menu-perde { display: none; }

@media screen and (max-width: 1023px) {
	:root { --mobil-bar: 64px; }

	.hidden-header { height: var(--mobil-bar); }

	/* Üst bar: beyaz zemin, solda logo + isim, sağda hamburger */
	#header .header-bottom { background: #fff; box-shadow: 0 2px 8px rgba(10, 41, 78, .18); z-index: 100001; }
	#header .header-bottom .menu { padding: 0 8px 0 12px; }
	#header .navbar { height: var(--mobil-bar); flex-wrap: nowrap; }
	#header .mobil-bar { display: flex !important; align-items: center; justify-content: space-between; width: 100%; margin: 0; text-align: left; }
	#header .navbar-dark .navbar-brand.d-lg-none { display: flex !important; align-items: center; gap: 10px; float: none; margin: 0; padding: 0; color: #0a294e; font-size: 15px; line-height: 1.15; white-space: normal; }
	#header .mobil-logo { width: 44px; height: 44px; object-fit: contain; flex-shrink: 0; }
	#header .mobil-ad { display: flex; flex-direction: row; align-items: baseline; gap: 4px; white-space: nowrap; letter-spacing: .3px; }
	#header .mobil-ad strong { font-size: 16px; font-weight: 700; color: #0a294e; }
	#header .mobil-ad span { font-size: 16px; font-weight: 400; color: #0a294e; }
	#header .navbar-dark .navbar-brand.d-lg-none { min-width: 0; }

	/* Hamburger */
	#header .navbar-toggler { display: flex !important; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: 46px; height: 46px; padding: 10px; border: 0; background: transparent; cursor: pointer; flex-shrink: 0; }
	#header .mobil-cizgi { display: block; width: 26px; height: 3px; border-radius: 2px; background: #0a294e; transition: transform .3s ease, opacity .3s ease; }
	#header .navbar-toggler.active .mobil-cizgi:nth-child(1) { transform: translateY(8px) rotate(45deg); }
	#header .navbar-toggler.active .mobil-cizgi:nth-child(2) { opacity: 0; transform: scaleX(0); }
	#header .navbar-toggler.active .mobil-cizgi:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

	/* Karartma perdesi */
	.mobil-menu-perde { display: block; position: fixed; inset: 0; background: rgba(0, 0, 0, .55); z-index: 99998; opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility 0s linear .3s; }
	.mobil-menu-perde.active { opacity: 1; visibility: visible; transition: opacity .3s ease, visibility 0s; }

	/* Sağdan sola kayan panel */
	#header .navbar-collapse#navbarSupportedContent {
		display: block !important;
		position: fixed;
		top: var(--mobil-bar);
		right: 0;
		width: 100%;
		max-width: 340px;
		height: calc(100vh - var(--mobil-bar));
		height: calc(100dvh - var(--mobil-bar));
		background: #0a294e;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior-y: contain;
		transform: translateX(105%);
		visibility: hidden;
		transition: transform .3s cubic-bezier(.4, 0, .2, 1), visibility 0s linear .3s;
		z-index: 100000;
		padding-bottom: env(safe-area-inset-bottom, 20px);
		box-sizing: border-box;
	}
	#header .navbar-collapse#navbarSupportedContent.mobil-acik {
		transform: translateX(0);
		visibility: visible;
		transition: transform .3s cubic-bezier(.4, 0, .2, 1), visibility 0s;
		box-shadow: -5px 0 25px rgba(0, 0, 0, .5);
	}

	/* Menü maddeleri */
	#header .navbar-nav { flex-direction: column; width: 100%; padding: 0; margin: 0; }
	#header .navbar-nav .nav-item { border-bottom: 1px solid rgba(255, 255, 255, .12); }
	#header .header-bottom .menu .nav-link { padding: 14px 18px; min-height: 48px; font-size: 15px; font-weight: 600; line-height: 1.4; color: #fff; }
	#header .header-bottom .menu .nav-item:hover > a { background: #174275; }
	#header .dropdown-toggle { display: flex; justify-content: space-between; align-items: center; }
	#header .header-bottom .menu .dropdown-toggle::after { content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; border: 0; margin: 0; transition: transform .25s ease; }
	#header .dropdown.mob-open > .dropdown-toggle { background: #174275; }
	#header .dropdown.mob-open > .dropdown-toggle::after { transform: rotate(180deg); }

	/* Alt menü: panel içinde akordiyon */
	#header .navbar .dropdown-menu { display: none !important; position: static; width: 100%; float: none; margin: 0; padding: 0; background: #0d3566 !important; visibility: visible; opacity: 1; pointer-events: auto; }
	#header .navbar .dropdown.mob-open > .dropdown-menu { display: block !important; }
	#header .navbar .dropdown-menu .container { padding: 0; max-width: none; }
	#header .navbar .dropdown-menu .row { margin: 0; }
	#header .navbar .dropdown-menu .bosluk,
	#header .navbar .dropdown-menu .dropdown-header { display: none; }
	#header .navbar .dropdown-menu div[class*="col"] { max-width: 100%; flex: 0 0 100%; margin: 0; padding: 0; }
	#header .navbar .dropdown-menu .nav-item { margin: 0; border: 0; }
	#header .navbar .dropdown-menu .nav-item .nav-link,
	#header .navbar .dropdown-menu .panel-body .nav-link { padding: 11px 18px 11px 26px; font-size: 13px; font-weight: 500; border-top: 1px solid rgba(255, 255, 255, .08); }
	#header .navbar .dropdown-menu .panel-body .nav-link { padding-left: 38px; }
	#header .header-bottom .menu .nav-link.sub-menu:hover { background: #174275; color: #fff; }

	/* E-KAYIT */
	#header .navbar-collapse > ul:not(.navbar-nav) { list-style: none; margin: 0; padding: 14px 18px 85px; }
	#header .header-bottom .menu .e-kayit { position: static; display: block; text-align: center; background: #bf1e1d; border-radius: 4px; }
}

/* MOBİL DUYURU LİSTESİ: eski görünüm korunur, yalnız gereksiz boşluklar azaltılır (<=767px). */
@media screen and (max-width: 767px) {
	#body .events .right .item { padding: 9px 10px; margin-bottom: 6px; }
	#body .events .right .item .calendar { margin-bottom: 0; }
	#body .events .right .item .text-area { padding-left: 3%; }
	#body .events .right .item .text-area .title { font-size: 14px; line-height: 18px; }
	#body .calendar .event-time { padding: 3px 10px; }
	#body .events .right .news-slider { max-height: 320px; }
}

/* Dar ekranlarda isim tek satırda kalsın (GAÜN gibi yan yana) */
@media screen and (max-width: 400px) {
	#header .mobil-ad strong, #header .mobil-ad span { font-size: 13.5px; }
	#header .mobil-ad { gap: 3px; }
}

/* Menü yazısı GAÜN ana sitesiyle aynı: 15px; masaüstü kalınlık 400, mobil çekmece 600 (yukarıda). Renk değişmez (#fff). */
.header-bottom { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@media screen and (min-width: 1024px) {
	.header-bottom .menu .nav-link { font-size: 15px; font-weight: 400; }
}