/* Abraar Prayer Times — front-end styles */

.apt-card {
	background: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 10px;
	padding: 16px 18px;
	margin: 12px 0;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
	font-size: 15px;
	line-height: 1.5;
	color: #1d2327;
}

.apt-title {
	font-weight: 700;
	font-size: 1.05em;
	margin-bottom: 4px;
}

.apt-date {
	color: #646970;
	font-size: .9em;
	margin-bottom: 10px;
}

.apt-table {
	width: 100%;
	border-collapse: collapse;
}

.apt-table th,
.apt-table td {
	padding: 6px 10px;
	text-align: left;
}

.apt-table tbody th {
	font-weight: 600;
	color: #2c3338;
}

.apt-table tbody td {
	text-align: right;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.apt-table tbody tr:nth-child(odd) {
	background: #f7f7f9;
}

/* Monthly */
.apt-scroll {
	overflow-x: auto;
}

.apt-month {
	min-width: 560px;
	font-size: .9em;
}

.apt-month thead th {
	background: #2c3338;
	color: #fff;
	text-align: center;
	position: sticky;
	top: 0;
}

.apt-month td {
	text-align: center;
	border-bottom: 1px solid #eee;
}

.apt-month .apt-d {
	font-weight: 700;
}

.apt-month .apt-odd { background: #fafafa; }
.apt-month .apt-even { background: #fff; }
.apt-month .apt-today {
	background: #ffe8cc;
	font-weight: 700;
}

.apt-month-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 8px;
}

.apt-month-title {
	font-weight: 700;
	font-size: 1.1em;
}

.apt-btn {
	background: #2271b1;
	color: #fff;
	border: 0;
	border-radius: 6px;
	padding: 7px 14px;
	cursor: pointer;
	font-size: 14px;
	line-height: 1;
}

.apt-btn:hover { background: #135e96; }

/* Picker */
.apt-picker-card .apt-manual {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: flex-end;
	margin-top: 10px;
}

.apt-picker-card label {
	display: flex;
	flex-direction: column;
	font-size: .85em;
	color: #50575e;
	gap: 3px;
}

.apt-picker-card input {
	padding: 6px 8px;
	border: 1px solid #c3c4c7;
	border-radius: 6px;
	width: 130px;
}

.apt-picker-status {
	margin-top: 8px;
	font-size: .85em;
	color: #646970;
	min-height: 1em;
}

/* Qibla compass */
.apt-qibla-card {
	text-align: center;
	max-width: 240px;
}

.apt-compass {
	position: relative;
	width: 140px;
	height: 140px;
	margin: 12px auto;
	border: 3px solid #2c3338;
	border-radius: 50%;
}

.apt-compass-n {
	position: absolute;
	top: 4px;
	left: 50%;
	transform: translateX(-50%);
	font-weight: 700;
	font-size: .8em;
	color: #2c3338;
}

.apt-needle {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 4px;
	height: 62px;
	background: linear-gradient(to bottom, #d63638 0 50%, #c3c4c7 50% 100%);
	transform-origin: bottom center;
	transform: translate(-50%, -100%) rotate(var(--apt-rot, 0deg));
	border-radius: 2px;
}

.apt-bearing {
	font-weight: 700;
	font-size: 1.05em;
}

.apt-month-city {
	text-align: center;
	margin-bottom: 6px;
}

/* Horizontal prayer-times strip (for the site-wide bar) */
.apt-strip{display:flex;flex-wrap:wrap;background:var(--abr-accent-700,#14181b);color:#EDEFEA}
.apt-strip .apt-scell{flex:1 1 0;min-width:92px;padding:10px 12px;text-align:center;border-left:1px solid rgba(255,255,255,.06)}
.apt-strip .apt-scell:first-child{border-left:0}
.apt-strip .apt-scell .p{display:block;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#AEB8B2}
.apt-strip .apt-scell .t{display:block;font-family:"Source Serif 4",Georgia,serif;font-size:1.05rem;font-weight:600;font-variant-numeric:tabular-nums;margin-top:2px}
.apt-strip .apt-scell.now{background:var(--abr-accent,#455055);color:#fff}
.apt-strip .apt-scell.now .p{color:#E8ECEA}
.apt-strip .apt-sloc{flex:1 1 150px;text-align:left;display:flex;align-items:center;font-weight:600;color:#EDEFF1;font-family:Inter,system-ui,sans-serif}
.apt-strip-holder{position:relative}
@media(max-width:640px){
  .apt-strip{overflow-x:auto;flex-wrap:nowrap;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) transparent}
  .apt-strip::-webkit-scrollbar{height:3px}
  .apt-strip::-webkit-scrollbar-thumb{background:rgba(255,255,255,.35);border-radius:3px}
  .apt-strip .apt-scell{min-width:84px;scroll-snap-align:start}
  .apt-strip .apt-sloc{min-width:120px}
  /* right-edge fade + chevron: shown only when there is more to scroll */
  .apt-strip-holder::after{content:"";position:absolute;top:0;right:0;bottom:0;width:44px;pointer-events:none;
    background:linear-gradient(to right,rgba(20,24,27,0),var(--abr-accent-700,#14181b));
    opacity:0;transition:opacity .2s ease}
  .apt-strip-holder::before{content:"\203A";position:absolute;top:50%;right:12px;transform:translateY(-50%);
    color:#fff;font-size:1.4rem;line-height:1;font-weight:700;pointer-events:none;z-index:2;
    opacity:0;transition:opacity .2s ease;animation:apt-nudge 1.4s ease-in-out infinite}
  .apt-strip-holder.apt-has-overflow:not(.apt-at-end)::after,
  .apt-strip-holder.apt-has-overflow:not(.apt-at-end)::before{opacity:.85}
}
@keyframes apt-nudge{0%,100%{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-50%) translateX(4px)}}
@media(prefers-reduced-motion:reduce){.apt-strip-holder::before{animation:none}}