:root {
	--color-ornek-uygulama-bg: #fff;
	--color-input-bg: #fff;
	--color-accordion-text: #232323;
	--color-accordion-inner-text: #606060;
	--color-header-title: #fff;
	--color-title-second-color: #020521;
	--color-title-first-color: #787878;
	--color-title-first-color-for-bg: #787878;
	--color-table-button-light-blue-color: #156d93;
	--color-left-menu-blue-bg: #020521;
	--color-header-circle-border: #e3e3e3;
	--color-header-circle-bg: #f7f7f7;
	--color-table-button: #d2e4e8;
	--color-table-head-bk: #354061;
	--color-button-vlight: #22a5de;
	--color-haberler-info: #3456b7;
	--color-banner-bk: #222940;
	--color-default-white-title: #3b3b3b;

	--color-body-bg: white;
	--color-card-bg: white;
	--color-title-white: #2d2d2d;
	--color-schema-bg: #edcfd0;
	--color-letter: #8faaba;
	--color-docs-border: #bebebe;
	--color-light-red: #db0d15;
	--color-dark-red: #bf0b12;
	--color-blue: #003f77;
	--color-dark-blue: #00203c;
	--color-dark-mode: #000f22;
	--color-tonlama1: #fff;
	--color-tonlama1-border: #cccccc;
	--color-tonlama2: #0a1a2f;
	--color-button-bg: #b1c5d6;
	--color-section-bg: #fafafa;
	--color-rakam-card-bg: #f5f5f5;

	--color-border: #cccccc;
	--color-docs: #2d2d2d;
	--color-span-bg: #575757;
	--color-slider-text: #a0a0a0;

	--color-footer-bg: #131313;
	--color-footer-list: #d5d5d5;
	--color-footer-input: #2a2a2a;

	--color-bakanlik-title: #7b6b6c;
	--color-breadcrumbs: #979797;
	--color-list-date: #f8f8f8;
	--color-card-border: #d8d8d8;
	--color-home-slider-dot: #d1d1d1;

	--color-uygulamalar-card: rgba(177, 197, 214, 0.76);
	--color-uygulamalar-nav: rgba(202, 214, 224, 0.5);
	--color-iletisim-card: #f2f4f6;
	--color-header-border: rgba(93, 93, 93, 0.35);
	--color-header-bg: rgba(217, 217, 217, 0.26);

	--color-light-yellow: #e6972b;
	--color-birimler-text: #5d5d5d;
	--color-haberler-text: #264a99;
	--color-haberler-span: #eff1f8;
	--color-duyurular-text: #003f77;
	--color-duyurular-footer: #747989;
	--color-map-bg: #eeeeee;
	--color-button-bg: #dfdfdf;
	--color-dark-blue: #00203c;
	--color-light-blue: #032d53;
	--color-light-green: #099055;
	--color-card-bk: #efefef;
	--color-docs-green: #04a55f;
	--color-docs-blue: #1e51c1;
	--h1-color: #383838;
	--h1-font-size: clamp(1.5rem, 2.5vw, 1.75rem);
	--h1-font-weight: 700;
	--h1-line-height: clamp(1.2, 1.3, 1.18);

	--h2-color: #00203c;
	--h2-font-size: clamp(1.375rem, 2.2vw, 1.625rem);
	--h2-font-weight: 700;
	--h2-line-height: clamp(1.2, 1.3, 1.27);

	--h3-color: #354061;
	--h3-font-size: clamp(1.25rem, 2vw, 1.5rem);
	--h3-font-weight: 600;
	--h3-line-height: clamp(1.2, 1.3, 1.25);

	--h4-color: #ba4348;
	--h4-font-size: clamp(1.125rem, 1.8vw, 1.375rem);
	--h4-font-weight: 500;
	--h4-line-height: clamp(1.2, 1.3, 1.27);

	--h5-color: #101010;
	--h5-font-size: clamp(1rem, 1.6vw, 1.25rem);
	--h5-font-weight: 500;
	--h5-line-height: clamp(1.2, 1.3, 1.25);

	--h6-color: #525560;
	--h6-font-size: clamp(0.875rem, 1.4vw, 1.1875rem);
	--h6-font-weight: 700;
	--h6-line-height: clamp(1.2, 1.3, 1.26);

	--text-color: #101010;
	--text-font-size: clamp(0.875rem, 1.2vw, 1.125rem);
	--text-font-weight: 400;
	--text-line-height: clamp(1.3, 1.4, 1.39);
}
.text-main {
	color: var(--color-light-red) !important;
}

.truncate-text-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.truncate-text-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.truncate-text-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Duyuru başlığı için 3 satır sınırı */
.two-line-with-clamp {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4;
	min-height: 2.8em;
	max-height: 2.8em; /* 2 satır için: 1.4 * 2 = 2.8em */
	margin: 0;
	word-wrap: break-word;
}
/* Duyuru başlığı için 3 satır sınırı */
.three-line-with-clamp {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4;
	min-height: 2.8em;
	max-height: 2.8em; /* 3 satır için: 1.4 * 3 = 4.2em */
	margin: 0;
	word-wrap: break-word;
}

/* Eski tarayıcılar için fallback */
.three-line-with-clamp {
	position: relative;
	max-height: 2.8em;
	overflow: hidden;
	line-height: 1.4;
}

/* Alternatif olarak, sadece 3 satır gösterip kesme */
.three-line-with-clamp {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4;
	height: 2.8em;
	margin: 0;
}

.two-line-with-clamp {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4;
	min-height: 2.8em;
	max-height: 2.8em; /* 2 satır için: 1.4 * 2 = 2.8em */
	margin: 0;
	word-wrap: break-word;
}

/* Eski tarayıcılar için fallback */
.two-line-with-clamp {
	position: relative;
	max-height: 2.8em;
	overflow: hidden;
	line-height: 1.4;
}

a.image-link {
	width: 100%;
	height: 200px;
	display: block;
	overflow: hidden;
	position: relative;
}

a.image-link img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	right: 0;
	bottom: 0;
}
.news-detail-image-wrapper {
	max-height: 60vh;
	overflow: hidden;
	background-color: #eee;
	width: 100%;
	border: 1px solid #ddd;
}

.news-detail-image-wrapper img {
	object-fit: contain;
	max-height: 60vh;
	width: 100%;
	height: 100%;
}

a:hover {
	color: var(--color-light-red);
}
.yayinlar-card-outer-wrapper .yayinlar-card-wrapper .yayinlar-card-desc-wrapper span {
	max-width: 120px;
}

/* ========================================
   GÖREVLER LİST MENÜ SİSTEMİ - LVL CLASS'LARI
   ======================================== */

/* Temel menü stilleri */
.gorevler-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.gorevler-list li {
	margin-bottom: 0.5rem;
}

.gorevler-list li:not(:last-child) {
	margin-bottom: 1rem;
}

.gorevler-list li p {
	position: relative;
	display: inline-flex;
	align-items: baseline;
	font-family: 'Inter 18pt';
	font-size: 1.125rem;
	font-size: clamp(1.125rem, 1vw, 1.125rem);
	font-weight: normal;
	font-style: normal;
	color: var(--color-title-white);
	transition: all 0.4s ease;
	margin: 0;
}

.gorevler-list li p::before {
	content: '';
	transition: all 0.4s ease;
	position: relative;
	display: inline-flex;
	align-items: normal;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background-color: var(--color-light-red);
	margin-right: 0.5rem;
	flex-shrink: 0;
}

.gorevler-list li a {
	position: relative;
	display: flex;
	align-items: baseline;
	width: 100%;
	padding: 1rem;
	justify-content: space-between;
	transition: all 0.4s ease;
	text-decoration: none;
}

