/*
 * Tekil dua sayfası. Kaynak: docs/mockups/yeni/d-karisim.html.
 * Yalnızca is_singular('dua') sayfalarında yüklenir.
 */
.kd-dua .kicker { margin-top: 1.4rem; }
.kd-dua h1 { margin-bottom: .5rem; }
.kd-dua .sub { margin: 0; font-size: 1.02rem; color: var(--ink-2); }

/* "Dualarıma ekle" (kalp) — betik yoksa gizli */
.kaydet-btn {
	display: inline-flex; align-items: center; gap: .4rem; margin-top: .85rem; min-height: 2.5rem; padding: 0 .9rem;
	border: 1px solid var(--line); border-radius: 999px; background: var(--card); color: var(--ink-2);
	font: inherit; font-size: .88rem; font-weight: 600; cursor: pointer;
}
.kaydet-btn:hover { border-color: var(--gold); }
.kaydet-btn[hidden] { display: none; }
.kaydet-btn[aria-pressed="true"] { background: var(--gold-tint); border-color: var(--gold-soft); color: var(--baslik); }
.kaydet-btn[aria-pressed="true"] .i { fill: currentColor; }
/* Okunan ayet: başlığın altındaki açıklama */
.kd-dua .okunan-not {
	margin: .9rem 0 0; padding: .7rem .95rem; border-radius: 12px;
	background: var(--gold-tint); border: 1px solid var(--gold-soft);
	font-size: .92rem; line-height: 1.55; color: var(--ink-2);
}
.kd-dua .okunan-not .rozet {
	display: inline-block; margin-right: .35rem; padding: 0 .5rem; border-radius: 999px;
	font-size: .7rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
	color: #fff; background: var(--gold-text);
}

/* ============ Dua kartı ============ */
.dua { margin-top: 1.75rem; background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); overflow: hidden; }
.dua .ar-panel { padding: 2.75rem 2rem 2.1rem; }
.dua .ar { font-size: calc(clamp(1.9rem, 4.6vw, 2.65rem) * var(--kd-olcek, 1)); line-height: 2.1; }
.dua .block { padding: 1.5rem 2rem; }
.dua .block + .block { border-top: 1px solid var(--line); }
.dua .label {
	margin: 0 0 .45rem; font-family: var(--sans);
	font-size: .74rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--gold-text);
}
.reading { margin: 0; font-family: var(--display); font-style: italic; font-weight: 500; font-size: 1.55rem; line-height: 1.4; color: var(--vurgu); }
.meaning { margin: 0; font-size: 1.12rem; line-height: 1.7; font-weight: 500; }
.dua .tools { display: flex; gap: .5rem; padding: 1rem 2rem; background: var(--arac-zemin); border-top: 1px solid var(--line); }

/* Yazı boyutu (A− / A+): --kd-olcek .dua kartına single-dua.js tarafından verilir */
.dua .reading { font-size: calc(1.55rem * var(--kd-olcek, 1)); }
.dua .meaning { font-size: calc(1.12rem * var(--kd-olcek, 1)); }
.dua .boyut { display: flex; gap: .35rem; margin-left: auto; }
.dua .boyut[hidden] { display: none; } /* betik çalışmazsa düğmeler gizli kalsın */
.dua .boyut .tbtn { min-width: 2.75rem; padding: 0 .6rem; font-family: var(--display); font-size: 1.05rem; }
.dua .boyut .tbtn span { font-family: var(--sans); font-size: .8em; }
.dua .boyut .tbtn:disabled { opacity: .4; cursor: default; border-color: var(--line); }

/* ============ Bu dua hakkında ============ */
.about { margin-top: 2.75rem; }
.about .note { margin-top: 1rem; font-size: .8rem; color: var(--muted); }

/* ============ Künye (3 bölme) ============ */
.facts {
	display: grid; grid-template-columns: 1fr 1fr 1.4fr; gap: 1px; margin: 1.4rem 0 0;
	background: var(--line); border: 1px solid var(--line); border-radius: 12px; overflow: hidden;
}
.facts div { background: var(--card); padding: .85rem 1rem; }
.facts dt { font-size: .7rem; font-weight: 700; color: var(--gold-text); text-transform: uppercase; letter-spacing: .1em; }
.facts dd { margin: .2rem 0 0; font-weight: 600; font-size: .92rem; line-height: 1.45; }
.facts a { color: var(--vurgu); text-decoration: underline; text-decoration-color: var(--gold-soft); text-underline-offset: 3px; } /* yalnızca renkle ayrılmasın */
.facts a:hover { text-decoration-color: currentColor; }
.facts .nw { white-space: nowrap; }

/* ============ Hata bildir ============ */
.hata-bildir { margin: 1rem 0 0; text-align: center; }
.hata-bildir a {
	display: inline-flex; align-items: center; gap: .45rem; padding: .55rem .9rem; border-radius: 10px;
	color: var(--muted); font-size: .88rem; text-decoration: none;
}
.hata-bildir a strong { color: var(--vurgu); text-decoration: underline; text-decoration-color: var(--gold-soft); text-underline-offset: 3px; }
.hata-bildir a:hover strong { text-decoration-color: currentColor; }
.hata-bildir .i { width: 1.05rem; height: 1.05rem; flex: none; }

/* ============ Önceki / sonraki ============ */
.pager { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 1.5rem; }
.pager a {
	display: flex; align-items: center; gap: .75rem; text-decoration: none;
	background: var(--card); border-radius: 14px; box-shadow: var(--shadow); padding: 1rem 1.25rem;
}
.pager a.sonraki { justify-content: flex-end; text-align: right; }
.pager small { display: block; font-size: .76rem; color: var(--muted); font-weight: 500; }
.pager b { font-weight: 700; font-size: .98rem; color: var(--baslik); }
.pager .arr {
	width: 2.25rem; height: 2.25rem; border-radius: 10px; flex: none;
	background: var(--gold-tint); color: var(--gold-text); display: grid; place-items: center;
}

