/* Tooltip for ayah translation on hover */
.ayah-tooltip {
	pointer-events: none;
	opacity: 0.97;
	max-width: 320px;
	white-space: pre-line;
	font-family: inherit;
}
.ayah-translation {
	margin-left: 3.5rem;
}
/* Highlight currently playing ayah */
.ayah-highlight {
	background: linear-gradient(90deg, #fefcbf 0%, #fde68a 100%);
	border-radius: 6px;
	box-shadow: 0 0 0 2px #f59e42;
	transition: background 0.2s, box-shadow 0.2s;
}
/* Extracted Quran page styles */
body { font-family: 'Inter', sans-serif; background-color: #F8F9FA; color: #333; }
.bg-brand-blue { background-color: #0A2540; }
.text-brand-blue { color: #0A2540; }
.bg-brand-gold { background-color: #D4AF37; }
.text-brand-gold { color: #D4AF37; }
.islamic-header { background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(255,255,255,0.9)); backdrop-filter: blur(10px); border-bottom: 2px solid rgba(212, 175, 55, 0.2); }
.islamic-section { background: linear-gradient(135deg, #f8f9fa, #e9ecef); position: relative; }
.islamic-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #D4AF37, #0A2540, #D4AF37); }
.islamic-footer { background: linear-gradient(135deg, #2d3748, #1a202c); border-top: 3px solid #D4AF37; }
.islamic-card { background: linear-gradient(135deg, rgba(255,255,255,0.9), rgba(255,255,255,0.7)); border: 1px solid rgba(212, 175, 55, 0.3); border-radius: 16px; box-shadow: 0 8px 32px rgba(10, 37, 64, 0.1); backdrop-filter: blur(10px); }
.quran-hero { background: linear-gradient(135deg, #0A2540, #1a365d); position: relative; overflow: hidden; }
.quran-hero::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle at 20% 80%, rgba(212, 175, 55, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(212, 175, 55, 0.05) 0%, transparent 50%); pointer-events: none; }
.arabic-text { font-family: 'Amiri', 'Times New Roman', serif; direction: rtl; text-align: right; }
.skeleton-line{height:14px;background:linear-gradient(90deg,#e5e7eb 0%,#f3f4f6 50%,#e5e7eb 100%);background-size:200% 100%;animation:skeleton 1.4s ease-in-out infinite;border-radius:4px;}
@keyframes skeleton{0%{background-position:0 0;}100%{background-position:-200% 0;}}
.footnote-ref{cursor:pointer;}
.footnote-ref:hover{color:#0A2540;text-decoration:underline;}
#footnotes .expand-controls{display:flex;gap:.5rem;margin-bottom:.5rem;}
.fade-in-section { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; }
.fade-in-section.is-visible { opacity: 1; transform: translateY(0); }

/* Translation toggle states */
#quran-grid.translation-hidden { grid-template-columns: 1fr !important; }
#quran-grid.translation-hidden .translation-column { display: none; }
#quran-grid.translation-hidden .arabic-column { grid-column: 1 / -1; }

/* Fullscreen pane */
.q-pane-fullscreen {
	position: fixed !important;
	inset: 70px 0 0 0 !important;
	z-index: 1000 !important;
	background: #ffffff !important;
	padding: 1.25rem 1.5rem 3rem 1.5rem !important;
	overflow-y: auto !important;
	box-shadow: 0 0 0 9999px rgba(0,0,0,0.55);
}
.q-pane-fullscreen .fs-exit {
	position: absolute;
	top: 0.5rem;
	right: 0.75rem;
}