.gorevler-list li a img {
	filter: brightness(0) saturate(100%) invert(65%) sepia(0%) saturate(2378%) hue-rotate(146deg) brightness(94%) contrast(116%);
	transition: all 0.4s ease;
}

/* Fotoğraf sliderında da overlay görünmesi için */
.main-banner::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.25);
	pointer-events: none;
}
.main-banner::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, rgba(255, 255, 255, 0) 100%);
	pointer-events: none;
}
/* Slider içeriği overlay üstünde görünsün */
.main-banner-content {
	z-index: 4 !important;
	position: relative;
}

/* ========================================
   LVL1 - Ana Menü Seviyesi
   ======================================== */
.gorevler-list.lvl1 > .lvl1-item {
	position: relative;
}

.gorevler-list.lvl1 > .lvl1-item > .lvl1-link {
	position: relative;
	display: flex;
	align-items: baseline;
	width: 100%;
	padding: 1rem;
	justify-content: space-between;
	transition: all 0.4s ease;
	text-decoration: none;
}

/* LVL1 Hover durumu */
.gorevler-list.lvl1 > .lvl1-item:hover > .lvl1-link {
	background-color: var(--color-light-red);
}

.gorevler-list.lvl1 > .lvl1-item:hover > .lvl1-link p {
	color: #fff;
}

.gorevler-list.lvl1 > .lvl1-item:hover > .lvl1-link p::before {
	background-color: #fff;
}

.gorevler-list.lvl1 > .lvl1-item:hover > .lvl1-link img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7492%) hue-rotate(208deg) brightness(106%) contrast(102%);
}

/* LVL1 Açık dropdown durumu */
.gorevler-list.lvl1 > .lvl1-item > .lvl1-link[aria-expanded='true'] {
	background-color: var(--color-light-red);
}

.gorevler-list.lvl1 > .lvl1-item > .lvl1-link[aria-expanded='true'] p {
	color: #fff;
}

.gorevler-list.lvl1 > .lvl1-item > .lvl1-link[aria-expanded='true'] p::before {
	background-color: #fff;
}

.gorevler-list.lvl1 > .lvl1-item > .lvl1-link[aria-expanded='true'] img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7492%) hue-rotate(208deg) brightness(106%) contrast(102%);
}

/* ========================================
   LVL2 - Alt Menü Seviyesi
   ======================================== */
.gorevler-list.lvl2 {
	margin-left: 1rem;
	margin-top: 0.5rem;
}

.gorevler-list.lvl2 > .lvl2-item {
	position: relative;
}

.gorevler-list.lvl2 > .lvl2-item > .lvl2-link {
	position: relative;
	display: flex;
	align-items: baseline;
	width: 100%;
	padding: 0.75rem 1rem;
	justify-content: space-between;
	transition: all 0.4s ease;
	text-decoration: none;
	background-color: transparent;
}

.gorevler-list.lvl2 > .lvl2-item > .lvl2-link p {
	font-size: 0.9rem;
}

/* LVL2 Hover durumu */
.gorevler-list.lvl2 > .lvl2-item:hover > .lvl2-link {
	background-color: var(--color-light-red);
}

.gorevler-list.lvl2 > .lvl2-item:hover > .lvl2-link p {
	color: #fff;
}

.gorevler-list.lvl2 > .lvl2-item:hover > .lvl2-link p::before {
	background-color: #fff;
}

.gorevler-list.lvl2 > .lvl2-item:hover > .lvl2-link img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7492%) hue-rotate(208deg) brightness(106%) contrast(102%);
}

/* LVL2 Açık dropdown durumu */
.gorevler-list.lvl2 > .lvl2-item > .lvl2-link[aria-expanded='true'] {
	background-color: var(--color-light-red);
}

.gorevler-list.lvl2 > .lvl2-item > .lvl2-link[aria-expanded='true'] p {
	color: #fff;
}

.gorevler-list.lvl2 > .lvl2-item > .lvl2-link[aria-expanded='true'] p::before {
	background-color: #fff;
}

.gorevler-list.lvl2 > .lvl2-item > .lvl2-link[aria-expanded='true'] img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7492%) hue-rotate(208deg) brightness(106%) contrast(102%);
}

/* ========================================
   LVL3 - En Alt Menü Seviyesi
   ======================================== */
.gorevler-list.lvl3 {
	margin-left: 1rem;
	margin-top: 0.25rem;
}

.gorevler-list.lvl3 > .lvl3-item {
	position: relative;
}

.gorevler-list.lvl3 > .lvl3-item > .lvl3-link {
	position: relative;
	display: flex;
	align-items: baseline;
	width: 100%;
	padding: 0.5rem 1rem;
	justify-content: space-between;
	transition: all 0.4s ease;
	text-decoration: none;
	background-color: transparent;
}

.gorevler-list.lvl3 > .lvl3-item > .lvl3-link p {
	font-size: 0.85rem;
}

/* LVL3 Hover durumu */
.gorevler-list.lvl3 > .lvl3-item:hover > .lvl3-link {
	background-color: var(--color-light-red);
}

.gorevler-list.lvl3 > .lvl3-item:hover > .lvl3-link p {
	color: #fff;
}

.gorevler-list.lvl3 > .lvl3-item:hover > .lvl3-link p::before {
	background-color: #fff;
}

.gorevler-list.lvl3 > .lvl3-item:hover > .lvl3-link img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7492%) hue-rotate(208deg) brightness(106%) contrast(102%);
}

/* ========================================
   Dropdown Ok Animasyonları
   ======================================== */
.gorevler-list li a[data-bs-toggle='collapse'] img {
	transition: transform 0.3s ease;
	transform: rotate(90deg); /* Başlangıçta aşağıya bakıyor */
}

.gorevler-list li a[data-bs-toggle='collapse'][aria-expanded='true'] img {
	transform: rotate(270deg); /* Açıkken yukarıya bakıyor */
}

/* ========================================
   Collapse Animasyonu
   ======================================== */
.collapse {
	transition: all 0.3s ease;
}

.collapse.show {
	display: block;
}

/* ========================================
   OVERRIDE - Eski CSS kurallarını geçersiz kıl
   ======================================== */
/* Eski hover kurallarını override et */
.gorevler-list li:hover .etik-komisyon-list {
	background-color: transparent !important;
}

.gorevler-list li:hover .etik-komisyon-list p {
	color: var(--color-title-white) !important;
}

.gorevler-list li:hover .etik-komisyon-list p::before {
	background-color: var(--color-light-red) !important;
}

.gorevler-list li:hover .etik-komisyon-list img {
	filter: brightness(0) saturate(100%) invert(65%) sepia(0%) saturate(2378%) hue-rotate(146deg) brightness(94%) contrast(116%) !important;
}

/* Sadece doğrudan hover yapılan elementler için aktif hale getir */
.gorevler-list.lvl1 > .lvl1-item:hover > .lvl1-link,
.gorevler-list.lvl2 > .lvl2-item:hover > .lvl2-link,
.gorevler-list.lvl3 > .lvl3-item:hover > .lvl3-link {
	background-color: var(--color-light-red) !important;
}

.gorevler-list.lvl1 > .lvl1-item:hover > .lvl1-link p,
.gorevler-list.lvl2 > .lvl2-item:hover > .lvl2-link p,
.gorevler-list.lvl3 > .lvl3-item:hover > .lvl3-link p {
	color: #fff !important;
}

