/* IALFM Adhan Times — tile layout with both adhan and iqamah.
   Applies only after adhan.js has added .has-adhan, so the original tiles are untouched if the script does not run. */

.ialfm-adhan__head { display: none; font-style: normal; }

.ialfm-today.has-adhan .ialfm-today__grid > div {
	display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
}

/* Adhan row */
.ialfm-today.has-adhan .ialfm-adhan__a {
	display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: 0 6px;
	font-style: normal; font-size: .9rem; line-height: 1.35;
	width: 86%; padding-bottom: 8px; margin-bottom: 8px;
	border-bottom: 1px solid rgba(128, 128, 128, .35);
	color: var(--ialfm-soft, #5b6b63);
}
.ialfm-today.has-adhan .ialfm-adhan__a small { font-size: .78rem; }
.ialfm-today.has-adhan .ialfm-adhan__a b { font-weight: 600; white-space: nowrap; }

/* Iqamah label under the large time */
.ialfm-today.has-adhan .ialfm-adhan__iq,
.ialfm-today.has-adhan .ialfm-adhan__note {
	display: block; margin-top: 4px;
	font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
	color: var(--ialfm-green, #1d5c43);
}
.ialfm-today.has-adhan .ialfm-adhan__note { font-weight: 500; letter-spacing: .04em; text-transform: none; font-size: .78rem; color: var(--ialfm-soft, #5b6b63); }
.ialfm-today.has-adhan .ialfm-adhan__dash { display: none; }
.ialfm-today.has-adhan .ialfm-today__grid > div > strong { white-space: nowrap; line-height: 1.2; }
.ialfm-today.has-adhan .ialfm-today__grid > .ialfm-adhan--single > strong { font-weight: 600; margin-top: 6px; }

/* Hero (dark green) */
.ialfm-today--hero.has-adhan .ialfm-adhan__a { color: rgba(255, 255, 255, .88); border-bottom-color: rgba(255, 255, 255, .28); }
.ialfm-today--hero.has-adhan .ialfm-adhan__iq { color: rgb(217, 190, 110); }
.ialfm-today--hero.has-adhan .ialfm-adhan__note { color: rgba(255, 255, 255, .78); }
.ialfm-today--hero.has-adhan .ialfm-today__grid > .ialfm-adhan--single > strong { color: rgba(255, 255, 255, .85); }

/* Next prayer (highlighted tile) */
.ialfm-today.has-adhan .ialfm-today__grid > .is-next .ialfm-adhan__a { color: #fff; border-bottom-color: rgba(255, 255, 255, .45); }
.ialfm-today.has-adhan .ialfm-today__grid > .is-next .ialfm-adhan__iq { color: #fff; }
.ialfm-today--hero.has-adhan .ialfm-today__grid > .is-next .ialfm-adhan__a { color: rgb(11, 46, 28); border-bottom-color: rgba(11, 46, 28, .35); }
.ialfm-today--hero.has-adhan .ialfm-today__grid > .is-next .ialfm-adhan__iq { color: rgb(11, 46, 28); }

/* ---------- Phones: one row per prayer — Prayer | Adhan | Iqamah ---------- */
@media (max-width: 600px) {
	.ialfm-today.has-adhan .ialfm-adhan__head,
	.ialfm-today.has-adhan .ialfm-today__grid > div {
		display: grid; grid-template-columns: 1.2fr 1fr 1fr; align-items: baseline; column-gap: 8px;
	}
	.ialfm-today.has-adhan .ialfm-adhan__head { padding: 0 14px 8px; }
	.ialfm-today.has-adhan .ialfm-adhan__head small {
		font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; text-align: right;
		color: var(--ialfm-soft, #5b6b63);
	}
	.ialfm-today.has-adhan .ialfm-adhan__head small:first-child { text-align: left; }
	.ialfm-today--hero.has-adhan .ialfm-adhan__head small { color: rgba(255, 255, 255, .8); }
	.ialfm-today--hero.has-adhan .ialfm-adhan__head small:last-child { color: rgb(217, 190, 110); }

	.ialfm-today.has-adhan .ialfm-today__grid { grid-template-columns: 1fr !important; gap: 6px; }
	.ialfm-today.has-adhan .ialfm-today__grid > div { padding: 12px 14px; text-align: left; transform: none; }
	.ialfm-today.has-adhan .ialfm-today__grid > div > span { margin: 0; text-align: left; font-size: .85rem; font-weight: 700; }
	.ialfm-today.has-adhan .ialfm-today__grid > div > strong { text-align: right; font-size: 1.1rem; grid-column: 3; }

	.ialfm-today.has-adhan .ialfm-adhan__a {
		display: block; width: auto; padding: 0; margin: 0; border: 0; text-align: right; font-size: .95rem; grid-column: 2;
	}
	/* labels stay available to screen readers, the column header replaces them visually */
	.ialfm-today.has-adhan .ialfm-adhan__a small,
	.ialfm-today.has-adhan .ialfm-adhan__iq {
		position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
	}
	.ialfm-today.has-adhan .ialfm-adhan__note { display: none; }

	/* sunrise: its single time sits in the Adhan column, a dash in the Iqamah column */
	.ialfm-today.has-adhan .ialfm-today__grid > .ialfm-adhan--single > strong { grid-column: 2; margin: 0; font-size: .95rem; }
	.ialfm-today.has-adhan .ialfm-today__grid > .ialfm-adhan--single > .ialfm-adhan__dash { display: block; grid-column: 3; text-align: right; opacity: .7; }
}