/**
 * Hakkı Perk — site-wide UI enhancements (layout, dividers, cards, typography)
 * Does not alter menu/routing; complements style.css (skin-1).
 */

:root {
	/* STEP 6: kurumsal tıbbi mavi paleti (neon #00BDE0 yerine daha dengeli ton) */
	--hp-blue-primary: #0CAECE;
	--hp-blue-primary-hover: #0A96B3;
	--hp-blue-primary-active: #08889F;
	--hp-blue-primary-rgb: 12, 174, 206;
	--hp-blue-secondary: #031B4E;
	--hp-blue-secondary-hover: #052456;
	--hp-blue-secondary-rgb: 3, 27, 78;
	--hp-blue-muted: #E6F3F8;
	--hp-blue-surface: #ECF5FB;
	--hp-blue-soft: rgba(var(--hp-blue-primary-rgb), 0.12);
	--hp-divider: rgba(3, 27, 78, 0.14);
	--hp-divider-strong: rgba(3, 27, 78, 0.22);
	--hp-card-radius: 1rem;
	--hp-section-gap: clamp(3rem, 5vw, 4.5rem);
	--hp-banner-navy: #071E4D;
	--hp-banner-navy-deep: #041638;
	--hp-banner-teal: var(--hp-blue-primary);
	--hp-banner-bg: #F5FAFD;
	--hp-banner-muted: #64748B;
}

/* —— Page banner (site-page-banner.php) —— */
main.page-content > .site-page-banner.dz-bnr-inr:first-child {
	overflow: visible;
	position: relative;
	z-index: 2;
}
main.page-content > .site-page-banner.site-page-banner--compact:first-child {
	overflow: hidden;
	z-index: 1;
	margin-top: 0;
}
@media (max-width: 767.98px) {
	.makale-page .site-page-banner.site-page-banner--compact {
		display: none;
	}
}

/* —— Compact page banner (iç sayfalar) —— */
.site-page-banner.site-page-banner--compact {
	--dz-banner-height: auto;
	position: relative;
	display: flex;
	align-items: center;
	min-height: 128px;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: var(--hp-banner-bg);
	background-image:
		linear-gradient(135deg, rgba(var(--hp-blue-primary-rgb), 0.05) 0%, transparent 42%),
		linear-gradient(180deg, #F5FAFD 0%, #EEF6FB 100%);
	border-bottom: 1px solid rgba(7, 30, 77, 0.1);
	isolation: isolate;
}
.site-page-banner.site-page-banner--compact > .container {
	position: relative;
	z-index: 2;
	width: 100%;
	display: flex;
	align-items: center;
	min-height: inherit;
}
.site-page-banner.site-page-banner--compact .site-page-banner-entry {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 1.15rem 0;
	min-height: 0;
	height: auto;
}
.site-page-banner.site-page-banner--compact .site-page-banner-text {
	position: relative;
	z-index: 2;
	max-width: min(100%, 48rem);
	padding: 0 0.25rem 0 0.85rem;
	border-left: 3px solid var(--hp-banner-teal);
}
.site-page-banner.site-page-banner--compact h1,
.site-page-banner.site-page-banner--compact .h1 {
	margin: 0 0 0.35rem;
	padding: 0;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -0.02em;
	color: var(--hp-banner-navy);
	text-align: left;
	text-transform: none;
	text-shadow: none;
	overflow-wrap: anywhere;
	word-break: break-word;
	hyphens: auto;
	max-width: 100%;
}
.site-page-banner.site-page-banner--compact .breadcrumb-row {
	display: block;
	margin: 0;
	padding: 0;
	text-align: left;
	background: transparent;
}
.site-page-banner.site-page-banner--compact .breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	row-gap: 0.15rem;
	column-gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.875rem;
	line-height: 1.35;
	background: transparent;
}
.site-page-banner.site-page-banner--compact .breadcrumb-item {
	display: inline-flex;
	align-items: center;
	color: var(--hp-banner-muted);
	font-weight: 500;
}
.site-page-banner.site-page-banner--compact .breadcrumb-item + .breadcrumb-item {
	padding-left: 0;
}
.site-page-banner.site-page-banner--compact .breadcrumb-item + .breadcrumb-item::before {
	content: "›";
	float: none;
	padding: 0 0.45rem;
	color: rgba(7, 30, 77, 0.35);
	font-weight: 400;
	font-size: 0.95em;
	line-height: 1;
}
.site-page-banner.site-page-banner--compact .breadcrumb-item a {
	color: var(--hp-banner-muted);
	text-decoration: none;
	transition: color 0.2s ease;
}
.site-page-banner.site-page-banner--compact .breadcrumb-item a:hover,
.site-page-banner.site-page-banner--compact .breadcrumb-item a:focus-visible {
	color: var(--hp-banner-teal);
}
.site-page-banner.site-page-banner--compact .breadcrumb-item.active {
	color: var(--hp-banner-navy);
	font-weight: 600;
}

/* Hero dekor (sağ daire) — PDF geri bildirimi: kaldırıldı; anasayfa hero etkilenmez */
.site-page-banner.site-page-banner--compact .site-page-banner-deco,
.site-page-banner.site-page-banner--compact .site-page-banner-deco::before,
.site-page-banner.site-page-banner--compact .site-page-banner-deco::after {
	display: none !important;
	content: none !important;
}