.gorevler-list.lvl1 > .lvl1-item:hover > .lvl1-link p::before,
.gorevler-list.lvl2 > .lvl2-item:hover > .lvl2-link p::before,
.gorevler-list.lvl3 > .lvl3-item:hover > .lvl3-link p::before {
	background-color: #fff !important;
}

.gorevler-list.lvl1 > .lvl1-item:hover > .lvl1-link img,
.gorevler-list.lvl2 > .lvl2-item:hover > .lvl2-link img,
.gorevler-list.lvl3 > .lvl3-item:hover > .lvl3-link img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7492%) hue-rotate(208deg) brightness(106%) contrast(102%) !important;
}

.secondSubTitle h3 span,
.secondSubTitle h4 span,
.secondSubTitle h5 span,
.secondSubTitle h6 span {
	pointer-events: none;
}
#faqTabContent .tab-pane {
	max-height: 600px;
	overflow-y: auto;
	overflow-x: hidden;
}

.secondSubTitle h3 span {
	transform: translateX(-50%) translateY(-70%) !important;
}
.haber-detay-wrapper .haber-detay-inner-wrapper .info ul li:last-child {
	padding: 0;
}

.haber-detay-wrapper .haber-detay-inner-wrapper .info ul li:first-child {
	padding-right: 1rem;
}

.search-menu-wrapper form input:focus {
	color: #3d3d3d;
}

.search-result-item {
	padding: 8px 0;
}

.search-result-title {
	font-weight: 600;
	color: #fff;
	margin-bottom: 4px;
}

.search-result-type {
	font-size: 12px;
	color: #666;
	background: #f0f0f0;
	padding: 2px 6px;
	border-radius: 3px;
	display: inline-block;
	margin-bottom: 4px;
}

.search-result-description {
	font-size: 13px;
	color: #fff;
	line-height: 1.4;
}

.search-result-wrapper ul li {
	border-bottom: 1px solid #eee;
	padding: 8px 0;
}

.search-result-wrapper ul li:last-child {
	border-bottom: none;
}

.search-result-wrapper ul li a {
	text-decoration: none;
	color: inherit;
	display: block;
}

.search-result-wrapper ul li a:hover {
	background: #f8f9fa;
	border-radius: 4px;
}

mark {
	background: var(--color-light-red);
	color: #fff;
	padding: 1px 2px;
	border-radius: 2px;
}

#searchResultsList {
	max-height: 400px;
	overflow-y: auto;
}

.closeSearchButton {
	z-index: 1000;
}

@media (max-width: 992px) {
	.mobile-search-result-wrapper {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: #fff;
		border: 1px solid #ddd;
		border-radius: 4px;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		z-index: 1000;
		max-height: 300px;
		overflow-y: auto;
	}

	.mobile-search-result-item {
		padding: 12px 16px;
	}

	.mobile-search-result-title {
		font-weight: 600;
		color: #333;
		margin-bottom: 4px;
		font-size: 14px;
	}

	.mobile-search-result-type {
		font-size: 11px;
		color: #666;
		background: #f0f0f0;
		padding: 2px 6px;
		border-radius: 3px;
		display: inline-block;
		margin-bottom: 4px;
	}

	.mobile-search-result-description {
		font-size: 12px;
		color: #666;
		line-height: 1.4;
	}

	.mobile-search-result-wrapper ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.mobile-search-result-wrapper ul li {
		border-bottom: 1px solid #eee;
	}

	.mobile-search-result-wrapper ul li:last-child {
		border-bottom: none;
	}

	.mobile-search-result-wrapper ul li a {
		text-decoration: none;
		color: inherit;
		display: block;
	}

	.mobile-search-result-wrapper ul li a:hover {
		background: #f8f9fa;
	}

	.mobile-search-result-wrapper mark {
		background: #fff3cd;
		color: #856404;
		padding: 1px 2px;
		border-radius: 2px;
	}

	.hizli-erisim-form-wrapper {
		position: relative;
	}

	.search-menu-wrapper .closeSearchButton {
		position: fixed;
		top: 8rem;
		right: 1.2rem;
	}
}

/* Popup Styles */
.popup-modal .modal-content {
	border-radius: 15px;
	border: none;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.popup-modal .modal-header {
	border-bottom: 1px solid #e9ecef;
	background-color: #f8f9fa;
	border-radius: 15px 15px 0 0;
}

.popup-modal .modal-title {
	font-weight: 600;
	color: #333;
}

.popup-modal .modal-body {
	padding: 1.5rem;
}

.popup-modal .modal-footer {
	border-top: 1px solid #e9ecef;
	background-color: #f8f9fa;
	border-radius: 0 0 15px 15px;
}

.popup-content {
	line-height: 1.6;
	color: #555;
}

.popup-content img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	margin: 10px 0;
}

.popup-video video {
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.popup-image img {
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.popup-survey iframe {
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.popup-document .btn {
	border-radius: 8px;
	padding: 10px 20px;
	font-weight: 500;
}

.popup-modal .popup-image .btn-close {
	background-size: 1.2em;
	font-size: 15px;
	opacity: 0.7;
	transition: all 0.5s;
}

.popup-modal .popup-image .btn-close:hover {
	color: #fff;
	opacity: 0.5;
	background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.tanitim-video-card-wrapper img {
	height: 220px;
}

.galeriSection .photo-area .slick-vertical .photo-item.slick-slide:after {
	background-color: rgba(0, 0, 0, 0.3);
}

.galeriSection .photo-area .slick-vertical .photo-item.slick-slide:after {
	background-color: rgba(0, 0, 0, 0.3);
}

.slider-nav-horizantal .photo-item.has-overlay:after,
.has-overlay:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.25);
	transition: background-color 0.3s ease;
	pointer-events: none;
}
.has-overlay:after,
.has-light-overlay:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.15);
	transition: background-color 0.3s ease;
	pointer-events: none;
}

.slider-nav-horizantal .photo-item.has-overlay.slick-current:after {
	background-color: rgba(0, 0, 0, 0);
}

/* Slider kaydırma sırasında overlay'in düzgün görünmesi için */
.slider-nav-horizantal .photo-item {
	position: relative;
	overflow: hidden;
}