/* ============ Mobil ============ */
@media (max-width: 640px) {
	.dua .ar-panel { padding: 2.1rem 1.1rem 1.6rem; }
	.dua .block { padding: 1.25rem 1.1rem; }
	.dua .tools { padding: .8rem 1.1rem; }
	.dua .tools .tbtn { flex: 1; }
	.dua .tools .boyut .tbtn { flex: none; }
	.dua .tools { flex-wrap: wrap; }
	.dua .tools > .tbtn { min-width: 0; }
	.dua .tools .ezber-btn { flex-basis: 100%; }
	.facts { grid-template-columns: 1fr 1fr; }
	.facts div:last-child { grid-column: 1 / -1; }
	.pager { grid-template-columns: 1fr; }
}

/* ============ Günün Duası sayfası ============ */
.kd-gunun .sub p { margin: 0; }
.gunun-bas { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .35rem 1rem; margin-top: 2rem; }
.gunun-bas h2 { margin: 0; font-size: 1.75rem; }
.gunun-bas h2 a { color: inherit; text-decoration: none; }
.gunun-bas h2 a:hover { color: var(--vurgu); }
.gunun-bas .r { font-size: .8rem; font-weight: 600; color: var(--gold-text); background: var(--gold-tint); padding: .15rem .6rem; border-radius: 10px; }
.kd-gunun .dua { margin-top: .9rem; }
.kd-gunun .dua .tools { flex-wrap: wrap; }
.gunun-not { margin-top: 2rem; }
@media (max-width: 640px) {
	.kd-gunun .dua .tools .tbtn.primary { flex-basis: 100%; }
}

/* ============ Paylaş penceresi (dua görseli) ============ */
.paylas-pencere {
	width: min(26rem, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); padding: 0;
	border: 0; border-radius: var(--r); background: var(--card); color: var(--ink); box-shadow: 0 20px 60px rgba(12, 46, 41, .3);
}
.paylas-pencere::backdrop { background: rgba(12, 46, 41, .55); }
.paylas-pencere .pp-ic { display: flex; flex-direction: column; gap: .9rem; padding: 1rem 1.1rem 1.1rem; }
.paylas-pencere .pp-bas { display: flex; align-items: center; justify-content: space-between; }
.paylas-pencere h2 { margin: 0; font-size: 1.35rem; }
.paylas-pencere .pp-kapat {
	width: 2.75rem; height: 2.75rem; margin-right: -.5rem; border: 0; border-radius: 10px; background: transparent;
	color: var(--muted); font-size: 1.6rem; line-height: 1; cursor: pointer;
}
.paylas-pencere .pp-kapat:hover { background: var(--hover); color: var(--ink); }
.paylas-pencere .pp-onizleme {
	display: grid; place-items: center; min-height: 12rem; border-radius: 12px; background: var(--paper); overflow: hidden;
}
.paylas-pencere .pp-onizleme img { display: block; width: auto; max-width: 100%; height: auto; max-height: min(55dvh, 26rem); }
.paylas-pencere .pp-onizleme img[hidden], .paylas-pencere .pp-durum[hidden] { display: none; }
.paylas-pencere .pp-durum { margin: 0; padding: 1rem; font-size: .9rem; color: var(--muted); text-align: center; }
.paylas-pencere .pp-dugmeler { display: flex; flex-direction: column; gap: .5rem; }
.paylas-pencere .pp-dugmeler .tbtn { width: 100%; cursor: pointer; font: inherit; font-size: .92rem; font-weight: 600; }
.paylas-pencere .pp-dugmeler .tbtn.primary { color: #fff; }
.paylas-pencere .pp-dugmeler [hidden] { display: none; }
.paylas-pencere .pp-not { margin: 0; font-size: .85rem; color: var(--vurgu); text-align: center; overflow-wrap: anywhere; }
.paylas-pencere .pp-not:empty { display: none; }
.paylas-pencere .pp-bicim { display: grid; grid-template-columns: 1fr 1fr; gap: .25rem; padding: .25rem; border-radius: 12px; background: var(--paper); }
.paylas-pencere .pp-bicim button {
	min-height: 2.5rem; border: 0; border-radius: 9px; background: transparent; color: var(--ink-2);
	font: inherit; font-size: .88rem; font-weight: 600; cursor: pointer;
}
.paylas-pencere .pp-bicim button[aria-pressed="true"] { background: var(--card); color: var(--baslik); box-shadow: 0 1px 3px rgba(12, 46, 41, .15); }

/* Ezber modu: okunuş ve anlam bulanık, üstünde "Görmek için dokun"; dokununca açılır */
.dua .tools .ezber-btn[hidden] { display: none; }
.dua .tools .ezber-btn[aria-pressed="true"] { background: var(--gold-tint); border-color: var(--gold); color: var(--baslik); }
.dua .block.ezber-gizli { position: relative; cursor: pointer; }
.dua .block.ezber-gizli > :not(.label) { filter: blur(7px); user-select: none; -webkit-user-select: none; pointer-events: none; }
.dua .block.ezber-gizli::after {
	content: attr(data-ipucu); position: absolute; left: 50%; top: 55%; transform: translate(-50%, -50%);
	padding: .45rem .95rem; border-radius: 999px; background: var(--green-deep); color: #E9DDBF;
	font-family: var(--sans); font-size: .85rem; font-weight: 600; white-space: nowrap; box-shadow: var(--shadow);
}
.dua .block.ezber-gizli:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
@media (prefers-reduced-motion: no-preference) {
	.dua .block > :not(.label) { transition: filter .25s; }
}