/* ==========================================================================
   MESAİ GÖSTERGESİ — bileşen kütüphanesi §5.3
   ========================================================================== */

.adh-saat {
	display: inline-flex;
	align-items: baseline;
	gap: 8px;
	flex-wrap: wrap;
	margin: 0;
	padding: 8px 14px;
	border-radius: var(--adh-r-tam);
	background: var(--adh-notr-100);
	font: 400 var(--adh-yazi-200)/1.4 var(--adh-font-govde);
	color: var(--adh-metin-soluk);
}

.adh-saat strong { font-weight: 700; color: var(--adh-metin); }

.adh-saat__nokta {
	width: 9px; height: 9px;
	border-radius: 50%;
	align-self: center;
	flex: 0 0 auto;
	background: var(--adh-metin-soluk);
	position: relative;
}

/* Durum renkleri — renk TEK başına anlam taşımaz, metin de değişir (WCAG 1.4.1) */
.adh-saat[data-durum="acik"]      .adh-saat__nokta { background: var(--adh-basari); }
.adh-saat[data-durum="kapaniyor"] .adh-saat__nokta { background: var(--adh-amber); }
.adh-saat[data-durum="kapali"]    .adh-saat__nokta { background: var(--adh-notr-400); }

.adh-saat[data-durum="acik"]      { background: #eaf6ef; }
.adh-saat[data-durum="kapaniyor"] { background: #fdf6e6; }

/* Açıkken hafif nabız — hareket tercihine saygılı */
.adh-saat[data-durum="acik"] .adh-saat__nokta::after {
	content: "";
	position: absolute;
	inset: -4px;
	border-radius: 50%;
	border: 1px solid var(--adh-basari);
	opacity: 0;
	animation: adh-nabiz 2.4s ease-out infinite;
}
@keyframes adh-nabiz {
	0%   { transform: scale(.6); opacity: .8; }
	70%  { transform: scale(1.25); opacity: 0; }
	100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
	.adh-saat[data-durum="acik"] .adh-saat__nokta::after { animation: none; }
}

/* Koyu zemin varyantı — üst bant ve hero */
.adh-ustbant .adh-saat,
.adh-hero .adh-saat,
.adh-ust .adh-saat,
.adh-footer .adh-saat {
	background: rgba(255, 255, 255, .1);
	color: rgba(255, 255, 255, .82);
	padding: 4px 12px;
}
.adh-ustbant .adh-saat strong,
.adh-hero .adh-saat strong,
.adh-ust .adh-saat strong,
.adh-footer .adh-saat strong { color: #fff; }
.adh-ustbant .adh-saat[data-durum="acik"],
.adh-hero .adh-saat[data-durum="acik"],
.adh-ust .adh-saat[data-durum="acik"],
.adh-footer .adh-saat[data-durum="acik"] { background: rgba(30, 122, 75, .28); }

/* JS yoksa görünen yedek — tek doğruluk kaynağı */
.adh-saat__yedek {
	font-size: var(--adh-yazi-200);
	color: var(--adh-metin-soluk);
	margin: 0;
}
.adh-footer .adh-saat__yedek { color: rgba(255, 255, 255, .72); }

/* Mesai dışında telefon CTA'sı yerine randevu CTA'sı gösterilir */
[data-adh-mesai-ici],
[data-adh-mesai-disi] { display: none; }
html[data-adh-mesai="ici"] [data-adh-mesai-ici]   { display: inline-flex; }
html[data-adh-mesai="disi"] [data-adh-mesai-disi] { display: inline-flex; }
/* JS çalışmazsa ikisi de gizli kalmasın: randevu her zaman güvenli seçenek */
html:not([data-adh-mesai]) [data-adh-mesai-disi]  { display: inline-flex; }

@media (max-width: 600px) {
	.adh-saat { font-size: var(--adh-yazi-100); padding: 6px 11px; }
	.adh-saat__ayrinti { flex-basis: 100%; }
}