.slider-nav-horizantal .photo-item img {
	transition: transform 0.3s ease;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

/* Slick slider transition'larını optimize et */
.slider-nav-horizantal .slick-slide {
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.slider-nav-horizantal .slick-current {
	z-index: 2;
}
/* Responsive adjustments */
@media (max-width: 768px) {
	.popup-modal .modal-dialog {
		margin: 1rem;
	}

	.popup-modal .modal-body {
		padding: 1rem;
	}

	.popup-modal .modal-footer {
		padding: 1rem;
	}
}

:root {
	--ct-logo-lg-height: 50px;
	--ct-logo-sm-height: 30px;
}

.truncate-text-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Select2 özelleştirmeleri */

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #d1d5e0 !important;
	color: white;
}

.select2-container--default .select2-selection--single {
	border: 1px solid #e3e6f0;
	border-radius: 0.375rem;
	height: 38px;
	background-color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 36px;
	padding-left: 12px;
	padding-right: 30px;
	color: #6e707e;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 36px;
	right: 8px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #858796 transparent transparent transparent;
	border-width: 5px 4px 0 4px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #858796 transparent;
	border-width: 0 4px 5px 4px;
}

.select2-dropdown {
	border: 1px solid #e3e6f0;
	border-radius: 0.375rem;
	box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #d1d3e2;
	border-radius: 0.35rem;
	padding: 0.375rem 0.75rem;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #4e73df;
	color: white;
}

.select2-container--default .select2-results__option[aria-selected='true'] {
	background-color: #eaecf4;
	color: #4e73df;
}

.select2-results__option {
	padding: 8px 12px;
}

.select2-container {
	min-width: 300px;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
	background-color: var(--ct-primary);
	border: none;
	color: #000;
	border-radius: 3px;
	padding: 0 7px 0 0;
	margin-top: 6px;
}

.document-overlay {
	position: relative;
	overflow: hidden;
	text-align: center;
	padding: 1.5rem 0 0.5rem 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.document-actions {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	opacity: 0;
	transition: all 0.3s ease;
}
.document-actions {
	opacity: 1;
}
.btn-danger {
	transition: all 0.2s ease;
	box-shadow: 0 2px 8px rgba(220, 53, 69, 0.3);
}
.btn-danger:hover {
	transform: scale(1.1);
	box-shadow: 0 4px 12px rgba(220, 53, 69, 0.4);
}

.upload-icon {
	transition: all 0.3s ease;
}

.document-upload-area:hover .upload-icon {
	transform: scale(1.1);
}

.document-upload-area.dragover .upload-icon {
	transform: scale(1.2);
}

.document-upload-area::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(45deg, transparent 30%, rgba(13, 110, 253, 0.1) 50%, transparent 70%);
	transform: translateX(-100%);
	transition: transform 0.6s ease;
}

.document-upload-area:hover::before {
	transform: translateX(100%);
}

@media (max-width: 768px) {
	.document-upload-area {
		padding: 1.5rem 1rem;
	}
	.col-md-4.col-sm-6.col-12 {
		margin-bottom: 1rem;
	}
}

/* Scroll durumunda topbar'ı sabitle */
.app-topbar.topbar-active {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}

.nav-tabs .nav-link {
	border: none;
	border-bottom: 2px solid transparent;
	color: #6c757d;
	font-weight: 500;
	padding: 0.75rem 1rem;
	transition: all 0.3s ease;
}

.nav-tabs .nav-link:hover {
	border-color: transparent;
	color: #0d6efd;
	background-color: transparent;
}

.nav-tabs .nav-link.active {
	border-color: #0d6efd;
	color: #0d6efd;
	background-color: transparent;
	font-weight: 600;
}

.nav-tabs .nav-link i {
	margin-right: 0.5rem;
}

@media (max-width: 768px) {
	.nav-tabs .nav-link {
		padding: 0.5rem 0.75rem;
		font-size: 0.9rem;
	}
}

/* Modal ve detay stilleri */
.detail-section {
	background: #fff5f5;
	border-radius: 8px;
	padding: 20px;
	border-left: 4px solid #dc3545;
}

.detail-title {
	color: #dc3545;
	font-weight: 600;
	margin-bottom: 15px;
	font-size: 16px;
	border-bottom: 2px solid #fecaca;
	padding-bottom: 8px;
}

.detail-content {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.detail-item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 8px 0;
	border-bottom: 1px solid #fed7d7;
}

.detail-item:last-child {
	border-bottom: none;
}

.detail-label {
	font-weight: 600;
	color: #742a2a;
	min-width: 120px;
	font-size: 14px;
}

.detail-value {
	color: #c53030;
	font-size: 14px;
	flex: 1;
	word-break: break-word;
}

.detail-value a {
	color: #dc3545;
	text-decoration: none;
}

.detail-value a:hover {
	text-decoration: underline;
	color: #c53030;
}

/* Expand button styles - DataTable ile uyumlu */
.expand-btn {
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	padding: 8px !important;
}

.expand-btn .badge {
	cursor: pointer;
	transition: all 0.2s ease;
}

.expand-btn:hover .badge {
	transform: scale(1.05);
	box-shadow: 0 2px 8px rgba(220, 53, 69, 0.3);
}

.dtr-control {
	text-align: start !important;
}
/* DataTable responsive özelliğini gizle */
.dtr-control:before {
	display: none !important;
}

/* Modal custom styles - Danger theme */
#firmDetailsModal .modal-content {
	border-radius: 12px;
	border: none;
	box-shadow: 0 10px 30px rgba(220, 53, 69, 0.2);
}

#firmDetailsModal .modal-header {
	background: linear-gradient(135deg, #dc3545, #c53030);
	color: white;
	border-radius: 12px 12px 0 0;
	border-bottom: none;
}

#firmDetailsModal .modal-title {
	color: white;
	font-weight: 600;
}

#firmDetailsModal .btn-close {
	filter: invert(1);
}

#firmDetailsModal .modal-footer .btn-secondary {
	background-color: #6c757d;
	border-color: #6c757d;
}

#firmDetailsModal .modal-footer .btn-secondary:hover {
	background-color: #5a6268;
	border-color: #545b62;
}

/* DataTable Pagination Styling - Bootstrap override */
.dataTables_wrapper .pagination {
	margin: 20px 0 0 0;
	gap: 5px;
}

.dataTables_wrapper .page-item {
	margin: 0 2px;
}

.dataTables_wrapper .page-link {
	border: 1px solid #dee2e6 !important;
	background: white !important;
	color: #6c757d !important;
	padding: 8px 12px !important;
	border-radius: 6px !important;
	cursor: pointer;
	transition: all 0.2s ease;
	text-decoration: none;
	font-weight: 500;
	margin: 0;
	box-shadow: none !important;
}

.dataTables_wrapper .page-link:hover {
	background: #f8f9fa !important;
	border-color: #dc3545 !important;
	color: #dc3545 !important;
	transform: translateY(-1px);
	box-shadow: 0 2px 4px rgba(220, 53, 69, 0.1) !important;
	z-index: 2;
}

.dataTables_wrapper .page-item.active .page-link,
.dataTables_wrapper .page-item.active > .page-link {
	background: #dc3545 !important;
	border-color: #dc3545 !important;
	color: white !important;
	font-weight: 600;
	box-shadow: none !important;
}

.dataTables_wrapper .page-item.active .page-link:hover,
.dataTables_wrapper .page-item.active > .page-link:hover {
	background: #c53030 !important;
	border-color: #c53030 !important;
	color: white !important;
}

.dataTables_wrapper .page-item.disabled .page-link,
.dataTables_wrapper .page-item.disabled > .page-link {
	background: #f8f9fa !important;
	border-color: #e9ecef !important;
	color: #adb5bd !important;
	cursor: not-allowed;
	opacity: 0.6;
	pointer-events: none;
}

.dataTables_wrapper .page-item.disabled .page-link:hover,
.dataTables_wrapper .page-item.disabled > .page-link:hover {
	background: #f8f9fa !important;
	border-color: #e9ecef !important;
	color: #adb5bd !important;
	transform: none;
	box-shadow: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
	border: none !important;
}

/* DataTable Info Styling */
.dataTables_wrapper .dataTables_info {
	color: #6c757d;
	font-size: 14px;
	margin-top: 10px;
	text-align: start;
}

/* DataTable Length Styling */
.dataTables_wrapper .dataTables_length {
	margin-bottom: 15px;
}

.dataTables_wrapper .dataTables_length label {
	color: #6c757d;
	font-weight: 500;
}

.dataTables_wrapper .dataTables_length select {
	border: 1px solid #dee2e6;
	border-radius: 6px;
	padding: 4px 8px;
	margin: 0 5px;
	background: white;
	color: #495057;
}

/* DataTable Filter Styling */
.dataTables_wrapper .dataTables_filter {
	margin-bottom: 15px;
}

.dataTables_wrapper .dataTables_filter label {
	color: #6c757d;
	font-weight: 500;
}

.dataTables_wrapper .dataTables_filter input {
	border: 1px solid #dee2e6;
	border-radius: 6px;
	padding: 6px 12px;
	margin-left: 8px;
	background: white;
	color: #495057;
	transition: border-color 0.2s ease;
}

