/* ==========================================================================
   SZUTEST OSGB — tasarım katmanı
   Tema: HealthHub + Elementor. Bu dosya en son yüklenir; tema dosyalarına dokunmaz.
   ========================================================================== */

:root {
	--szt-font: "DM Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	--szt-lacivert: #1b3764;
	--szt-mavi: #1082E3;
	--szt-footer-metin: rgba(255, 255, 255, .74);

	/* Tema ve Elementor font değişkenleri tek aileye */
	--theme-font-p_font-family: var(--szt-font);
	--theme-font-post_font-family: var(--szt-font);
	--theme-font-h1_font-family: var(--szt-font);
	--theme-font-h2_font-family: var(--szt-font);
	--theme-font-h3_font-family: var(--szt-font);
	--theme-font-h4_font-family: var(--szt-font);
	--theme-font-h5_font-family: var(--szt-font);
	--theme-font-h6_font-family: var(--szt-font);
	--theme-font-menu_font-family: var(--szt-font);
	--theme-font-submenu_font-family: var(--szt-font);
	--e-global-typography-primary-font-family: "DM Sans";
	--e-global-typography-secondary-font-family: "DM Sans";
	--e-global-typography-text-font-family: "DM Sans";
	--e-global-typography-accent-font-family: "DM Sans";
}

/* --------------------------------------------------------------------------
   1. Tipografi: sitede tek yazı ailesi (DM Sans)
   Eski Elementor ayarları bazı bölümlerde Ubuntu/Roboto'yu sabit yazıyor;
   ikon fontları (i, *icon*, fa-*) bu kurala dahil değil.
   -------------------------------------------------------------------------- */
