/* ==========================================================================
   Adana Diş Hekimi — İskelet parçaları
   Üst bant, başlık, mega menü, mobil menü, hero, breadcrumb, altbilgi.
   ========================================================================== */

/* --------------------------------------------------------------------------
   İÇERİĞE GEÇ
   -------------------------------------------------------------------------- */
.adh-atla {
	position: absolute; left: 50%; top: 0; transform: translate(-50%, -120%);
	z-index: 9999;
	background: var(--adh-lacivert-900); color: #fff;
	padding: .75rem 1.25rem; border-radius: 0 0 var(--adh-radius-s) var(--adh-radius-s);
	font-family: var(--adh-font-baslik); font-weight: 600; text-decoration: none;
	transition: transform var(--adh-gecis);
}
.adh-atla:focus { transform: translate(-50%, 0); color: #fff; }

/* --------------------------------------------------------------------------
   ÜST BANT
   -------------------------------------------------------------------------- */
.adh-ustbant {
	background: var(--adh-lacivert-900);
	color: rgba(255,255,255,.82);
	font-size: var(--adh-fs-mini);
	line-height: 1.4;
}
.adh-ustbant__ic { display: flex; flex-wrap: wrap; gap: var(--adh-bos-s); align-items: center; justify-content: space-between; min-height: 40px; padding-block: .35rem; }
.adh-ustbant a { color: #fff; text-decoration: none; display: inline-flex; align-items: center; gap: .4rem; }
.adh-ustbant a:hover { color: var(--adh-petrol-100); text-decoration: underline; }
.adh-ustbant svg { width: 15px; height: 15px; opacity: .8; }
.adh-ustbant__grup { display: flex; flex-wrap: wrap; gap: var(--adh-bos-s); align-items: center; }
@media (max-width: 1024.98px) { .adh-ustbant { display: none; } }

/* --------------------------------------------------------------------------
   BAŞLIK
   -------------------------------------------------------------------------- */
.adh-header {
	position: sticky; top: 0; z-index: 900;
	background: rgba(251,250,247,.92);
	backdrop-filter: saturate(140%) blur(10px);
	border-bottom: 1px solid transparent;
	transition: border-color var(--adh-gecis), box-shadow var(--adh-gecis);
}
.adh-header.adh-yapisik { border-bottom-color: var(--adh-cizgi); box-shadow: var(--adh-golge-hafif); }
.adh-header__ic { display: flex; align-items: center; justify-content: space-between; gap: var(--adh-bos-m); min-height: var(--adh-header-y); }

.adh-logo { display: inline-flex; flex-direction: column; gap: 1px; text-decoration: none; line-height: 1.05; }
.adh-logo img { max-height: 46px; width: auto; }
.adh-logo__ad { font-family: var(--adh-font-baslik); font-weight: 800; font-size: 1.0625rem; letter-spacing: .02em; color: var(--adh-lacivert-900); text-transform: uppercase; }
.adh-logo__alt { font-size: .6875rem; letter-spacing: .1em; text-transform: uppercase; color: var(--adh-petrol-700); font-weight: 500; }

/* Masaüstü menü */
.adh-nav { display: none; }
@media (min-width: 1025px) {
	.adh-nav { display: block; }
	.adh-nav > ul { display: flex; align-items: center; gap: var(--adh-bos-xs); list-style: none; margin: 0; padding: 0; }
	.adh-nav li { margin: 0; position: relative; }
	.adh-nav > ul > li > a {
		display: inline-flex; align-items: center; gap: .3rem;
		padding: .65rem .7rem;
		font-family: var(--adh-font-baslik); font-weight: 500; font-size: .9688rem;
		color: var(--adh-lacivert-800); text-decoration: none;
		border-radius: var(--adh-radius-s);
		transition: color var(--adh-gecis), background-color var(--adh-gecis);
	}
	.adh-nav > ul > li > a:hover,
	.adh-nav > ul > li:focus-within > a { color: var(--adh-petrol-700); background: var(--adh-petrol-050); }
	.adh-nav .current-menu-item > a,
	.adh-nav .current-menu-ancestor > a,
	.adh-nav .current_page_parent > a { color: var(--adh-petrol-700); }
	.adh-nav .current-menu-item > a::after,
	.adh-nav .current-menu-ancestor > a::after {
		content: ""; position: absolute; left: .7rem; right: .7rem; bottom: .25rem; height: 2px;
		background: var(--adh-petrol-600); border-radius: 2px;
	}

	/* Alt menü / mega menü */
	.adh-nav .sub-menu {
		position: absolute; top: calc(100% + 6px); left: 0; z-index: 20;
		min-width: 260px; margin: 0; padding: .5rem;
		list-style: none;
		background: var(--adh-yuzey);
		border: 1px solid var(--adh-cizgi);
		border-radius: var(--adh-radius-m);
		box-shadow: var(--adh-golge-orta);
		opacity: 0; visibility: hidden; transform: translateY(-6px);
		transition: opacity var(--adh-gecis), transform var(--adh-gecis), visibility var(--adh-gecis);
	}
	.adh-nav li:hover > .sub-menu,
	.adh-nav li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
	.adh-nav .sub-menu a {
		display: block; padding: .6rem .75rem; border-radius: var(--adh-radius-s);
		font-size: .9375rem; color: var(--adh-lacivert-800); text-decoration: none;
		transition: background-color var(--adh-gecis), color var(--adh-gecis);
	}
	.adh-nav .sub-menu a:hover { background: var(--adh-petrol-050); color: var(--adh-petrol-700); }

	/* Mega menü — "Tedavi Alanları" için 3 kolon */
	.adh-nav .adh-mega > .sub-menu {
		left: 50%; transform: translate(-50%, -6px);
		width: min(920px, 92vw);
		display: grid; grid-template-columns: repeat(3, 1fr); gap: .15rem .75rem;
		padding: var(--adh-bos-s);
	}
	.adh-nav .adh-mega:hover > .sub-menu,
	.adh-nav .adh-mega:focus-within > .sub-menu { transform: translate(-50%, 0); }
}

/* Acil menü öğesi vurgusu */
.adh-nav .adh-acil-oge > a { color: var(--adh-acil) !important; font-weight: 600; }
.adh-nav .adh-acil-oge > a:hover { background: #fdf1f0 !important; }

.adh-header__aksiyon { display: none; }
@media (min-width: 1025px) { .adh-header__aksiyon { display: flex; gap: var(--adh-bos-2xs); align-items: center; } }

/* Hamburger */
.adh-menu-dugme {
	display: inline-flex; align-items: center; justify-content: center; gap: .45rem;
	min-width: var(--adh-dokunma); min-height: var(--adh-dokunma);
	padding: 0 .6rem;
	background: none; border: 1px solid var(--adh-notr-300); border-radius: var(--adh-radius-s);
	color: var(--adh-lacivert-900); cursor: pointer;
	font-family: var(--adh-font-baslik); font-size: .8125rem; font-weight: 600;
}
@media (min-width: 1025px) { .adh-menu-dugme { display: none; } }
.adh-menu-dugme svg { width: 22px; height: 22px; }

/* --------------------------------------------------------------------------
   MOBİL MENÜ
   -------------------------------------------------------------------------- */
.adh-mobil-perde {
	position: fixed; inset: 0; z-index: 950;
	background: rgba(11,29,40,.45);
	opacity: 0; visibility: hidden;
	transition: opacity var(--adh-gecis), visibility var(--adh-gecis);
}
.adh-mobil-perde.acik { opacity: 1; visibility: visible; }

.adh-mobil-menu {
	position: fixed; top: 0; right: 0; bottom: 0; z-index: 960;
	width: min(92vw, 420px);
	background: var(--adh-krem);
	display: flex; flex-direction: column;
	transform: translateX(100%);
	/* visibility: kapalıyken içindeki öğeler sekme sırasına girmesin (WCAG 2.4.3) */
	visibility: hidden;
	transition: transform var(--adh-gecis-yavas), visibility var(--adh-gecis-yavas);
	overscroll-behavior: contain;
	padding-bottom: env(safe-area-inset-bottom);
}
.adh-mobil-menu.acik { transform: translateX(0); visibility: visible; }

.adh-mobil-menu__bas {
	display: flex; align-items: center; justify-content: space-between; gap: var(--adh-bos-s);
	padding: var(--adh-bos-s) var(--adh-bos-m);
	border-bottom: 1px solid var(--adh-cizgi);
	min-height: var(--adh-header-y-mobil);
	flex: 0 0 auto;
}
.adh-mobil-menu__kapat {
	display: inline-flex; align-items: center; justify-content: center;
	width: var(--adh-dokunma); height: var(--adh-dokunma);
	background: none; border: 1px solid var(--adh-notr-300); border-radius: var(--adh-radius-s);
	color: var(--adh-lacivert-900); cursor: pointer;
}
.adh-mobil-menu__kapat svg { width: 20px; height: 20px; }

.adh-mobil-menu__govde { flex: 1 1 auto; overflow-y: auto; padding: var(--adh-bos-s) var(--adh-bos-m) var(--adh-bos-xl); -webkit-overflow-scrolling: touch; }
.adh-mobil-menu ul { list-style: none; margin: 0; padding: 0; }
.adh-mobil-menu li { margin: 0; border-bottom: 1px solid var(--adh-notr-200); }
.adh-mobil-menu li:last-child { border-bottom: 0; }
.adh-mobil-menu a {
	display: block; padding: .95rem .25rem; min-height: var(--adh-dokunma);
	font-family: var(--adh-font-baslik); font-size: 1.0625rem; font-weight: 500;
	color: var(--adh-lacivert-900); text-decoration: none;
}
.adh-mobil-menu a:hover, .adh-mobil-menu a:focus-visible { color: var(--adh-petrol-700); }

/* Alt menü açıcı */
.adh-mobil-menu .adh-alt-ac {
	display: inline-flex; align-items: center; justify-content: center;
	width: var(--adh-dokunma); height: var(--adh-dokunma);
	margin-left: auto;
	background: none; border: 0; color: var(--adh-petrol-700); cursor: pointer;
}
.adh-mobil-menu .adh-alt-ac svg { width: 20px; height: 20px; transition: transform var(--adh-gecis); }
.adh-mobil-menu .adh-alt-ac[aria-expanded="true"] svg { transform: rotate(180deg); }
.adh-mobil-menu .adh-satir-oge { display: flex; align-items: center; gap: .5rem; }
.adh-mobil-menu .adh-satir-oge > a { flex: 1 1 auto; }
.adh-mobil-menu .sub-menu { display: none; padding: 0 0 .5rem .85rem; border-left: 2px solid var(--adh-petrol-100); margin-bottom: .5rem; }
.adh-mobil-menu .sub-menu.acik { display: block; }
.adh-mobil-menu .sub-menu li { border-bottom: 0; }
.adh-mobil-menu .sub-menu a { font-size: .9688rem; font-weight: 400; padding: .7rem .25rem; color: var(--adh-metin-soluk); }

.adh-mobil-menu__alt { flex: 0 0 auto; padding: var(--adh-bos-s) var(--adh-bos-m); border-top: 1px solid var(--adh-cizgi); background: var(--adh-yuzey); display: grid; gap: var(--adh-bos-2xs); }

body.adh-kilit { overflow: hidden; }

/* --------------------------------------------------------------------------
   SABİT MOBİL AKSİYON ÇUBUĞU
   -------------------------------------------------------------------------- */
.adh-mobil-cubuk {
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 800;
	display: grid; grid-auto-flow: column; grid-auto-columns: 1fr;
	background: var(--adh-yuzey);
	border-top: 1px solid var(--adh-cizgi);
	box-shadow: 0 -2px 14px rgba(11,29,40,.07);
	padding-bottom: env(safe-area-inset-bottom);
}
@media (min-width: 1025px) { .adh-mobil-cubuk { display: none; } }
.adh-mobil-cubuk a {
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
	min-height: 58px; padding: .4rem .25rem;
	font-size: .6875rem; font-weight: 600; font-family: var(--adh-font-baslik);
	color: var(--adh-lacivert-800); text-decoration: none;
}
.adh-mobil-cubuk a + a { border-left: 1px solid var(--adh-notr-200); }
.adh-mobil-cubuk svg { width: 21px; height: 21px; color: var(--adh-petrol-600); }
.adh-mobil-cubuk .adh-cubuk-vurgu { background: var(--adh-petrol-600); color: #fff; }
.adh-mobil-cubuk .adh-cubuk-vurgu svg { color: #fff; }
body { padding-bottom: 0; }
@media (max-width: 1024px) { body.adh-cubuk-var { padding-bottom: 58px; } }

/* --------------------------------------------------------------------------
   HERO
   -------------------------------------------------------------------------- */
.adh-hero { position: relative; background: var(--adh-lacivert-900); color: #fff; overflow: hidden; }
.adh-hero__ic { position: relative; z-index: 2; display: grid; gap: var(--adh-bos-xl); align-items: center; padding-block: clamp(3rem, 2rem + 5vw, 5.5rem); }
@media (min-width: 900px) { .adh-hero__ic { grid-template-columns: 1.05fr .95fr; } }
.adh-hero h1 { color: #fff; font-size: var(--adh-fs-display); margin-bottom: var(--adh-bos-s); }
.adh-hero__giris { font-size: var(--adh-fs-buyuk); color: rgba(255,255,255,.82); max-width: 54ch; margin-bottom: var(--adh-bos-m); }
.adh-hero__etiket { color: var(--adh-petrol-100); }
.adh-hero__aksiyon { display: flex; flex-wrap: wrap; gap: var(--adh-bos-2xs); }
.adh-hero__gorsel { border-radius: var(--adh-radius-l); overflow: hidden; box-shadow: var(--adh-golge-hover); }
.adh-hero__gorsel img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 4 / 3; }
.adh-hero__alt { display: flex; flex-wrap: wrap; gap: var(--adh-bos-m); padding-block: var(--adh-bos-s) var(--adh-bos-l); color: rgba(255,255,255,.72); font-size: var(--adh-fs-kucuk); position: relative; z-index: 2; }
.adh-hero__alt span { display: inline-flex; align-items: center; gap: .45rem; }
.adh-hero__alt svg { width: 17px; height: 17px; color: var(--adh-petrol-500); }
.adh-hero::before {
	content: ""; position: absolute; z-index: 1; inset: auto -10% -40% auto;
	width: 620px; height: 620px; border-radius: 50%;
	background: radial-gradient(circle, rgba(201,160,106,.15), transparent 68%);
	pointer-events: none;
}

/* Sayfa başlığı (iç sayfalar) */
.adh-sayfa-bas { background: var(--adh-notr-100); border-bottom: 1px solid var(--adh-cizgi); padding-block: var(--adh-bos-xl); }
.adh-sayfa-bas h1 { margin-bottom: var(--adh-bos-2xs); }
.adh-sayfa-bas .adh-giris { max-width: 68ch; }

/* --------------------------------------------------------------------------
   BREADCRUMB
   -------------------------------------------------------------------------- */
.adh-kirinti { font-size: var(--adh-fs-mini); color: var(--adh-metin-soluk); padding-block: var(--adh-bos-xs); }
.adh-kirinti ol { display: flex; flex-wrap: wrap; gap: .4rem; list-style: none; margin: 0; padding: 0; }
.adh-kirinti li { margin: 0; display: inline-flex; align-items: center; gap: .4rem; }
.adh-kirinti li + li::before { content: "›"; color: var(--adh-notr-400); }
.adh-kirinti a { color: var(--adh-metin-soluk); text-decoration: none; }
.adh-kirinti a:hover { color: var(--adh-petrol-700); text-decoration: underline; }
.adh-kirinti [aria-current="page"] { color: var(--adh-lacivert-800); font-weight: 500; }

/* --------------------------------------------------------------------------
   ALTBİLGİ
   -------------------------------------------------------------------------- */
.adh-footer { background: var(--adh-lacivert-900); color: rgba(255,255,255,.72); font-size: var(--adh-fs-kucuk); }
.adh-footer a { color: rgba(255,255,255,.82); text-decoration: none; }
.adh-footer a:hover { color: #fff; text-decoration: underline; }
.adh-footer__ust { display: grid; gap: var(--adh-bos-xl); padding-block: var(--adh-bos-2xl); grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); }
.adh-footer h2, .adh-footer h3 { color: #fff; font-size: .875rem; text-transform: uppercase; letter-spacing: var(--adh-ls-genis); margin-bottom: var(--adh-bos-s); font-weight: 600; }
.adh-footer ul { list-style: none; margin: 0; padding: 0; }
.adh-footer li { margin-bottom: .5rem; }
.adh-footer__marka .adh-logo__ad { color: #fff; }
.adh-footer__marka .adh-logo__alt { color: var(--adh-petrol-100); }
.adh-footer__nap { margin-top: var(--adh-bos-s); font-style: normal; line-height: var(--adh-lh-genis); }
.adh-footer__alt { border-top: 1px solid rgba(255,255,255,.12); padding-block: var(--adh-bos-s); display: flex; flex-wrap: wrap; gap: var(--adh-bos-s); justify-content: space-between; font-size: var(--adh-fs-mini); }
.adh-footer__yasal-uyari { padding-bottom: var(--adh-bos-m); font-size: var(--adh-fs-mini); color: rgba(255,255,255,.55); max-width: 90ch; line-height: var(--adh-lh-orta); }
@media (max-width: 1024px) { .adh-footer__alt { padding-bottom: calc(var(--adh-bos-s) + 58px); } }