.dataTables_wrapper .dataTables_filter input:focus {
	outline: none;
	border-color: #dc3545;
	box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.1);
}

/* DataTable Table Styling */
#example {
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

#example thead th {
	background: #f8f9fa;
	border-bottom: 2px solid #dee2e6;
	color: #495057;
	font-weight: 600;
	padding: 12px 8px;
}

#example tbody td {
	padding: 10px 8px;
	border-bottom: 1px solid #f1f3f4;
	vertical-align: middle;
}

#example tbody tr:hover {
	background-color: #fff5f5;
}

.bottom-red-button-middle {
	position: absolute;
	bottom: 50% !important;
	left: 50% !important;
	transform: translateX(-50%) translateY(50%) !important;
	width: 2.5rem !important;
	height: 2.5rem !important;
	border: 4px solid var(--color-dark-red) !important;
}

.custom-content ul li a,
.general-content-wrapper ul li a {
	color: var(--color-light-red);
}
.custom-content ul li a:hover,
.general-content-wrapper ul li a:hover {
	color: var(--color-dark-red);
}
.custom-content ol {
	padding-top: 1rem;
	padding-bottom: 1rem;
	list-style: decimal;
	margin-left: 1rem;
	padding-left: 1rem;
}
.custom-content ol li {
	list-style: decimal;
	margin-left: 1rem;
	padding-left: 1rem;
}
.custom-content ol li a,
.general-content-wrapper ol li a,
.custom-content a {
	color: var(--color-light-red);
}
.custom-content ol li a:hover,
.general-content-wrapper ol li a:hover,
.custom-content a:hover {
	color: var(--color-dark-red);
}
.custom-content ul,
.general-content-wrapper ul {
	position: relative;
	margin-top: 1rem;
}
.custom-content table {
	width: 100%;
	border-collapse: collapse;
	border-radius: 10px;
	overflow: hidden;
	margin: 1.5rem 0;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.custom-content table thead {
	background-color: var(--color-table-head-bk, #354061);
}

.custom-content table thead th {
	color: #ffffff;
	font-weight: 600;
	padding: 1rem;
	text-align: left;
	border: 1px solid #cad6e0;
	font-size: 1rem;
}

.custom-content table tbody {
	background-color: #f7fbff;
}

.custom-content table tbody tr {
	border-bottom: 1px solid #cad6e0;
}

.custom-content table tbody tr:last-child {
	border-bottom: none;
}

.custom-content table tbody td {
	padding: 1rem;
	border: 1px solid #cad6e0;
	color: #333333;
	font-size: 0.95rem;
	line-height: 1.5;
}
.custom-content table tbody tr:first-child td {
	background-color: #354061 !important;
	color: #ffffff;
	font-weight: 600;
	padding: 1rem;
	text-align: left;
	border: 1px solid #cad6e0;
	font-size: 1rem;
}
.custom-content table tbody tr:nth-child(even) {
	background-color: #f7fbff;
}

.custom-content table tbody tr:nth-child(odd) {
	background-color: #ffffff;
}

.custom-content table tbody tr:hover {
	background-color: #e8f2f8;
	transition: background-color 0.2s ease;
}

.custom-content ul li,
.general-content-wrapper ul li {
	position: relative;
	display: flex;
	align-items: baseline;
	height: 100%;
	font-size: 20px;
	font-weight: normal;
}

.custom-content ul li:not(:last-child),
.general-content-wrapper ul li:not(:last-child) {
	margin-bottom: 1rem;
}

.custom-content ul li::before,
.general-content-wrapper ul li::before {
	content: '';
	position: relative;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	display: flex;
	flex-shrink: 0;
	margin-right: 0.5rem;
	background-color: var(--color-light-red);
}
ul.breadcrumbs li::before {
	display: none;
}
ul.breadcrumbs li {
	margin-bottom: 0 !important;
}

ul.breadcrumbs {
	margin-top: 0;
}

.bulten-image-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
}
.docs-card-outer-wrapper .docs-card-inner-wrapper {
	padding: 0.7rem !important;
}
.docs-card-outer-wrapper .docs-card-inner-wrapper .docs-card-wrapper p {
	font-size: clamp(1rem, 0.7vw, 1.25rem);
}

.megamenu {
	transform: translateY(-600px);
}
#weatherwidget-io-1 {
	scale: 0.7;
}

.general-content-wrapper h1 {
	font-size: var(--h1-font-size);
	color: var(--h1-color);
	font-weight: var(--h1-font-weight);
	line-height: var(--h1-line-height);
	margin-bottom: 0.5rem;
}
.general-content-wrapper h2 {
	font-size: var(--h2-font-size);
	color: var(--h2-color);
	font-weight: var(--h2-font-weight);
	line-height: var(--h2-line-height);
	margin-bottom: 0.5rem;
}
.general-content-wrapper h3 {
	font-size: var(--h3-font-size);
	color: var(--h3-color);
	font-weight: var(--h3-font-weight);
	line-height: var(--h3-line-height);
	margin-bottom: 0.5rem;
}
.general-content-wrapper h4 {
	font-size: var(--h4-font-size);
	color: var(--h4-color);
	font-weight: var(--h4-font-weight);
	line-height: var(--h4-line-height);
	margin-bottom: 0.5rem;
}
.general-content-wrapper h5 {
	font-size: var(--h5-font-size);
	color: var(--h5-color);
	font-weight: var(--h5-font-weight);
	line-height: var(--h5-line-height);
	margin-bottom: 0.5rem;
}
.general-content-wrapper h6 {
	font-size: var(--h6-font-size);
	color: var(--h6-color);
	font-weight: var(--h6-font-weight);
	line-height: var(--h6-line-height);
	margin-bottom: 0.5rem;
}
.general-content-wrapper p {
	font-size: var(--text-font-size) !important;
	color: var(--text-color) !important;
	font-weight: var(--text-font-weight) !important;
	line-height: var(--text-line-height) !important;
}

.owl-carousel .owl-item img {
	width: 100% !important;
}
.home-slide-button-wrapper .home-slide-buttonsList img {
	width: revert-layer !important;
}
.tanitim-video-card-wrapper .border-red-button.centered {
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	z-index: 1 !important;
}
.red-image {
	/* Make image red using filter */
	filter: invert(13%) sepia(100%) saturate(4819%) hue-rotate(352deg) brightness(86%) contrast(101%);
}
/* Responsive tasarım */
@media (max-width: 768px) {
	.custom-content ul li {
		font-size: 16px;
	}
	.detail-item {
		flex-direction: column;
		gap: 5px;
	}

	.detail-label {
		min-width: auto;
	}

	#firmDetailsModal .modal-dialog {
		margin: 10px;
	}

	.dataTables_wrapper .page-link {
		padding: 6px 8px !important;
		font-size: 13px;
	}

	.dataTables_wrapper .pagination {
		gap: 3px;
	}

	.dataTables_wrapper .dataTables_info {
		font-size: 13px;
	}

	.dataTables_wrapper .dataTables_length,
	.dataTables_wrapper .dataTables_filter {
		text-align: center;
		margin-bottom: 10px;
	}
}

/* Modal ve detay stilleri */
.detail-section {
	background: #fff5f5;
	border-radius: 8px;
	padding: 20px;
	border-left: 4px solid #dc3545;
}

.detail-title {
	color: #dc3545;
	font-weight: 600;
	margin-bottom: 15px;
	font-size: 16px;
	border-bottom: 2px solid #fecaca;
	padding-bottom: 8px;
}