@media (max-width: 991px) {
	.site-page-banner.site-page-banner--compact {
		min-height: 110px;
	}
	.site-page-banner.site-page-banner--compact h1,
	.site-page-banner.site-page-banner--compact .h1 {
		font-size: 1.75rem;
	}
}

@media (max-width: 767px) {
	.site-page-banner.site-page-banner--compact {
		min-height: 88px;
	}
	.site-page-banner.site-page-banner--compact .site-page-banner-entry {
		padding: 0.75rem 0;
	}
	.site-page-banner.site-page-banner--compact .site-page-banner-text {
		padding-left: 0.65rem;
		max-width: 100%;
		overflow: hidden;
	}
	.site-page-banner.site-page-banner--compact h1,
	.site-page-banner.site-page-banner--compact .h1 {
		font-size: 1.375rem;
		margin-bottom: 0.2rem;
	}
	.site-page-banner.site-page-banner--compact .breadcrumb-row {
		overflow: hidden;
		max-width: 100%;
	}
	.site-page-banner.site-page-banner--compact .breadcrumb {
		flex-wrap: nowrap;
		font-size: 0.6875rem;
		line-height: 1.25;
		overflow: hidden;
		max-width: 100%;
	}
	.site-page-banner.site-page-banner--compact .breadcrumb-item {
		flex: 0 1 auto;
		min-width: 0;
		max-width: 42%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.site-page-banner.site-page-banner--compact .breadcrumb-item a {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.site-page-banner.site-page-banner--compact .breadcrumb-item + .breadcrumb-item::before {
		padding: 0 0.28rem;
		flex-shrink: 0;
	}
	.site-page-banner.site-page-banner--compact .breadcrumb-item.active {
		flex: 1 1 auto;
		max-width: 55%;
	}
}

/*
 * İç sayfa başlık tekrarı: hero <h1> yeterli.
 * - Kategori / hub / tedavi / özgeçmiş: banner her genişlikte görünür → tekrarlayan .page-section-title gizlenir.
 * - Makale: mobilde banner gizli → mobil .page-section-title (h1) korunur; masaüstünde tekrar gizlenir.
 * - Galeri başlığı (.makale-galeri-title) ve gövde H2/H3 etkilenmez.
 */
.kategori-page .section-head .title.page-section-title,
.topic-hub-page .section-head .title.page-section-title,
.tedaviler-page .section-head .title.page-section-title,
.ozgecmis-page .section-head .title.page-section-title {
	display: none !important;
}

/* Intro yoksa boş section-head boşluğu kalmasın */
.kategori-page .section-head.style-1:not(:has(.kategori-section-lead)),
.topic-hub-page .section-head.style-1:not(:has(.kategori-section-lead)),
.tedaviler-page .section-head.style-1:not(:has(.kategori-section-lead)) {
	display: none !important;
}

@media (min-width: 768px) {
	/* Makale masaüstü: banner h1 varken tekrar başlık bloğunu kapat (mobilde banner gizli → h1 kalır) */
	.makale-page .section-head.style-1.m-b25 {
		display: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}
}

/* —— Section dividers —— */
main.page-content > .hero-banner.style-1,
main.page-content > .dz-bnr-inr:first-child {
	border-top: 0;
}
.site-section-divider {
	border: 0;
	border-top: 1px solid var(--hp-divider-strong);
	margin: var(--hp-section-gap) 0;
	opacity: 1;
}
.title-dashed-separator {
	position: relative;
	padding-bottom: 0.65rem;
	margin-bottom: 1.25rem !important;
}
.title-dashed-separator::after {
	content: "";
	display: block;
	width: 72px;
	height: 3px;
	margin-top: 0.55rem;
	border-radius: 2px;
	background: linear-gradient(90deg, var(--hp-blue-primary) 0%, rgba(var(--hp-blue-primary-rgb), 0.25) 100%);
}

/* —— STEP 6: Anasayfa + iletişim/randevu mavi tutarlılığı (header/menü dışı) —— */
.hp-hero-slider,
.hp-stats-band,
.hp-appt-section,
main.page-content > .content-wrapper.style-4,
main.page-content .info-widget.bg-primary,
main.page-content .icon-bx.bg-primary,
main.page-content > section.bg-primary,
.contact-page,
.randevu-page,
.site-footer.style-1,
.iletisim .tel-item {
	--bs-primary: var(--hp-blue-primary);
	--bs-secondary: var(--hp-blue-secondary);
	--bs-primary-rgb: var(--hp-blue-primary-rgb);
	--bs-secondary-rgb: var(--hp-blue-secondary-rgb);
	--bs-primary-text-emphasis: #064d5c;
	--bs-primary-bg-subtle: #d9eef5;
	--bs-primary-border-subtle: #b8dfe9;
	--bs-primary-btn-hover-bg: var(--hp-blue-primary-hover);
	--bs-primary-btn-hover-border-color: var(--hp-blue-primary-hover);
	--bs-primary-btn-active-bg: var(--hp-blue-primary-active);
	--bs-primary-btn-active-border-color: var(--hp-blue-primary-active);
	--bs-secondary-btn-hover-bg: var(--hp-blue-secondary-hover);
	--bs-secondary-btn-hover-border-color: var(--hp-blue-secondary-hover);
}

.hp-hero-slider,
.hp-stats-band,
.hp-appt-section,
main.page-content > .content-wrapper.style-4,
main.page-content .info-widget.bg-primary,
main.page-content > section.bg-primary,
.contact-page,
.randevu-page,
.site-footer.style-1 {
	--bs-light: var(--hp-blue-surface);
	--bs-light-rgb: 236, 245, 251;
}

.hp-hero-slider .swiper-pagination-bullet-active {
	background: var(--hp-blue-primary) !important;
}
.hp-hero-slider__nav:hover {
	background: rgba(var(--hp-blue-primary-rgb), 0.92) !important;
}

.hp-appt-section .form-body.bg-primary,
.randevu-page .form-body.bg-primary,
.contact-page .form-body.bg-primary,
.ozgecmis-page .form-body.bg-primary.ozgecmis-cta,
main.page-content .info-widget.bg-primary,
main.page-content > section.bg-primary.overlay-secondary-dark {
	background-color: var(--hp-blue-primary) !important;
}

.content-wrapper.style-4 .content-info.bg-secondary,
.hp-stats-band.bg-secondary,
main.page-content .info-widget .widget-content.bg-secondary,
main.page-content .info-widget .info-icon.bg-secondary,
.site-footer.style-1 .footer-head .icon-bx.bg-secondary,
.site-footer.style-1 .site-footer-social__list a {
	background-color: var(--hp-blue-secondary) !important;
}

.hp-appt-section .btn-primary,
main.page-content > .content-wrapper.style-4 .btn-primary,
.contact-page .btn-primary,
.randevu-page .btn-primary,
.site-footer.style-1 .btn-primary {
	--bs-btn-bg: var(--hp-blue-primary);
	--bs-btn-border-color: var(--hp-blue-primary);
	--bs-btn-hover-bg: var(--hp-blue-primary-hover);
	--bs-btn-hover-border-color: var(--hp-blue-primary-hover);
	--bs-btn-active-bg: var(--hp-blue-primary-active);
	--bs-btn-active-border-color: var(--hp-blue-primary-active);
}

.contact-page .icon-bx-wraper.style-8,
.randevu-page .icon-bx-wraper.style-8 {
	background-color: var(--hp-blue-surface);
}
.contact-page .icon-bx-wraper.style-8 .icon-bx,
.randevu-page .icon-bx-wraper.style-8 .icon-bx {
	color: var(--hp-blue-primary);
}
.contact-page .icon-bx-wraper.style-8:hover .icon-bx,
.contact-page .icon-bx-wraper.style-8.active .icon-bx,
.randevu-page .icon-bx-wraper.style-8:hover .icon-bx,
.randevu-page .icon-bx-wraper.style-8.active .icon-bx {
	background-color: var(--hp-blue-primary);
	color: #fff;
}

.contact-page .text-primary,
.randevu-page .text-primary,
main.page-content .text-primary,
.site-footer.style-1 .text-primary {
	color: var(--hp-blue-primary) !important;
}

.site-footer.style-1 .site-footer-social__list a:hover {
	background-color: var(--hp-blue-primary);
	color: #fff;
}

.site-footer.style-1 .footer-bottom .copyright-text a:hover {
	color: var(--hp-blue-primary);
}

.scroltop:hover,
.scroltop:focus-visible {
	border-color: var(--hp-blue-primary);
	box-shadow:
		0 0 0 2px rgba(var(--hp-blue-primary-rgb), 0.35),
		0 10px 22px rgba(var(--hp-blue-primary-rgb), 0.28);
}

.iletisim .tel-item {
	background: linear-gradient(135deg, var(--hp-blue-secondary) 0%, var(--hp-blue-primary) 100%) !important;
}

/* —— Homepage hero overlap fix —— */
main.page-content > .hero-banner.style-1 .hero-thumbnail {
	position: relative;
	z-index: 1;
	padding-bottom: 1.5rem;
}
main.page-content > .hero-banner.style-1 .hero-thumbnail .thumbnail {
	max-width: 100%;
	height: auto;
	object-fit: contain;
	object-position: bottom center;
}
main.page-content > .hero-banner.style-1 .hero-content {
	position: relative;
	z-index: 2;
	padding-right: 0.5rem;
}
@media (max-width: 991.98px) {
	.page-wraper,
	main.page-content {
		overflow-x: hidden;
	}
	main.page-content > .hero-banner.style-1 .hero-content {
		padding-right: 0;
		padding-bottom: 0;
		margin-left: 0 !important;
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}
	main.page-content > .hero-banner.style-1 .hero-thumbnail {
		width: 100% !important;
		max-width: 100% !important;
		margin: 1.5rem auto 0;
		padding-bottom: 0;
		transform: none !important;
	}
	main.page-content > .hero-banner.style-1 .hero-thumbnail .thumbnail {
		position: relative !important;
		left: auto !important;
		bottom: auto !important;
		transform: none !important;
		width: 100%;
		height: auto;
	}
	main.page-content > .hero-banner.style-1 .hero-content > .item5 {
		margin-top: 1.25rem;
		margin-bottom: 1.25rem;
	}
}

/* Tema .section-head .title { text-transform: capitalize } Türkçe i→I bozar */
.section-head.style-1 .title,
.section-head.style-2 .title,
.section-head.style-3 .title {
	text-transform: none;
}

/* —— About / Tanışın section —— */
.hp-about-section {
	position: relative;
}
.hp-about-section .section-head.style-1 .title {
	color: var(--hp-blue-secondary, #031B4E);
	text-transform: none;
}
.hp-about-section .section-head.style-1 p {
	color: #3d4f66;
}
.hp-about-section .section-head.style-1 p strong {
	color: var(--hp-blue-secondary, #031B4E);
}
.hp-about-section .content-wrapper.style-6 {
	align-items: stretch !important;
}
.hp-about-section .hp-about-copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
}
@media (min-width: 992px) {
	.hp-about-section .row.content-wrapper.style-6 {
		display: grid !important;
		grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
		column-gap: calc(var(--bs-gutter-x, 1.5rem));
		row-gap: 0;
		align-items: stretch;
	}
	.hp-about-section .row.content-wrapper.style-6 > [class*="col-"] {
		width: auto !important;
		max-width: none !important;
		flex: none !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.hp-about-section .hp-about-media {
		display: block !important;
		position: relative;
		height: auto;
		min-height: 0;
		overflow: hidden;
		align-self: stretch;
	}
	.hp-about-section .hp-about-copy {
		min-height: 0;
	}
	.hp-about-section .hp-about-media .content-media {
		position: absolute !important;
		inset: 0;
		transform: none !important;
		margin: 0 !important;
		max-width: none !important;
		width: auto;
		height: auto;
	}
	.hp-about-section .hp-about-media .content-media .dz-media {
		display: block;
		width: 100%;
		height: 100%;
	}
	.hp-about-section .hp-about-media .content-media .dz-media img {
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 1.25rem;
		object-fit: cover;
		object-position: center top;
	}
}
@media (min-width: 1200px) {
	.hp-about-section .row.content-wrapper.style-6 {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
}
@media (max-width: 991.98px) {
	.hp-about-section .content-media {
		position: relative;
		margin: 0 auto 1.5rem;
		height: auto;
		max-width: 420px;
		transform: none !important;
	}
	.hp-about-section .content-media .dz-media,
	.hp-about-section .content-media .dz-media img {
		height: auto;
		width: 100%;
		aspect-ratio: 4 / 5;
		max-height: 480px;
		object-fit: cover;
		border-radius: 1.25rem;
	}
	.hp-about-section .content-media .item1 {
		position: relative !important;
		transform: none !important;
		margin-top: 1rem;
	}
}
.hp-about-highlights {
	list-style: none;
	padding: 0;
	margin: 0 0 1.75rem;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.65rem 1.25rem;
}
@media (max-width: 575.98px) {
	.hp-about-highlights {
		grid-template-columns: 1fr;
	}
}
.hp-about-highlights li {
	display: flex;
	align-items: flex-start;
	gap: 0.55rem;
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.45;
	color: var(--hp-blue-secondary, #031B4E);
}
.hp-about-highlights li::before {
	content: "";
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	margin-top: 0.1rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2300BDE0'/%3E%3Cpath d='M6 10.2l2.2 2.2L14 7.5' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.hp-about-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem 1rem;
}
.hp-about-actions .btn {
	margin: 0 !important;
}

/* —— Homepage FAQ (SSS) + side image (online-randevu görsel düzeni) —— */
.hp-faq-section {
	position: relative;
	overflow: visible;
}
.hp-faq-section .content-wrapper.style-1,
.hp-faq-section .content-wrapper.style-1 > [class*="col-"],
.hp-faq-section__media {
	overflow: visible;
}
.hp-faq-section__copy {
	position: relative;
	z-index: 2;
}
.hp-faq-section__media {
	position: relative;
	z-index: 1;
}
.hp-faq-section .hp-faq-side__media {
	position: relative;
	margin-bottom: 0;
	padding: 0 36px 40px 0;
	overflow: visible;
	transform: none !important;
}
.hp-faq-section .hp-faq-side__media .dz-media {
	border-radius: 20px;
	overflow: hidden;
}
.hp-faq-section .hp-faq-side__media .dz-media img {
	width: 100%;
	height: auto;
	display: block;
}
.hp-faq-section .hp-faq-side__media > .item1 {
	position: absolute !important;
	inset: auto -28px -28px auto !important;
	top: auto !important;
	right: -28px !important;
	bottom: -28px !important;
	left: auto !important;
	display: block !important;
	width: max-content !important;
	max-width: none;
	height: auto !important;
	padding: 12px 12px 12px 22px !important;
	margin: 0 !important;
	background: #fff !important;
	border-radius: 45px !important;
	box-shadow: 0 18px 48px rgba(3, 27, 78, 0.16);
	gap: 0 !important;
	justify-content: initial !important;
	align-items: initial !important;
	flex-direction: initial !important;
	z-index: 3;
	overflow: visible !important;
}
.hp-faq-section .hp-faq-side__media .info-widget.style-7 {
	display: flex;
	position: relative;
	overflow: hidden;
	margin: 0;
}
.hp-faq-section .hp-faq-side__media .info-widget.style-7 .widget-media {
	border: 2px solid #fff;
	border-radius: 25px;
	overflow: hidden;
	width: 205px;
	position: relative;
	flex: 0 0 auto;
}
.hp-faq-section .hp-faq-side__media .info-widget.style-7 .widget-media > img {
	width: 100%;
	display: block;
}
.hp-faq-section .hp-faq-side__media .info-widget.style-7 .widget-content {
	writing-mode: tb;
	transform: rotate(-180deg);
	border-radius: 0 25px 25px 0;
	color: #fff;
	text-align: center;
	padding: 15px 12px 15px 36px;
	font-size: 15px;
	line-height: 1.2;
	text-transform: none;
	font-weight: 600;
	margin-right: -28px;
	flex: 0 0 auto;
	align-self: stretch;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media only screen and (max-width: 1480px) {
	.hp-faq-section .hp-faq-side__media .info-widget.style-7 .widget-media {
		width: 185px;
	}
	.hp-faq-section .hp-faq-side__media .info-widget.style-7 .widget-content {
		padding: 10px 10px 10px 34px;
		font-size: 13px;
	}
}
@media (max-width: 991.98px) {
	.hp-faq-section__copy {
		order: 1;
		margin-bottom: 1.25rem !important;
	}
	.hp-faq-section__media {
		order: 2;
		margin-top: 0 !important;
		clear: both;
	}
	.hp-faq-section .hp-faq-side__media {
		max-width: 480px;
		margin-left: auto;
		margin-right: auto;
		padding: 0 24px 28px 0;
	}
	.hp-faq-section .hp-faq-side__media > .item1 {
		right: -18px !important;
		bottom: -18px !important;
	}
}
@media (max-width: 575.98px) {
	.hp-faq-section .hp-faq-side__media {
		padding: 0 12px 20px 0;
	}
	.hp-faq-section .hp-faq-side__media > .item1 {
		right: -10px !important;
		bottom: -10px !important;
		padding: 8px 8px 8px 16px !important;
		border-radius: 36px !important;
		transform: scale(0.9);
		transform-origin: bottom right;
	}
}
.hp-faq-section .hp-faq-cta {
	width: auto !important;
	flex: 0 0 auto;
	align-self: flex-start;
	padding: 0.75rem 1rem 0.75rem 1.2rem;
	white-space: nowrap;
}
.hp-faq-section .hp-faq-cta .right-icon {
	width: 2rem;
	height: 2rem;
	min-width: 2rem;
	margin: 0 0 0 0.65rem !important;
}

/* —— Appointment section (theme style-8) —— */
.hp-appt-section .content-wrapper.style-8 {
	row-gap: 0.5rem;
}

/* —— Form footer: KVKK + hCaptcha + submit (anasayfa, randevu, iletişim) —— */
.hp-appt-form-kvkk {
	font-size: 13px;
	margin-bottom: 0;
}
.hp-appt-form-kvkk .form-check {
	margin: 0;
	display: flex;
	align-items: flex-start;
	gap: 0.45rem;
}
.hp-appt-form-kvkk .form-check-input {
	margin-top: 0.2rem;
	flex: 0 0 auto;
}
.hp-appt-form-kvkk .form-check-label {
	line-height: 1.45;
}
.hp-appt-form-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 0.75rem 1rem;
}
.hp-appt-form-meta__captcha {
	flex: 1 1 200px;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.hp-appt-captcha-shell {
	width: 100%;
	max-width: 303px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border-radius: 12px;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.97);
	border: 1px solid rgba(255, 255, 255, 0.62);
	box-shadow: 0 8px 22px rgba(3, 27, 78, 0.14);
	line-height: 0;
	padding: 4px 6px;
	min-height: 72px;
	container-type: inline-size;
	container-name: appt-captcha;
}
.hp-appt-captcha-shell .h-captcha {
	display: block;
	width: 303px;
	max-width: none;
	transform: scale(0.84);
	transform-origin: left center;
	margin: 0;
	margin-right: calc(-303px * 0.16);
}
@container appt-captcha (min-width: 303px) {
	.hp-appt-captcha-shell .h-captcha {
		transform: none;
		margin-right: 0;
	}
}
@container appt-captcha (max-width: 302px) {
	.hp-appt-captcha-shell .h-captcha {
		transform: scale(calc(100cqw / 303px));
		margin-right: calc(100cqw - 303px);
	}
}
.hp-appt-captcha-shell .h-captcha iframe {
	display: block;
	border-radius: 8px;
}
.hp-appt-form-meta__submit {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.hp-appt-form-meta__submit .hp-appt-submit-wrap {
	display: inline-block;
	width: auto;
}
.hp-appt-form-meta .hp-appt-submit {
	width: auto !important;
	min-width: 0;
	padding: 0.75rem 1rem 0.75rem 1.2rem;
	font-size: 0.88rem;
	white-space: nowrap;
	line-height: 1.2;
	justify-content: center;
	gap: 0.35rem;
}
.hp-appt-form-meta .hp-appt-submit .right-icon {
	width: 2rem;
	height: 2rem;
	min-width: 2rem;
	margin: 0 0 0 0.65rem !important;
	border-radius: 8px;
}
@media only screen and (max-width: 991px) {
	.hp-appt-form-meta__captcha {
		flex: 1 1 100%;
		max-width: 100%;
	}
	.hp-appt-captcha-shell {
		max-width: 100%;
	}
	.hp-appt-form-meta__submit {
		flex: 1 1 100%;
		justify-content: flex-start;
	}
}

/* —— STEP 4: Randevu / iletişim CTA görselleri —— */

/* A) DNA / bg2 arka planını form kutusundan kaldır (inline style’ı ezer) */
.hp-appt-section .form-body.bg-primary,
.randevu-page .form-body.bg-primary,
.contact-page .form-body.bg-primary,
.ozgecmis-page .form-body.bg-primary.ozgecmis-cta {
	background-image: none !important;
	background-blend-mode: normal !important;
	background-color: var(--hp-blue-primary) !important;
}

/* B) Harita yanı iletişim kutusundaki “Randevu Al” butonu sola */
.content-wrapper.style-4 .content-info {
	display: flex;
	flex-direction: column;
}
.content-wrapper.style-4 .content-info > a.btn.btn-primary {
	width: auto !important;
	max-width: 100%;
	align-self: flex-start;
}
.content-wrapper.style-4 .content-info > a.btn.btn-primary > span.w-100 {
	width: auto !important;
	flex: 0 1 auto;
}
/* Özgeçmiş CTA “Randevu Al” sola */
.ozgecmis-page .ozgecmis-cta {
	text-align: left;
}
.ozgecmis-page .ozgecmis-cta .title-head {
	text-align: left;
}
.ozgecmis-page .ozgecmis-cta > a.btn {
	display: inline-flex !important;
	width: auto !important;
	margin-left: 0;
	margin-right: auto;
}
@media only screen and (max-width: 575px) {
	.content-wrapper.style-4 .content-info > a.btn.btn-primary {
		width: 100% !important;
		align-self: stretch;
	}
	.ozgecmis-page .ozgecmis-cta > a.btn {
		width: 100% !important;
		justify-content: center;
	}
}

/* Form içi gönder butonu da solda kalsın */
.hp-appt-form-meta,
.hp-appt-form-meta__submit {
	justify-content: flex-start !important;
}
@media only screen and (max-width: 575px) {
	.hp-appt-form-meta__submit {
		width: 100%;
	}
	.hp-appt-form-meta__submit .hp-appt-submit-wrap,
	.hp-appt-form-meta .hp-appt-submit {
		width: 100% !important;
	}
}

/* C) İletişim ikonları dikey ortalı */
.content-wrapper.style-4 .content-info .icon-bx-wraper.style-1,
.site-footer.style-1 .footer-head .icon-bx-wraper.style-1,
.ozgecmis-page .ozgecmis-sidebar .icon-bx-wraper.style-1 {
	align-items: center;
}
.content-wrapper.style-4 .content-info .icon-bx-wraper.style-1 .icon-bx,
.site-footer.style-1 .footer-head .icon-bx-wraper.style-1 .icon-bx,
.ozgecmis-page .ozgecmis-sidebar .icon-bx-wraper.style-1 .icon-bx {
	align-self: center;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.content-wrapper.style-4 .content-info .icon-bx-wraper.style-1 .icon-bx .icon-cell,
.site-footer.style-1 .footer-head .icon-bx-wraper.style-1 .icon-bx .icon-cell,
.ozgecmis-page .ozgecmis-sidebar .icon-bx-wraper.style-1 .icon-bx .icon-cell,
.content-wrapper.style-4 .content-info .icon-bx-wraper.style-1 .icon-bx i,
.site-footer.style-1 .footer-head .icon-bx-wraper.style-1 .icon-bx i,
.ozgecmis-page .ozgecmis-sidebar .icon-bx-wraper.style-1 .icon-bx i {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	margin: 0;
}
.contact-page .icon-bx-wraper.style-8 {
	align-items: center;
}
.randevu-page .randevu-contact-item.info-widget.style-5,
.randevu-page .randevu-address-box {
	align-items: center !important;
}
.randevu-page .randevu-contact-item .widget-media,
.randevu-page .randevu-address-box .widget-media {
	margin-top: 0 !important;
	align-self: center;
}

/* —— Tedaviler / Kategori hub sidebar thumbs —— */
.hp-hub-sidebar .widget-post .dz-media {
	flex: 0 0 68px;
	width: 68px;
	height: 68px;
	border-radius: 12px;
	overflow: hidden;
	background: #eef6fb;
	border: 1px solid rgba(3, 27, 78, 0.08);
	display: flex;
	align-items: center;
	justify-content: center;
}
.hp-hub-sidebar .widget-post .dz-media a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 4px;
}
.hp-hub-sidebar .widget-post .dz-media img {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: center center;
	display: block;
}

/* —— Özgeçmiş highlight cards —— */
.ozgecmis-hero-summary {
	background: linear-gradient(135deg, var(--hp-blue-muted) 0%, #fff 55%);
	border: 1px solid var(--hp-divider);
	border-radius: var(--hp-card-radius);
	padding: clamp(1.25rem, 3vw, 1.75rem);
	margin-bottom: 1.75rem;
}
.ozgecmis-hero-summary__text {
	font-size: 1.05rem;
	line-height: 1.7;
	color: var(--hp-blue-secondary);
	margin: 0;
}
.ozgecmis-highlight-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.85rem;
	margin-bottom: 2rem;
}
@media (max-width: 767.98px) {
	.ozgecmis-highlight-cards {
		grid-template-columns: 1fr;
	}
}
.ozgecmis-highlight-card {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	padding: 0.9rem 1rem;
	background: #fff;
	border: 1px solid var(--hp-divider);
	border-radius: 0.75rem;
	box-shadow: 0 6px 20px rgba(3, 27, 78, 0.05);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.ozgecmis-highlight-card:hover {
	border-color: rgba(0, 189, 224, 0.35);
	box-shadow: 0 10px 28px rgba(3, 27, 78, 0.08);
}
.ozgecmis-highlight-card__icon {
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	border-radius: 10px;
	background: var(--hp-blue-muted);
	color: var(--hp-blue-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
}
.ozgecmis-highlight-card__text {
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.45;
	color: var(--hp-blue-secondary);
	margin: 0;
}

/* —— Related articles (main content cards) —— */
.hp-related-articles {
	margin-top: 2.5rem;
	padding-top: 2rem;
	border-top: 1px solid var(--hp-divider-strong);
}
.hp-related-articles__title {
	font-size: clamp(1.25rem, 2vw, 1.5rem);
	font-weight: 700;
	color: var(--hp-blue-secondary);
	margin: 0 0 1.25rem;
	padding-bottom: 0.65rem;
	border-bottom: 3px solid var(--hp-blue-primary);
	display: inline-block;
}
.hp-related-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.25rem;
}
@media (max-width: 991.98px) {
	.hp-related-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 575.98px) {
	.hp-related-grid {
		grid-template-columns: 1fr;
	}
}
.hp-related-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: #fff;
	border: 1px solid var(--hp-divider);
	border-radius: var(--hp-card-radius);
	overflow: hidden;
	box-shadow: 0 10px 32px rgba(15, 35, 52, 0.06);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
	text-decoration: none;
	color: inherit;
}
.hp-related-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 40px rgba(15, 35, 52, 0.1);
	color: inherit;
}
.hp-related-card__media {
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--hp-blue-muted);
}
.hp-related-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.hp-related-card__body {
	padding: 1rem 1.1rem 1.15rem;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
}
.hp-related-card__title {
	font-size: 0.95rem;
	font-weight: 600;
	line-height: 1.4;
	color: var(--hp-blue-secondary);
	margin: 0 0 0.4rem;
}
.hp-related-card__excerpt {
	font-size: 0.8125rem;
	line-height: 1.5;
	color: #64748b;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* —— Article / detail typography —— */
.makale-page .kategori-intro-body h2,
.makale-page .dz-post-text h2,
.kategori-page .kategori-intro-body h2 {
	font-size: clamp(1.35rem, 2.2vw, 1.65rem);
	font-weight: 700;
	line-height: 1.3;
	margin: 2rem 0 0.85rem;
	color: var(--hp-blue-secondary);
}
.makale-page .kategori-intro-body h3,
.makale-page .dz-post-text h3,
.kategori-page .kategori-intro-body h3 {
	font-size: clamp(1.15rem, 1.8vw, 1.3rem);
	font-weight: 600;
	line-height: 1.35;
	margin: 1.5rem 0 0.65rem;
	color: var(--hp-blue-secondary);
}
.makale-page .kategori-intro-body h2:first-child,
.makale-page .dz-post-text h2:first-child,
.makale-page .kategori-intro-body h3:first-child,
.makale-page .dz-post-text h3:first-child {
	margin-top: 0;
}

/* —— Category / blog card images —— */
.blog-card .dz-media,
.widget-post .dz-media,
.topic-hub-card__visual img {
	object-fit: cover;
}
.blog-card .dz-media {
	aspect-ratio: 16 / 10;
	overflow: hidden;
}
.blog-card .dz-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* —— Category list cleanup —— */
.kategori-page .widget_categories ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.kategori-page .widget_categories .cat-item a {
	display: block;
	padding: 0.5rem 0;
	border-bottom: 1px solid var(--hp-divider);
	text-decoration: none;
	font-weight: 500;
}
/* —— Performance: content bg + CLS helpers —— */
.hp-content-bg {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
@media (max-width: 767.98px) {
	.hp-content-bg {
		background-image: url("/view/assets/images/background/bg5-sm.webp") !important;
	}
}

/* Below-fold article body: skip offscreen work when supported */
@supports (content-visibility: auto) {
	.makale-page .makale-body-block {
		content-visibility: auto;
		contain-intrinsic-size: 1px 900px;
	}
}

#WAButton.mobilgizle {
	min-width: 50px;
	min-height: 50px;
}

/* —— STEP 5: Footer sadeleştirme —— */
.site-footer.style-1.site-footer--clean {
	background-image: none !important;
	background-color: var(--bs-light, #f5f8fc);
	position: relative;
}
.site-footer.style-1.site-footer--clean.overlay-primary-light:before,
.site-footer.style-1.site-footer--clean:before {
	display: none !important;
	content: none !important;
}
.site-footer.style-1.site-footer--clean .footer-top {
	padding-top: 3.5rem;
	padding-bottom: 1.75rem;
}
.site-footer.style-1.site-footer--clean .footer-bottom {
	padding-top: 1.25rem;
	margin-top: 0;
}
.site-footer.style-1.site-footer--clean .footer-middle,
.site-footer.style-1.site-footer--clean > .item1 {
	display: none !important;
}

/* —— Mobile menu (#W3Menu): ok hizası, alt menü padding, alt ok boyutu —— */
@media (max-width: 991px) {
	/* Ana menü satırı: metin + caret dikey ortalı */
	#W3Menu.header-nav .nav.site-mega-nav > li > a {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 0.5rem;
		min-height: 44px;
		padding: 10px 4px 10px 2px !important;
		line-height: 1.35 !important;
	}
	#W3Menu.header-nav .nav.site-mega-nav > li > a > span:not(.site-nav-caret) {
		flex: 1 1 auto;
		min-width: 0;
		line-height: 1.35;
	}

	/* Ana menü caret: kutu = ikon boyutu, float kaldır, ortala */
	#W3Menu.header-nav .nav.site-mega-nav > li.sub-menu-down > a .site-nav-caret,
	#W3Menu.header-nav .nav.site-mega-nav > li.site-mega-parent > a .site-nav-caret,
	#W3Menu.header-nav .nav.site-mega-nav > li.sub-menu-down > a .site-nav-caret.feather,
	#W3Menu.header-nav .nav.site-mega-nav > li.site-mega-parent > a .site-nav-caret.feather {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		float: none !important;
		position: relative;
		top: auto !important;
		margin: 0 !important;
		width: 28px !important;
		height: 28px !important;
		min-width: 28px !important;
		min-height: 28px !important;
		font-size: 12px !important;
		line-height: 1 !important;
		background-color: var(--bs-secondary, #031b4e) !important;
		color: #fff !important;
		border-radius: 4px;
		flex-shrink: 0;
	}

	/* 1. seviye alt menü: sol boşluk */
	#W3Menu.header-nav .nav > li > .sub-menu,
	#W3Menu.header-nav .nav > li > .mega-menu {
		padding: 6px 0 8px 12px !important;
	}

	/* Alt menü satırları */
	#W3Menu.header-nav .nav > li .sub-menu > li > a,
	#W3Menu.header-nav .nav > li .mega-menu > li > a {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 0.5rem;
		min-height: 40px;
		padding: 8px 36px 8px 14px !important;
		line-height: 1.35 !important;
		position: relative;
	}

	/* İç içe alt menü girintisi */
	#W3Menu.header-nav .nav > li .sub-menu .sub-menu,
	#W3Menu.header-nav .nav > li .mega-menu .sub-menu {
		padding: 4px 0 6px 14px !important;
	}
	#W3Menu.header-nav .nav > li .sub-menu .sub-menu > li > a,
	#W3Menu.header-nav .nav > li .mega-menu .sub-menu > li > a {
		padding: 7px 12px 7px 12px !important;
		min-height: 36px;
		font-size: 13px;
	}

	/* Alt menü okları (:before) — daha küçük, dikey ortalı */
	#W3Menu.header-nav .nav > li .sub-menu .menu-item-has-children > a:before,
	#W3Menu.header-nav .nav > li .sub-menu .has-child > a:before,
	#W3Menu.header-nav .nav > li .mega-menu .menu-item-has-children > a:before,
	#W3Menu.header-nav .nav > li .mega-menu .has-child > a:before {
		content: "\f054" !important;
		font-family: "Font Awesome 5 Free" !important;
		font-weight: 900 !important;
		float: none !important;
		position: absolute !important;
		top: 50% !important;
		right: 4px !important;
		left: auto !important;
		transform: translateY(-50%);
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 22px !important;
		height: 22px !important;
		min-width: 22px;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 10px !important;
		line-height: 1 !important;
		text-align: center;
		background: var(--hp-blue-primary) !important;
		color: #fff !important;
		border-radius: 4px;
		box-sizing: border-box;
	}
	#W3Menu.header-nav .nav > li .sub-menu .menu-item-has-children.open > a:before,
	#W3Menu.header-nav .nav > li .sub-menu .has-child.open > a:before,
	#W3Menu.header-nav .nav > li .mega-menu .menu-item-has-children.open > a:before,
	#W3Menu.header-nav .nav > li .mega-menu .has-child.open > a:before {
		content: "\f078" !important;
	}

	/* Tema’nın fazla büyük <i> oklarını gizle (caret / :before kullanılıyor) */
	#W3Menu.header-nav .nav > li .sub-menu > li > a > i,
	#W3Menu.header-nav .nav > li .mega-menu > li > a > i {
		display: none !important;
	}
}

/* Masaüstü: content-inner üst boşluğunu biraz azalt */
@media only screen and (min-width: 768px) {
	.content-inner {
		padding-top: 55px;
	}
}
@media only screen and (min-width: 1481px) {
	.content-inner {
		padding-top: 70px;
	}
}