body,
body :where(*):not(i):not(svg):not(svg *):not([class*="icon"]):not([class*="fa-"]):not([class*="eicon"]):not(.dashicons):not(rs-arrow) {
	font-family: var(--szt-font) !important;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6,
.sc_item_title,
.elementor-heading-title {
	letter-spacing: -0.015em;
}

/* Sayfa başlığı alanı (Hakkımızda, İletişim, Blog …) */
.sc_layouts_title_caption {
	font-weight: 500 !important;
	letter-spacing: -0.025em !important;
	line-height: 1.12 !important;
}

/* İçerik metinleri: rahat okunan satır aralığı */
.post_content p,
.elementor-widget-text-editor p {
	line-height: 1.72;
}

/* --------------------------------------------------------------------------
   2. Header (masaüstü)
   Logo + menü sol sütunda tek satır; sağ sütun içeriği kadar yer alır.
   -------------------------------------------------------------------------- */
@media (min-width: 1025px) {
	/* E-Portal menü öğesi mobil menü içindir; masaüstünde sağdaki buton var */
	.top_panel .sc_layouts_menu_nav > li.mobile-portal { display: none !important; }

	.top_panel .sc_layouts_row > .elementor-container { flex-wrap: nowrap; align-items: center; }
	.top_panel .sc_layouts_row > .elementor-container > .sc_layouts_column_align_left {
		flex: 1 1 auto;
		width: auto !important;
		min-width: 0;
	}
	.top_panel .sc_layouts_row > .elementor-container > .sc_layouts_column_align_right {
		flex: 0 0 auto;
		width: auto !important;
	}
	.top_panel .sc_layouts_column_align_left > .elementor-widget-wrap {
		flex-wrap: nowrap !important;
		align-items: center !important;
	}
	.top_panel .sc_layouts_column_align_left > .elementor-widget-wrap > .elementor-widget-image {
		flex: 0 0 auto;
		width: auto !important;
		max-width: none !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.top_panel .sc_layouts_column_align_left > .elementor-widget-wrap > .elementor-widget-image img {
		width: 188px !important;
		height: auto !important;
		max-width: none !important;
	}
	.top_panel .elementor-widget-trx_sc_layouts_menu {
		flex: 1 1 auto;
		min-width: 0;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.top_panel .elementor-widget-trx_sc_layouts_menu > .elementor-widget-container {
		margin-left: 44px !important;
	}
	.top_panel .sc_layouts_menu_nav > li > a {
		font-size: 15px !important;
		font-weight: 500 !important;
		letter-spacing: 0 !important;
		padding-left: 13px !important;
		padding-right: 13px !important;
	}
	.top_panel .sc_layouts_menu_nav > li:first-child > a { padding-left: 0 !important; }

	/* Sağ taraf: telefon ve E-Portal butonu */
	.top_panel .sc_layouts_column_align_right > .elementor-widget-wrap {
		flex-wrap: nowrap !important;
		align-items: center !important;
		gap: 26px;
	}
	.top_panel .sc_layouts_column_align_right .elementor-widget-heading,
	.top_panel .sc_layouts_column_align_right .elementor-widget-html {
		margin: 0 !important;
		width: auto !important;
	}
	.top_panel .sc_layouts_column_align_right .elementor-heading-title {
		font-size: 17px !important;
		font-weight: 600 !important;
		letter-spacing: 0 !important;
		white-space: nowrap;
	}
}

/* Dar masaüstünde (1025–1279) telefon numarası gizlenir, menü sığsın */
@media (min-width: 1025px) and (max-width: 1279px) {
	.top_panel .sc_layouts_column_align_right .elementor-widget-heading { display: none !important; }
	.top_panel .sc_layouts_menu_nav > li > a { padding-left: 10px !important; padding-right: 10px !important; }
	.top_panel .elementor-widget-trx_sc_layouts_menu > .elementor-widget-container { margin-left: 30px !important; }
}

/* --------------------------------------------------------------------------
   4. "Nace Kodu Hesaplama" yüzen butonu (WPCode: Left Bar Nace)
   Marka rengine alındı; her zaman kompakt daire (yazı üzerine gelince etiket olarak çıkar),
   sağ altta "yukarı çık" okunun üstünde. Pill hali hero metnine ve formlara biniyordu.
   -------------------------------------------------------------------------- */
body .nace-btn,
body .nace-btn.minimized {
	left: auto !important;
	right: 22px !important;
	bottom: 80px !important;
}
body .nace-btn a {
	position: relative;
	width: 52px !important;
	height: 52px !important;
	padding: 0 !important;
	justify-content: center;
	border-radius: 50% !important;
	overflow: visible !important;
	background: var(--szt-lacivert) !important;
	box-shadow: 0 10px 26px -10px rgba(27, 55, 100, .6) !important;
}
body .nace-btn:hover a {
	background: #234a85 !important;
	transform: translateY(-2px);
}
body .nace-btn .btn-text { display: none !important; }
body .nace-btn .btn-icon {
	width: 24px;
	height: 24px;
	margin: 0 !important;
	font-size: 0 !important;
	background: no-repeat center / 22px 22px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2.5' width='16' height='19' rx='2.5'/%3E%3Crect x='7.5' y='6' width='9' height='3.5' rx='.8'/%3E%3Cpath d='M8 13h.01M12 13h.01M16 13h.01M8 17h.01M12 17h.01M16 17h.01'/%3E%3C/svg%3E");
}
/* Etiket: snippet'in kendi etiketi yerine (sağa açılıyordu, ekrandan taşardı) */
body .nace-btn a::after,
body .nace-btn.minimized a::after {
	content: "NACE Kodu Hesaplama" !important;
	position: absolute !important;
	left: auto !important;
	right: 62px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	padding: 7px 12px !important;
	border-radius: 8px !important;
	background: var(--szt-lacivert) !important;
	color: #fff !important;
	font-family: var(--szt-font) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	white-space: nowrap !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none;
	transition: opacity .2s !important;
}
body .nace-btn:hover a::after,
body .nace-btn a:focus-visible::after {
	opacity: 1 !important;
	visibility: visible !important;
}

@media (max-width: 767px) {
	body .nace-btn,
	body .nace-btn.minimized { right: 14px !important; bottom: 72px !important; }
	body .nace-btn a { width: 48px !important; height: 48px !important; }
}

/* --------------------------------------------------------------------------
   6. Sayfa bazlı düzeltmeler
   -------------------------------------------------------------------------- */
/* Hakkımızda: metin sayfa boyunca 1300px'e yayılıyordu; okunur genişlikte ortalandı */
@media (min-width: 1025px) {
	.page-id-44879 [data-id^="134d"] .elementor-widget-wrap > .elementor-widget,
	.page-id-44879 [data-id="0265144"] .elementor-widget-wrap > .elementor-widget {
		width: 100% !important;
		max-width: 880px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.page-id-44879 [data-id^="134d"] .sc_item_descr,
	.page-id-44879 [data-id^="134d"] .sc_item_descr p { max-width: none !important; text-align: left !important; }
}
/* Hakkımızda: ilk metin bloğuna tablette verilmiş ek kenar boşluğu alttaki paragraflarla hizayı bozuyordu */
.page-id-44879 [data-id^="134d"] > .elementor-container > .elementor-column > .elementor-widget-wrap {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Ana sayfa "Çözümler" kartları (trx sc_icons motley): 144px'lik simge başlığın arkasına biniyordu */
.sc_icons_motley .sc_icons_item .sc_icons_icon {
	height: auto !important;
	margin: 0 0 18px !important;
	line-height: 1 !important;
}
.sc_icons_motley .sc_icons_item .sc_icons_icon > span {
	position: static !important;
	display: inline-block !important;
	width: auto !important;
	height: auto !important;
	font-size: 44px !important;
	line-height: 1 !important;
}
.sc_icons_motley .sc_icons_item .sc_icons_icon > span::before {
	font-size: 44px !important;
	line-height: 1 !important;
	margin: 0 !important;
}

/* SSS (Elementor iç içe akordeon): açık soru yeşil yerine marka lacivertinde */
.e-n-accordion-item-title { transition: background-color .2s, color .2s; }
.e-n-accordion-item[open] > .e-n-accordion-item-title {
	background-color: var(--szt-lacivert) !important;
	border-color: var(--szt-lacivert) !important;
}
.e-n-accordion-item[open] > .e-n-accordion-item-title .e-n-accordion-item-title-text,
.e-n-accordion-item[open] > .e-n-accordion-item-title .e-n-accordion-item-title-icon,
.e-n-accordion-item[open] > .e-n-accordion-item-title .e-n-accordion-item-title-icon * {
	color: #fff !important;
	fill: #fff !important;
}
.e-n-accordion-item-title:hover .e-n-accordion-item-title-text { color: var(--szt-mavi); }
.e-n-accordion-item[open] > .e-n-accordion-item-title:hover .e-n-accordion-item-title-text { color: #fff !important; }
/* İki kart aynı düzende: motley stilinin simge kaydırması kaldırıldı, içerik ortalandı */
.sc_icons_motley .sc_icons_item,
.sc_icons_motley .sc_icons_item .sc_icons_icon,
.sc_icons_motley .sc_icons_item .sc_icons_item_details,
.sc_icons_motley .sc_icons_item .sc_icons_item_title {
	text-align: center !important;
}
.sc_icons_motley .sc_icons_item .sc_icons_icon > span {
	transform: none !important;
	translate: none !important;
	left: auto !important;
	right: auto !important;
}
.sc_icons_motley .sc_icons_item .sc_icons_item_more_link {
	display: inline-flex !important;
	margin-left: auto;
	margin-right: auto;
}
/* Görünen simge, kutunun ::before glifi (sayfa CSS'i onu kartta sağa/sola itiyordu); ortalandı */
.sc_icons_motley .sc_icons_item .sc_icons_icon::before {
	left: 50% !important;
	right: auto !important;
	top: -6px !important;
	width: 54px !important;
	margin-left: -27px !important;
	text-align: center !important;
	font-size: 50px !important;
	line-height: 1 !important;
	height: auto !important;
}

/* --------------------------------------------------------------------------
   7. Header tipografisi ve sağ blok (≥1280: temanın masaüstü header'ı)
   -------------------------------------------------------------------------- */
@media (min-width: 1280px) {
	.top_panel .sc_layouts_menu_nav > li > a {
		font-size: 15.5px !important;
		font-weight: 500 !important;
		letter-spacing: -0.005em !important;
	}
	/* Hizmetlerimiz: açılır ok */
	.top_panel .sc_layouts_menu_nav > li.szt-mega-li > a::after { display: none !important; }
	.top_panel .sc_layouts_menu_nav > li.szt-mega-li > a > span::after {
		content: "";
		display: inline-block;
		width: 6px;
		height: 6px;
		margin: -4px 0 0 8px;
		vertical-align: middle;
		border-right: 1.6px solid currentColor;
		border-bottom: 1.6px solid currentColor;
		transform: rotate(45deg);
		opacity: .75;
		transition: transform .2s, margin .2s;
	}
	.top_panel .sc_layouts_menu_nav > li.szt-mega-li:hover > a > span::after,
	.top_panel .sc_layouts_menu_nav > li.szt-mega-li:focus-within > a > span::after {
		transform: rotate(225deg);
		margin-top: 2px;
	}

	/* Telefon: simgeli */
	.top_panel .sc_layouts_column_align_right .elementor-heading-title a {
		position: relative;
		display: inline-flex;
		align-items: center;
		min-height: 40px;
		padding-left: 50px;
		font-size: 17px;
		font-weight: 600;
		letter-spacing: 0.005em;
	}
	.top_panel .sc_layouts_column_align_right .elementor-heading-title a::before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		width: 40px;
		height: 40px;
		margin-top: -20px;
		border-radius: 50%;
		border: 1px solid currentColor;
		opacity: .25;
	}
	.top_panel .sc_layouts_column_align_right .elementor-heading-title a::after {
		content: "";
		position: absolute;
		left: 11px;
		top: 50%;
		width: 18px;
		height: 18px;
		margin-top: -9px;
		background: currentColor;
		-webkit-mask: var(--szt-tel-ikon) center / contain no-repeat;
		        mask: var(--szt-tel-ikon) center / contain no-repeat;
	}

	/* E-Portal butonu */
	.top_panel #e-portal-button {
		height: 48px !important;
		padding: 0 26px !important;
		border: 0 !important;
		border-radius: 999px !important;
		background: var(--szt-mavi) !important;
		color: #fff !important;
		font-size: 15px !important;
		font-weight: 600 !important;
		letter-spacing: 0.01em !important;
		box-shadow: 0 10px 22px -12px rgba(16, 130, 227, .8) !important;
		transition: background-color .2s, transform .2s !important;
	}
	.top_panel #e-portal-button:hover { background: #0b6fc4 !important; transform: translateY(-1px); }

	/* İç sayfalarda header ile başlık alanı arasında ince ayraç */
	.top_panel_custom_16845 .sc_layouts_row { border-bottom: 1px solid #E6EDF5; }
}
:root {
	--szt-tel-ikon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16.4v3a2 2 0 0 1-2.2 2 19.5 19.5 0 0 1-8.5-3 19 19 0 0 1-6-6A19.5 19.5 0 0 1 1.3 3.9 2 2 0 0 1 3.3 1.7h3a2 2 0 0 1 2 1.7c.1.9.4 1.9.7 2.8a2 2 0 0 1-.5 2.1L7.3 9.5a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E");
}

/* --------------------------------------------------------------------------
   8. Mega menü: Hizmetlerimiz (yalnızca masaüstü header'ında)
   -------------------------------------------------------------------------- */
.szt-mega { display: none; }
@media (min-width: 1280px) {
	.top_panel li.szt-mega-li > ul.sub-menu { display: none !important; }
	.top_panel .szt-mega {
		display: flex;
		position: fixed;
		left: 0;
		right: 0;
		top: 100px;
		z-index: 100000;
		justify-content: center;
		padding: 12px 24px 0;
		opacity: 0;
		visibility: hidden;
		transform: translateY(8px);
		pointer-events: none;
		transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
	}
	/* Bağlantıdan panele geçerken fare boşlukta kaybolmasın */
	.top_panel .szt-mega::before {
		content: "";
		position: absolute;
		left: var(--kopru-sol, 0);
		width: var(--kopru-gen, 100%);
		top: var(--kopru-ust, -34px);
		height: var(--kopru-boy, 46px);
	}
	.top_panel li.szt-mega-li.szt-acik > .szt-mega,
	.top_panel li.szt-mega-li:has(:focus-visible) > .szt-mega {
		opacity: 1;
		visibility: visible;
		transform: none;
		pointer-events: auto;
		transition-delay: 0s;
	}
	.top_panel li.szt-mega-li.szt-kapali > .szt-mega { opacity: 0; visibility: hidden; pointer-events: none; }
}

.szt-mega__ic {
	width: min(1180px, 100%);
	overflow: hidden;
	text-align: left;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 30px 60px -24px rgba(15, 37, 71, .38), 0 0 0 1px rgba(27, 55, 100, .06);
}
.szt-mega__izgara {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px 18px;
	padding: 26px 26px 18px;
}
.top_panel .szt-mega .szt-mega__grup-baslik {
	margin: 0 0 8px 12px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #8A95A0;
}
.top_panel .szt-mega a.szt-mega__oge {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 12px !important;
	border-radius: 14px;
	color: var(--szt-lacivert) !important;
	text-decoration: none !important;
	white-space: normal;
	transition: background-color .15s;
}
.top_panel .szt-mega a::before,
.top_panel .szt-mega a::after { display: none !important; }
.top_panel .szt-mega a.szt-mega__oge:hover,
.top_panel .szt-mega a.szt-mega__oge:focus-visible { background: #F4FAFF; outline: none; }
.szt-mega__ikon {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 12px;
	background: #EAF3FD;
	color: var(--szt-lacivert);
	transition: background-color .15s, color .15s;
}
.szt-mega__oge:hover .szt-mega__ikon { background: var(--szt-lacivert); color: #fff; }
.szt-mega__metin { min-width: 0; }
.top_panel .szt-mega .szt-mega__baslik {
	display: block;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -0.005em;
	color: var(--szt-lacivert);
}
.top_panel .szt-mega .szt-mega__aciklama {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.45;
	color: #6B7680;
}
.szt-mega__alt {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 16px 26px 16px 38px;
	background: #F4FAFF;
	border-top: 1px solid #E6EDF5;
}
.top_panel .szt-mega .szt-mega__alt p { margin: 0; font-size: 14px; line-height: 1.5; color: #4A5560; }
.szt-mega__alt-btn { display: flex; flex: none; gap: 10px; }
.top_panel .szt-mega a.szt-mega__link,
.top_panel .szt-mega a.szt-mega__tel {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 42px;
	padding: 0 18px !important;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none !important;
	transition: background-color .2s, border-color .2s;
}
.top_panel .szt-mega a.szt-mega__link { background: var(--szt-lacivert); color: #fff !important; }
.top_panel .szt-mega a.szt-mega__link:hover { background: #234a85; }
.top_panel .szt-mega a.szt-mega__tel { background: #fff; border: 1px solid #CFDCEA; color: var(--szt-lacivert) !important; }
.top_panel .szt-mega a.szt-mega__tel:hover { border-color: var(--szt-lacivert); }

/* Panel açıkken sayfa hafifçe kararır; menüde bulunulan hizmet işaretli */
.szt-mega-perde {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	background: rgba(15, 37, 71, .22);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .2s ease, visibility 0s linear .2s;
}
.top_panel li.szt-mega-li.szt-acik > .szt-mega-perde { opacity: 1; visibility: visible; transition-delay: 0s; }
.menu_mobile .szt-mega-perde { display: none; }
@media (max-width: 1279px) { .szt-mega-perde { display: none; } }
.top_panel .szt-mega a.szt-mega__oge[aria-current] { background: #F4FAFF; }
.top_panel .szt-mega a.szt-mega__oge[aria-current] .szt-mega__ikon { background: var(--szt-lacivert); color: #fff; }

/* --------------------------------------------------------------------------
   9. Footer (yeni). Eski Elementor footer'ı gizlenir; dosya silinirse geri gelir.
   -------------------------------------------------------------------------- */
.footer_wrap.footer_custom { display: none !important; }

.szt-footer {
	position: relative;
	overflow: hidden;
	background: #0F2547;
	color: rgba(255, 255, 255, .72);
	font-size: 15px;
	line-height: 1.6;
}
.szt-footer::before {
	content: "";
	position: absolute;
	top: -260px;
	right: -200px;
	width: 640px;
	height: 640px;
	border-radius: 50%;
	background: radial-gradient(closest-side, rgba(16, 130, 227, .18), transparent);
	pointer-events: none;
}
.szt-wrap { position: relative; max-width: 1180px; margin: 0 auto; padding: 0 24px; }
.szt-footer p { margin: 0; }
.szt-footer ul { list-style: none; margin: 0; padding: 0; }
.szt-footer li { margin: 0; padding: 0; }
.szt-footer li::before { display: none !important; }

.szt-footer__cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	margin-top: 72px;
	padding: 38px 44px;
	border-radius: 24px;
	background: linear-gradient(115deg, #1b3764 0%, #1f4f92 62%, #2a6fc4 100%);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08), 0 24px 50px -30px rgba(0, 0, 0, .6);
}
.szt-footer .szt-footer__cta-ust {
	margin-bottom: 8px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #9CC8F5;
}
.szt-footer .szt-footer__cta-baslik {
	max-width: 620px;
	font-size: 26px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -0.015em;
	color: #fff;
}
.szt-footer__cta-btn { display: flex; flex: none; flex-wrap: wrap; gap: 12px; }
.szt-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 52px;
	padding: 0 26px;
	border-radius: 999px;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none !important;
	white-space: nowrap;
	transition: background-color .2s, border-color .2s, color .2s;
}
.szt-btn--acik { background: #fff; color: var(--szt-lacivert) !important; }
.szt-btn--acik:hover { background: #EAF3FD; }
.szt-btn--cizgi { border: 1px solid rgba(255, 255, 255, .35); color: #fff !important; }
.szt-btn--cizgi:hover { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .7); }

.szt-footer__ana {
	display: grid;
	grid-template-columns: 1.35fr .8fr 1.15fr 1.3fr;
	gap: 48px;
	padding: 64px 0 52px;
}
.szt-footer__logo img { display: block; width: 200px; height: auto; margin: 0 0 20px -5px; }
.szt-footer .szt-footer__marka p { max-width: 330px; margin-bottom: 24px; line-height: 1.7; }
.szt-footer__sosyal { display: flex; flex-wrap: wrap; gap: 10px; }
.szt-footer__sosyal a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .18);
	color: #fff !important;
	transition: background-color .2s, border-color .2s;
}
.szt-footer__sosyal a:hover { background: var(--szt-mavi); border-color: var(--szt-mavi); }

.szt-footer .szt-footer__baslik {
	margin-bottom: 18px;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .01em;
	color: #fff;
}
.szt-footer__kolon li { margin-bottom: 11px; }
.szt-footer__kolon a { color: rgba(255, 255, 255, .72) !important; text-decoration: none !important; transition: color .2s; }
.szt-footer__kolon a:hover { color: #fff !important; }
.szt-footer__iletisim li { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 14px; line-height: 1.55; }
.szt-footer__iletisim .szt-ikon { flex: none; margin-top: 2px; color: #6FB3F2; }
.szt-footer__iletisim small { font-size: 13px; opacity: .7; }

.szt-footer__alt {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 24px;
	padding: 22px 0 26px;
	border-top: 1px solid rgba(255, 255, 255, .1);
	font-size: 14px;
	color: rgba(255, 255, 255, .55);
}
.szt-footer__alt ul { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.szt-footer__alt a { color: rgba(255, 255, 255, .75) !important; text-decoration: none !important; }
.szt-footer__alt a:hover { color: #fff !important; }

@media (max-width: 1100px) {
	.szt-footer__ana { grid-template-columns: 1fr 1fr; gap: 40px 32px; }
	.szt-footer__cta { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 767px) {
	.szt-wrap { padding: 0 20px; }
	.szt-footer__cta { margin-top: 48px; padding: 28px 24px; gap: 22px; border-radius: 20px; }
	.szt-footer .szt-footer__cta-baslik { font-size: 21px; }
	.szt-footer__cta-btn { width: 100%; }
	.szt-btn { flex: 1 1 auto; justify-content: center; height: 50px; padding: 0 20px; }
	.szt-footer__ana { grid-template-columns: 1fr; gap: 36px; padding: 48px 0 40px; }
	.szt-footer__kolon:not(.szt-footer__kolon--hizmet):not(.szt-footer__iletisim) ul { columns: 2; column-gap: 20px; }
	.szt-footer__kolon li { break-inside: avoid; }
	.szt-footer__alt { flex-direction: column; align-items: flex-start; padding-bottom: 96px; }
}

/* 1280–1439: menü tek satırda kalsın (İletişim alt satıra düşüp header'ı uzatıyordu) */
@media (min-width: 1280px) {
	.top_panel .sc_layouts_menu_nav { white-space: nowrap; }
}
@media (min-width: 1280px) and (max-width: 1439px) {
	.top_panel .sc_layouts_menu_nav > li > a {
		font-size: 15px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.top_panel .sc_layouts_menu_nav > li:first-child > a { padding-left: 0 !important; }
	.top_panel .elementor-widget-trx_sc_layouts_menu > .elementor-widget-container { margin-left: 30px !important; }
	.top_panel .sc_layouts_column_align_right > .elementor-widget-wrap { gap: 18px; }
	.top_panel .sc_layouts_column_align_right .elementor-heading-title a { font-size: 16px; padding-left: 46px; }
	.top_panel #e-portal-button { padding: 0 22px !important; }
}

/* --------------------------------------------------------------------------
   10. Mobil header ve mobil menü (<1280: temanın mobil header'ı)
   -------------------------------------------------------------------------- */
@media (max-width: 1279px) {
	/* Logo her sayfada aynı boyda (ana sayfada çok küçüktü) */
	.top_panel .sc_layouts_row .elementor-widget-image { width: auto !important; max-width: none !important; }
	.top_panel .sc_layouts_row .elementor-widget-image img {
		width: 150px !important;
		max-width: none !important;
		height: auto !important;
	}
	.top_panel_custom_16845 .sc_layouts_row { border-bottom: 1px solid #E6EDF5; }

	/* Hamburger ve telefon: aynı ölçüde 44px daireler */
	.top_panel .sc_layouts_iconed_text_link.inited_click,
	.top_panel .sc_layouts_menu_mobile_button a {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		border-radius: 50%;
		background: rgba(27, 55, 100, .07);
		transition: background-color .2s;
	}
	.frontpage .top_panel .sc_layouts_iconed_text_link.inited_click { background: rgba(255, 255, 255, .16); }
	.top_panel .elementor-widget-icon .elementor-icon {
		width: 44px !important;
		height: 44px !important;
		font-size: 18px !important;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		padding: 0 !important;
	}
	.top_panel .elementor-widget-icon .elementor-icon svg { width: 18px; height: 18px; }

	/* Mobil menü (tam ekran) */
	.menu_mobile .menu_mobile_inner {
		background: linear-gradient(165deg, #0F2547 0%, #1b3764 100%) !important;
	}
	.menu_mobile .menu_mobile_header_wrap { padding-top: 6px; }
	.menu_mobile .menu_mobile_header_wrap .sc_layouts_logo img {
		width: 160px !important;
		max-width: none !important;
		height: auto !important;
		filter: brightness(0) invert(1);
	}
	.menu_mobile .menu_mobile_close {
		width: 44px !important;
		height: 44px !important;
		border-radius: 50%;
		border: 1px solid rgba(255, 255, 255, .25);
		display: flex !important;
		align-items: center;
		justify-content: center;
		top: 20px !important;
		right: 20px !important;
	}
	.menu_mobile .menu_mobile_close .menu_button_close_icon { transform: scale(.8); }

	.menu_mobile .menu_mobile_nav_area { margin-top: 6px; }
	.menu_mobile .menu_mobile_nav > li { position: relative; border-bottom: 1px solid rgba(255, 255, 255, .09); }
	.menu_mobile .menu_mobile_nav > li > a {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		padding: 15px 0 !important;
		font-size: 19px !important;
		font-weight: 600 !important;
		letter-spacing: -0.01em !important;
		line-height: 1.3 !important;
		color: #fff !important;
	}
	.menu_mobile .menu_mobile_nav > li.current-menu-item > a,
	.menu_mobile .menu_mobile_nav > li.current-menu-ancestor > a { color: #7EC0FA !important; }
	.menu_mobile .menu_mobile_nav > li.szt-aktif > a { color: #7EC0FA !important; }
	.menu_mobile .menu_mobile_nav .sub-menu > li.szt-aktif-oge > a { color: #fff !important; border-left-color: #7EC0FA; }
	/* Alt menüyü açan ok: satırın sağ tarafını kaplasın, dokunması kolay olsun */
	.menu_mobile .menu_mobile_nav > li > a .open_child_menu {
		position: absolute !important;
		top: 0 !important;
		right: 0 !important;
		width: 64px !important;
		height: 100% !important;
		margin: 0 !important;
		display: flex !important;
		align-items: center;
		justify-content: flex-end;
		background: none !important;
	}
	/* Ok yerine aşağı bakan ok başı; açılınca döner */
	.menu_mobile .menu_mobile_nav_area li > a > .open_child_menu::before {
		content: "" !important;
		position: static !important;
		display: block;
		width: 9px;
		height: 9px;
		margin-right: 4px;
		border: solid currentColor;
		border-width: 0 2px 2px 0;
		font-size: 0 !important;
		transform: translateY(-3px) rotate(45deg);
		transition: transform .25s ease;
	}
	.menu_mobile .menu_mobile_nav_area li.opened > a > .open_child_menu::before { transform: translateY(2px) rotate(-135deg); }
	.menu_mobile .menu_mobile_nav_area > ul > li li > a > .open_child_menu {
		position: absolute !important;
		top: 0 !important;
		right: 0 !important;
		width: 56px !important;
		height: 100% !important;
		display: flex !important;
		align-items: center;
		justify-content: flex-end;
		background: none !important;
	}
	.menu_mobile .menu_mobile_nav .sub-menu li { position: relative; }
	.menu_mobile .menu_mobile_nav .sub-menu .sub-menu { padding: 0 0 6px 14px !important; }

	/* Öğeler açılışta daha çabuk gelsin (tema 1,7 sn'ye yayıyordu) */
	.menu_mobile.opened .menu_mobile_nav_area > ul > li { animation-duration: .35s !important; }
	.menu_mobile.opened .menu_mobile_nav_area > ul > li:nth-child(1) { animation-delay: .08s !important; }
	.menu_mobile.opened .menu_mobile_nav_area > ul > li:nth-child(2) { animation-delay: .12s !important; }
	.menu_mobile.opened .menu_mobile_nav_area > ul > li:nth-child(3) { animation-delay: .16s !important; }
	.menu_mobile.opened .menu_mobile_nav_area > ul > li:nth-child(4) { animation-delay: .2s !important; }
	.menu_mobile.opened .menu_mobile_nav_area > ul > li:nth-child(5) { animation-delay: .24s !important; }
	.menu_mobile.opened .menu_mobile_nav_area > ul > li:nth-child(6) { animation-delay: .28s !important; }
	.menu_mobile.opened .menu_mobile_nav_area > ul > li:nth-child(n+7) { animation-delay: .32s !important; }

	/* Hizmetlerimiz: masaüstündeki gruplu içerik, akordeon olarak */
	.menu_mobile li.szt-mega-li > ul.sub-menu { display: none !important; }
	.menu_mobile .szt-mega {
		display: grid;
		grid-template-rows: 0fr;
		transition: grid-template-rows .3s ease;
	}
	.menu_mobile li.szt-mega-li.opened > .szt-mega { grid-template-rows: 1fr; }
	.menu_mobile .szt-mega__ic {
		min-height: 0;
		width: auto;
		background: none;
		border-radius: 0;
		box-shadow: none;
	}
	.menu_mobile .szt-mega__izgara { display: block; padding: 0 0 6px; }
	.menu_mobile .szt-mega .szt-mega__grup-baslik {
		margin: 10px 0 2px;
		font-size: 11.5px;
		font-weight: 600;
		line-height: 1.4;
		letter-spacing: .08em;
		text-transform: uppercase;
		color: rgba(255, 255, 255, .5);
	}
	.menu_mobile .szt-mega a.szt-mega__oge {
		display: flex !important;
		align-items: center;
		gap: 12px;
		padding: 7px 0 !important;
		text-decoration: none !important;
	}
	.menu_mobile .szt-mega a.szt-mega__oge::before,
	.menu_mobile .szt-mega a.szt-mega__oge::after { display: none !important; }
	.menu_mobile .szt-mega__ikon {
		width: 36px;
		height: 36px;
		border-radius: 10px;
		background: rgba(255, 255, 255, .08);
		color: #7EC0FA;
	}
	.menu_mobile .szt-mega__ikon svg { width: 19px; height: 19px; }
	.menu_mobile .szt-mega .szt-mega__baslik {
		font-size: 15.5px;
		font-weight: 500;
		line-height: 1.35;
		color: rgba(255, 255, 255, .88);
	}
	.menu_mobile .szt-mega a.szt-mega__oge[aria-current] .szt-mega__baslik { color: #fff; font-weight: 600; }
	.menu_mobile .szt-mega a.szt-mega__oge[aria-current] .szt-mega__ikon { background: #7EC0FA; color: #0F2547; }
	.menu_mobile .szt-mega__aciklama,
	.menu_mobile .szt-mega__alt p,
	.menu_mobile .szt-mega a.szt-mega__tel { display: none !important; }
	.menu_mobile .szt-mega__alt { display: block; padding: 6px 0 16px; background: none; border: 0; }
	.menu_mobile .szt-mega a.szt-mega__link {
		display: inline-flex !important;
		align-items: center;
		gap: 6px;
		padding: 0 !important;
		font-size: 15px !important;
		font-weight: 600 !important;
		color: #7EC0FA !important;
		text-decoration: none !important;
	}
	.menu_mobile .szt-mega a.szt-mega__link::before,
	.menu_mobile .szt-mega a.szt-mega__link::after { display: none !important; }
	@media (min-width: 600px) {
		.menu_mobile .szt-mega__izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; }
	}

	.menu_mobile .menu_mobile_nav .sub-menu {
		padding: 0 0 12px !important;
		margin: 0 !important;
	}
	.menu_mobile .menu_mobile_nav .sub-menu > li > a {
		display: block;
		padding: 9px 0 9px 16px !important;
		border-left: 2px solid rgba(126, 192, 250, .35);
		font-size: 15.5px !important;
		font-weight: 500 !important;
		line-height: 1.4 !important;
		color: rgba(255, 255, 255, .78) !important;
	}
	.menu_mobile .menu_mobile_nav .sub-menu > li > a:hover,
	.menu_mobile .menu_mobile_nav .sub-menu > li.current-menu-item > a { color: #fff !important; border-left-color: #7EC0FA; }

	/* Menü altı: arama/teklif butonları ve sosyal medya */
	.szt-mobil-cta { display: grid; gap: 10px; margin: 26px 0 8px; }
	.szt-mobil-cta a {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		height: 50px;
		border-radius: 999px;
		font-size: 16px;
		font-weight: 600;
		text-decoration: none !important;
	}
	.szt-mobil-cta .szt-mobil-cta__tel { background: #fff; color: var(--szt-lacivert) !important; }
	.szt-mobil-cta .szt-mobil-cta__teklif { border: 1px solid rgba(255, 255, 255, .35); color: #fff !important; }
	.menu_mobile .socials_mobile { display: flex; flex-wrap: wrap; gap: 10px; padding-top: 18px; }
	.menu_mobile .socials_mobile .social_item {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		margin: 0 !important;
		border-radius: 50%;
		border: 1px solid rgba(255, 255, 255, .2);
		color: #fff !important;
	}
	.menu_mobile .socials_mobile .social_item .social_icon { font-size: 16px; line-height: 1; color: #fff !important; }
}