.detail-content {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.detail-item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 8px 0;
	border-bottom: 1px solid #fed7d7;
}

.detail-item:last-child {
	border-bottom: none;
}

.detail-label {
	font-weight: 600;
	color: #742a2a;
	min-width: 120px;
	font-size: 14px;
}

.detail-value {
	color: #c53030;
	font-size: 14px;
	flex: 1;
	word-break: break-word;
}

.detail-value a {
	color: #dc3545;
	text-decoration: none;
}

.detail-value a:hover {
	text-decoration: underline;
	color: #c53030;
}

/* Expand button styles - DataTable ile uyumlu */
.expand-btn {
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	padding: 8px !important;
}

.expand-btn .badge {
	cursor: pointer;
	transition: all 0.2s ease;
}

.expand-btn:hover .badge {
	transform: scale(1.05);
	box-shadow: 0 2px 8px rgba(220, 53, 69, 0.3);
}

.dtr-control {
	text-align: start !important;
}
/* DataTable responsive özelliğini gizle */
.dtr-control:before {
	display: none !important;
}

/* Modal custom styles - Danger theme */
#firmDetailsModal .modal-content {
	border-radius: 12px;
	border: none;
	box-shadow: 0 10px 30px rgba(220, 53, 69, 0.2);
}

#firmDetailsModal .modal-header {
	background: linear-gradient(135deg, #dc3545, #c53030);
	color: white;
	border-radius: 12px 12px 0 0;
	border-bottom: none;
}

#firmDetailsModal .modal-title {
	color: white;
	font-weight: 600;
}

#firmDetailsModal .btn-close {
	filter: invert(1);
}

#firmDetailsModal .modal-footer .btn-secondary {
	background-color: #6c757d;
	border-color: #6c757d;
}

#firmDetailsModal .modal-footer .btn-secondary:hover {
	background-color: #5a6268;
	border-color: #545b62;
}

/* Responsive tasarım */
@media (max-width: 768px) {
	.detail-item {
		flex-direction: column;
		gap: 5px;
	}

	.detail-label {
		min-width: auto;
	}

	#firmDetailsModal .modal-dialog {
		margin: 10px;
	}
}

/* DataTable Pagination Styling - Bootstrap override */
.dataTables_wrapper .pagination {
	margin: 20px 0 0 0;
	gap: 5px;
}

.dataTables_wrapper .page-item {
	margin: 0 2px;
}

.dataTables_wrapper .page-link {
	border: 1px solid #dee2e6 !important;
	background: white !important;
	color: #6c757d !important;
	padding: 8px 12px !important;
	border-radius: 6px !important;
	cursor: pointer;
	transition: all 0.2s ease;
	text-decoration: none;
	font-weight: 500;
	margin: 0;
	box-shadow: none !important;
}

.dataTables_wrapper .page-link:hover {
	background: #f8f9fa !important;
	border-color: #dc3545 !important;
	color: #dc3545 !important;
	transform: translateY(-1px);
	box-shadow: 0 2px 4px rgba(220, 53, 69, 0.1) !important;
	z-index: 2;
}

.dataTables_wrapper .page-item.active .page-link,
.dataTables_wrapper .page-item.active > .page-link {
	background: #dc3545 !important;
	border-color: #dc3545 !important;
	color: white !important;
	font-weight: 600;
	box-shadow: none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
	border: none !important;
}

.dataTables_wrapper .page-item.active .page-link:hover,
.dataTables_wrapper .page-item.active > .page-link:hover {
	background: #c53030 !important;
	border-color: #c53030 !important;
	color: white !important;
}

.dataTables_wrapper .page-item.disabled .page-link,
.dataTables_wrapper .page-item.disabled > .page-link {
	background: #f8f9fa !important;
	border-color: #e9ecef !important;
	color: #adb5bd !important;
	cursor: not-allowed;
	opacity: 0.6;
	pointer-events: none;
}

.dataTables_wrapper .page-item.disabled .page-link:hover,
.dataTables_wrapper .page-item.disabled > .page-link:hover {
	background: #f8f9fa !important;
	border-color: #e9ecef !important;
	color: #adb5bd !important;
	transform: none;
	box-shadow: none !important;
}

/* DataTable Info Styling */
.dataTables_wrapper .dataTables_info {
	color: #6c757d;
	font-size: 14px;
	margin-top: 10px;
	text-align: start;
}

/* DataTable Length Styling */
.dataTables_wrapper .dataTables_length {
	margin-bottom: 15px;
}

.dataTables_wrapper .dataTables_length label {
	color: #6c757d;
	font-weight: 500;
}

.dataTables_wrapper .dataTables_length select {
	border: 1px solid #dee2e6;
	border-radius: 6px;
	padding: 4px 8px;
	margin: 0 5px;
	background: white;
	color: #495057;
}

/* DataTable Filter Styling */
.dataTables_wrapper .dataTables_filter {
	margin-bottom: 15px;
}

.dataTables_wrapper .dataTables_filter label {
	color: #6c757d;
	font-weight: 500;
}

.dataTables_wrapper .dataTables_filter input {
	border: 1px solid #dee2e6;
	border-radius: 6px;
	padding: 6px 12px;
	margin-left: 8px;
	background: white;
	color: #495057;
	transition: border-color 0.2s ease;
}

.dataTables_wrapper .dataTables_filter input:focus {
	outline: none;
	border-color: #dc3545;
	box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.1);
}

/* DataTable Table Styling */
#example {
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

#example thead th {
	background: #f8f9fa;
	border-bottom: 2px solid #dee2e6;
	color: #495057;
	font-weight: 600;
	padding: 12px 8px;
}

#example tbody td {
	padding: 10px 8px;
	border-bottom: 1px solid #f1f3f4;
	vertical-align: middle;
}

#example tbody tr:hover {
	background-color: #fff5f5;
}

/* Responsive pagination */
@media (max-width: 768px) {
	.dataTables_wrapper .page-link {
		padding: 6px 8px !important;
		font-size: 13px;
	}

	.dataTables_wrapper .pagination {
		gap: 3px;
	}

	.dataTables_wrapper .dataTables_info {
		font-size: 13px;
	}

	.dataTables_wrapper .dataTables_length,
	.dataTables_wrapper .dataTables_filter {
		text-align: center;
		margin-bottom: 10px;
	}
}

table.dataTable tbody tr td {
	font-size: clamp(1.025rem, 1vw, 1.125rem);
}

.yayinlar-card-outer-wrapper .yayinlar-card-image-wrapper > img {
	width: 100%;
	height: 263px;
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
	-o-object-fit: cover;
	object-fit: cover;
}

.yayinlar-card-outer-wrapper .yayinlar-card-image-wrapper .share-tools ul li a {
	width: 42px;
	height: 42px;
}

.banner {
	min-height: 300px;
	max-height: 400px;
}

.video-card-title {
	color: #202054;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	font-weight: 500;
	line-height: 1.4;
	margin: 8px 0 8px 0;
	padding: 0;
	text-align: left;
	text-decoration: none;
	display: block;
	transition: color 0.3s ease;
}

/* Responsive tasarım için */
@media (max-width: 768px) {
	.video-card-title {
		font-size: 14px;
		margin: 10px 0 6px 0;
	}
}

@media (max-width: 480px) {
	.video-card-title {
		font-size: 13px;
		margin: 8px 0 5px 0;
	}
}

.hizli-erisim-box-wrapper .hizli-erisim-body .hizli-erisim-card-wrapper::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: unset;
}

/* Quick Access Search Styles */
.hizli-erisim-body .no-results {
	padding: 2rem 1rem;
}

.hizli-erisim-body .no-results img {
	opacity: 0.5;
	margin-bottom: 1rem;
}

.hizli-erisim-body .no-results h6 {
	color: #6c757d;
	margin-bottom: 0.5rem;
}

.hizli-erisim-body .no-results p {
	color: #6c757d;
	font-size: 0.875rem;
}

/* Search input focus styles */
#quickAccessSearchInput:focus {
	border-color: #202054;
	box-shadow: 0 0 0 0.2rem rgba(32, 32, 84, 0.25);
    background-color: #fff;
    color: #202054;
}

/* Smooth transitions for search results */
.hizli-erisim-card-wrapper {
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.hizli-erisim-card-wrapper[style*='display: none'] {
	opacity: 0;
	transform: scale(0.95);
}

/* Parent col-6 elementlerinin gizlenmesi için */
.hizli-erisim-body .col-6[style*='display: none'] {
	opacity: 0;
	transform: scale(0.95);
	transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Row elementlerinin doğru display değeri için */
.hizli-erisim-body .row {
	display: flex !important;
}
.altFooterList {
	color: var(--color-footer-list);
}
.table a {
	color: var(--color-dark-red);
}

/* Bootstrap Tooltip Fix - Görünürlük sorunları için */
.tooltip {
	position: absolute !important;
	z-index: 9999 !important;
	display: block !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.tooltip.show {
	opacity: 1 !important;
}

.tooltip .tooltip-inner {
	max-width: 300px;
	word-wrap: break-word;
	background-color: #333 !important;
	color: #fff !important;
	padding: 8px 12px !important;
	border-radius: 4px !important;
	font-size: 0.875rem !important;
}

.tooltip .tooltip-arrow {
	display: block !important;
	width: 0.8rem !important;
	height: 0.4rem !important;
}

.tooltip .tooltip-arrow::before {
	position: absolute !important;
	content: '' !important;
	border-color: transparent !important;
	border-style: solid !important;
}

/* Tooltip arrow positioning */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow::before {
	border-top-color: #333 !important;
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow::before {
	border-bottom-color: #333 !important;
}

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow::before {
	border-left-color: #333 !important;
}

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow::before {
	border-right-color: #333 !important;
}

.mega-menu-2 {
	height: auto !important;
	max-height: 100vh!important;
}

.dt-paging,
.dt-info {
	margin-top: 20px !important;
}
.dt-search {
	margin-bottom: 20px !important;
}

.dt-paging .pagination .page-item .page-link {
	color: #dc3545 !important;
	border: 1px solid #dc3545 !important;
	background: transparent !important;
	margin: 0 2px !important;
	border-radius: 4px !important;
	padding: 6px 12px !important;
	text-decoration: none !important;
	transition: all 0.3s ease !important;
	cursor: pointer !important;
}

.dt-paging .pagination .page-item .page-link:hover {
	background: #dc3545 !important;
	color: white !important;
	border-color: #dc3545 !important;
}

.dt-paging .pagination .page-item.active .page-link {
	background: #dc3545 !important;
	color: white !important;
	border-color: #dc3545 !important;
}

.dt-paging .pagination .page-item.disabled .page-link {
	color: #6c757d !important;
	border-color: #6c757d !important;
	background: transparent !important;
	cursor: not-allowed !important;
}

.dt-paging .pagination .page-item.disabled .page-link:hover {
	background: transparent !important;
	color: #6c757d !important;
	border-color: #6c757d !important;
}

/* Alternatif selector'lar */
.dataTables_wrapper .dt-paging .pagination .page-item .page-link {
	color: #dc3545 !important;
	border: 1px solid #dc3545 !important;
	background: transparent !important;
	margin: 0 2px !important;
	border-radius: 4px !important;
	padding: 6px 12px !important;
	text-decoration: none !important;
	transition: all 0.3s ease !important;
	cursor: pointer !important;
}

.dataTables_wrapper .dt-paging .pagination .page-item .page-link:hover {
	background: #dc3545 !important;
	color: white !important;
	border-color: #dc3545 !important;
}

.dataTables_wrapper .dt-paging .pagination .page-item.active .page-link {
	background: #dc3545 !important;
	color: white !important;
	border-color: #dc3545 !important;
}

.dataTables_wrapper .dt-paging .pagination .page-item.disabled .page-link {
	color: #6c757d !important;
	border-color: #6c757d !important;
	background: transparent !important;
	cursor: not-allowed !important;
}

.dataTables_wrapper .dt-paging .pagination .page-item.disabled .page-link:hover {
	background: transparent !important;
	color: #6c757d !important;
	border-color: #6c757d !important;
}

/* DataTable info ve length stilleri */
.dataTables_wrapper .dataTables_info {
	color: #dc3545 !important;
	font-weight: 500 !important;
}

.dataTables_wrapper .dataTables_length select {
	border-color: #dc3545 !important;
	color: #dc3545 !important;
}

.dataTables_wrapper .dataTables_length select:focus {
	border-color: #dc3545 !important;
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

/* DataTable search stilleri */
.dataTables_wrapper .dataTables_filter input {
	border-color: #dc3545 !important;
	color: #dc3545 !important;
}

.dataTables_wrapper .dataTables_filter input:focus {
	border-color: #dc3545 !important;
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

/* DataTable header stilleri */
#sitAreasTable thead th {
	background-color: #dc3545 !important;
	color: white !important;
	border-color: #dc3545 !important;
	font-weight: 600 !important;
}

/* DataTable row hover efekti */
#sitAreasTable tbody tr:hover {
	background-color: rgba(220, 53, 69, 0.1) !important;
}

/* Dosya indirme butonu stilleri */
#sitAreasTable .btn-outline-danger {
	border-color: #dc3545 !important;
	color: #dc3545 !important;
	padding: 4px 8px !important;
	font-size: 12px !important;
	line-height: 1.2 !important;
}

#sitAreasTable .btn-outline-danger:hover {
	background-color: #dc3545 !important;
	color: white !important;
	border-color: #dc3545 !important;
}

#sitAreasTable .btn-outline-danger i {
	font-size: 14px !important;
}
.btn-tender:hover {
	color: #fff !important;
}

.ornek-uygulamalar-wrapper .ornek-uygulamalar-icons-wrapper {
	width: 2.5rem;
	height: 2.5rem;
}

.haber-detay-desc-wrapper a {
	color: var(--color-dark-red);
	text-decoration: none;
}

.haber-detay-desc-wrapper a:hover {
	color: var(--color-light-red);
	text-decoration: underline;
}

.gundem-body .withScroll {
	padding-bottom: calc(var(--vh, 1vh) * 50);
}

.gundemSlider .gundem-card-wrapper .info {
	flex-direction: row;
}

.haberlerSection .oneWithDots .slick-dots li button {
	opacity: 1 !important;
}

.haberlerSection .oneWithDots .slick-dots li button {
	opacity: 1 !important;
}

.haberlerSection .oneWithDots .slick-dots li button {
	opacity: 1 !important;
}

.test-left {
	height: 418px !important;
}

.test-right {
	height: 418px !important;
}

.test-right .photo-area .slick .slick-track .slick-slide {
	max-height: 418px !important;
	min-height: 418px !important;
}

.test-left .photo-area .slick .slick-track .slick-slide img {
	max-height: 131px !important;
	min-height: 131px !important;
}

@media (max-width: 1200px) {
	.test-left {
		height: 390px !important;
	}

	.test-right {
		height: 390px !important;
	}

	.test-right .photo-area .slick .slick-track .slick-slide {
		max-height: 390px !important;
		min-height: 390px !important;
	}

	.test-left .photo-area .slick .slick-track .slick-slide img {
		max-height: 120px !important;
		min-height: 120px !important;
	}
}

.db::after {
	border-left: 1px solid rgb(221, 221, 221);
	height: 250px;
	bottom: 99%;
}

.bakan-outer-wrapper.child::before {
	border-top: 1px solid rgb(221, 221, 221);
	width: 110%;
}

.bakan-outer-wrapper.child::after {
	border-left: 1px solid rgb(221, 221, 221);
}

@media (max-width: 1200px) {
	.bakan-outer-wrapper.child::before {
		border-top: 1px solid rgb(221, 221, 221);
		width: 120%;
	}
	.bakan-outer-wrapper .bakan-wrapper .bakan-img-wrapper > img {
		position: relative;
		z-index: 1 !important;
	}
}

.lazy-bg {
	background-color: #f0f0f0;
	background-size: cover;
	background-position: center;
	transition: background-image 0.3s ease-in-out;
}

.lazy-bg-loaded {
	background-size: cover;
	background-position: center;
}

/* Lazy Load Styles */
.lazyload {
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}

.lazyloaded {
	opacity: 1;
}

.lazyload-bg {
	background-color: #e9ecef;
	transition: background-image 0.4s ease-in-out, opacity 0.4s ease-in-out;
}

.lazyloaded-bg {
	background-size: 100%;
	background-position: center;
}

/* News Banner Overlay - LogRocket style ::before/::after */
.photo-item-img {
	position: relative;
	display: block;
	height: fit-content; /* Wrapper tam img boyutunda */
	overflow: hidden;
}

.photo-item-img img {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: top;
}

/* Bottom gradient overlay via ::after */
.photo-item-img.has-title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 42%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0) 100%);
	pointer-events: none;
	z-index: 1;
}

/* Top gradient overlay via ::before */
.photo-item-img.has-subtitle::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 25%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
	pointer-events: none;
	z-index: 1;
}

/* Slick slider - height zinciri: slick-slide -> photo-item -> photo-item-img -> img */
.oneWithDots .photo-item {
	display: block;
	height: 100%;
}

.oneWithDots .photo-item-img {
	height: 100%;
}

/* Banner Title - positioned at bottom */
.photo-item-img .news-banner-title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px 34px;
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 27px;
	line-height: 36px;
	color: #fff;
	margin: 0;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	z-index: 2;
	pointer-events: none;
}

/* Banner SubTitle - positioned at top */
.photo-item-img .news-banner-subtitle {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 20px 34px;
	font-family: 'Inter', sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	color: #fff;
	margin: 0;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	z-index: 2;
	pointer-events: none;
}

/* Tablet */
@media (max-width: 991.98px) {
	.test-right {
		height: 300px !important;
	}
	.photo-item-img .news-banner-title {
		font-size: 18px;
		line-height: 24px;
		padding: 12px 24px;
	}

	.photo-item-img .news-banner-subtitle {
		font-size: 14px;
		line-height: 20px;
		padding: 12px 24px;
	}
	.test-right .photo-area .slick .slick-track .slick-slide {
		max-height: 300px !important;
		min-height: 300px !important;
	}
	.oneWithDots .photo-item img {
		max-height: 300px !important;
		min-height: 300px !important;
		object-fit: fill;
	}
}

@media (max-width: 768px) {
	.test-right {
		height: 290px !important;
	}
	.test-right .photo-area .slick .slick-track .slick-slide {
		max-height: 300px !important;
		min-height: 300px !important;
	}
	.oneWithDots .photo-item img {
		object-fit: cover!important;
	}
	.photo-item-img .news-banner-title {
		padding: 10px 16px;
	}
	.photo-item-img .news-banner-subtitle {
		padding: 10px 16px;
	}
}
/* Mobile */
@media (max-width: 480px) {
	.test-right .photo-area .slick .slick-track .slick-slide {
		max-height: 210px !important;
		min-height: 210px !important;
	}
	.oneWithDots .photo-item img {
		max-height: 210px !important;
		min-height: 210px !important;
		object-fit: fill;
	}

	.photo-item-img .news-banner-title {
		font-size: 14px;
		line-height: 18px;
		-webkit-line-clamp: 2;
	}

	.photo-item-img .news-banner-subtitle {
		font-size: 11px;
		line-height: 14px;
	}
}

.bakan-outer-wrapper .bakan-wrapper .bakan-img-wrapper.bakan {
	width: 75px;
	height: 75px;
}

.bakan-outer-wrapper .bakan-wrapper .bakan-img-wrapper > img {
	width: 60px;
	height: 60px;
	object-fit: cover;
}
.bakan-outer-wrapper .bakan-wrapper .bakan-img-wrapper.bakan > img {
	width: 90px;
	height: 90px;
}

/* Fix for haberlerSection visibility on page load */
.photo-area {
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.photo-area.rendered {
	opacity: 1;
}

/* Fix for slider-nav height calculation with lazy loaded images */
.galeriSection .slider-nav .photo-item {
	min-height: 180px;
	position: relative;
	overflow: hidden;
}

.galeriSection .slider-nav .photo-item img {
	width: 100%;
	height: 100%;
	min-height: 180px;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

/* Ensure slider-nav container has proper height */
.galeriSection .slider-nav {
	min-height: 600px;
}

.galeriSection .slider-nav .slick-list {
	min-height: 180px;
}

@media (max-width: 89.4375em) {
	.header-button {
		padding: 0 1.0125rem;
		min-width: fit-content!important;
		max-width: fit-content!important;
	}
}

/* Small Image Banner Styles - test-left için */
.test-left .photo-item-img {
	position: relative;
	display: block;
	height: 100%;
	overflow: hidden;
}

.test-left .photo-item-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: top;
}

/* Bottom gradient overlay for small images */
.test-left .photo-item-img.has-title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0) 100%);
	pointer-events: none;
	z-index: 1;
}

/* Top gradient overlay for small images */
.test-left .photo-item-img.has-subtitle::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 30%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
	pointer-events: none;
	z-index: 1;
}

/* Small Banner Title - positioned at bottom */
.test-left .photo-item-img .news-banner-title-small {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 8px 12px;
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	margin: 0;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	z-index: 2;
	pointer-events: none;
}

/* Small Banner SubTitle - positioned at top */
.test-left .photo-item-img .news-banner-subtitle-small {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 6px 12px;
	font-family: 'Inter', sans-serif;
	font-weight: 600;
	font-size: 10px;
	line-height: 14px;
	color: #fff;
	margin: 0;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	z-index: 2;
	pointer-events: none;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Responsive adjustments for small images */
@media (max-width: 1290px) {
	.general .linkarea {
		font-size: clamp(1rem, 1vw, 1rem);
	}
	.header-button img {
		display: none!important;
	}
}
@media (max-width: 1200px) {
	.test-left .photo-item-img .news-banner-title-small {
		font-size: 11px;
		line-height: 15px;
		padding: 6px 10px;
	}

	.test-left .photo-item-img .news-banner-subtitle-small {
		font-size: 9px;
		line-height: 12px;
		padding: 5px 10px;
	}
}


.galeriSection .slider-nav .border-red-button.bottom-red-button-middle img {
	width: 13px;
	height: 13px;
	position: absolute;
	top: 50%;
	left: 52%;
	transform: translate(-50%, -50%);
	min-height: unset;

}

.footer-card-wrapper .footer-card-links {
bottom: 15%!important;
transform: translateY(-50%)!important;
}


.footer-card-wrapper .footer-card-desc li a {
    padding:20px!important;
}