/**
 * AWRAD Reference Library — Public Styles
 * Minimal, inherits theme colors/fonts.
 */




.awrad-rl-main { padding-top: 90px; padding-bottom: 60px; }

.awrad-rl-header { margin-bottom: 32px; text-align: center; padding-top: 8px; }
.awrad-rl-title { font-size: 2rem; font-weight: 700; margin-bottom: 8px; line-height: 1.3; }
.awrad-rl-description { font-size: 1rem; color: var(--awr-text-muted, #777); max-width: 600px; margin: 0 auto 12px; line-height: 1.6; }
.awrad-rl-empty { color: var(--awr-text-muted, #646970); text-align: center; padding: 40px 0; }

/* Cards */
.awrad-rl-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; margin-bottom: 24px; }
.awrad-rl-card { display: block; background: var(--awr-card-bg, #fff); border: 1px solid var(--awr-border-subtle, #ddd); border-radius: 8px; padding: 20px; text-decoration: none; transition: box-shadow 0.2s; }
.awrad-rl-card:hover { box-shadow: 0 2px 12px rgba(0,0,0,0.08); }
.awrad-rl-card-title { display: block; font-size: 1.1rem; font-weight: 600; color: var(--awr-text, #111); }
.awrad-rl-card-type { display: block; font-size: 0.8rem; color: var(--awr-text-muted, #888); margin-top: 6px; }
.awrad-rl-subcard { display: inline-block; padding: 10px 18px; margin: 0 8px 8px 0; border: 1px solid var(--awr-border-subtle, #ddd); border-radius: 6px; text-decoration: none; font-weight: 500; transition: background 0.15s; }
.awrad-rl-subcard:hover { background: var(--awr-card-bg-hover, #f5f5f5); }
.awrad-rl-card-row { margin-bottom: 24px; }

/* Breadcrumbs */
.awrad-rl-breadcrumbs { margin-bottom: 24px; font-size: 0.9rem; }
.awrad-rl-breadcrumbs a { text-decoration: none; }
.awrad-rl-breadcrumb-sep { margin: 0 8px; color: var(--awr-text-muted, #999); }

/* Reader */
.awrad-rl-article { max-width: 780px; margin: 0 auto; }
.awrad-rl-article-title { font-size: 1.4rem; margin-bottom: 16px; text-align: center; }
.awrad-rl-article-controls { display: flex; gap: 8px; justify-content: flex-end; margin-bottom: 24px; }
.awrad-rl-btn-icon { background: var(--awr-card-bg, #fff); border: 1px solid var(--awr-border-subtle, #ddd); border-radius: 4px; padding: 6px 12px; cursor: pointer; font-size: 0.9rem; }
.awrad-rl-body { font-size: 1rem; line-height: 2; }
.awrad-rl-text { margin-bottom: 24px; }
.awrad-rl-field { margin-bottom: 20px; padding: 16px; border-radius: 6px; background: var(--awr-card-bg, #fafafa); }
.awrad-rl-field h3 { margin: 0 0 8px 0; font-size: 1rem; color: var(--awr-text-muted, #666); }
.awrad-rl-source { border-left: 3px solid var(--awr-accent, #c9a24a); }

/* Pagination */
.awrad-rl-pagination { display: flex; gap: 6px; justify-content: center; margin-top: 24px; }
.awrad-rl-pagination a { display: inline-block; padding: 6px 12px; border: 1px solid var(--awr-border-subtle, #ddd); border-radius: 4px; text-decoration: none; }
.awrad-rl-current { background: var(--awr-accent, #0f4a3a); color: #fff; border-color: var(--awr-accent, #0f4a3a) !important; }

/* Search */
.awrad-rl-search-form { display: flex; gap: 8px; margin-bottom: 24px; max-width: 500px; }
.awrad-rl-search-input { flex: 1; padding: 10px 14px; border: 1px solid var(--awr-border-subtle, #ddd); border-radius: 6px; font-size: 1rem; }
.awrad-rl-search-btn { padding: 10px 20px; background: var(--awr-accent, #0f4a3a); color: #fff; border: none; border-radius: 6px; cursor: pointer; }
.awrad-rl-results-count { color: var(--awr-text-muted, #888); margin-bottom: 16px; }

/* Quran */
.awrad-rl-empty-state { text-align: center; padding: 60px 20px; }
.awrad-rl-coming-soon { font-size: 1.2rem; font-weight: 600; color: var(--awr-accent, #c9a24a); margin-top: 12px; }
.awrad-rl-quran-notice { font-size: 0.85rem; color: var(--awr-text-muted, #999); margin-top: 16px; }
.awrad-rl-quran-toolbar { display: flex; gap: 8px; margin-bottom: 24px; }
.awrad-rl-mode-btn { padding: 8px 18px; border: 1px solid var(--awr-border-subtle, #ddd); border-radius: 4px; text-decoration: none; }
.awrad-rl-mode-btn.awrad-rl-active { background: var(--awr-accent, #0f4a3a); color: #fff; border-color: var(--awr-accent, #0f4a3a); }
.awrad-rl-ayah { margin-bottom: 16px; line-height: 2.2; }
.awrad-rl-ayah-number { display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; background: var(--awr-accent, #0f4a3a); color: #fff; border-radius: 50%; font-size: 0.8rem; margin-left: 10px; }
.awrad-rl-quran-body { max-width: 780px; margin: 0 auto; font-size: 1.25rem; line-height: 2.4; }
.awrad-rl-quran-text { white-space: pre-wrap; }

/* Dark mode */
body.awrad-dark .awrad-rl-card,
body.awrad-dark .awrad-rl-btn-icon,
body.awrad-dark .awrad-rl-field { background: var(--awr-dark-card, #1a1a2e); border-color: var(--awr-dark-border, #333); }
body.awrad-dark .awrad-rl-search-input { background: var(--awr-dark-bg, #111); color: var(--awr-dark-text, #eee); border-color: var(--awr-dark-border, #333); }

/* Phase 2 — Mobile improvements */
@media (max-width: 600px) {
    .awrad-rl-main { padding-bottom: 40px; }
    .awrad-rl-title { font-size: 1.5rem; }
    .awrad-rl-grid { grid-template-columns: 1fr; gap: 12px; }
    .awrad-rl-card { padding: 14px; }
    .awrad-rl-article { max-width: 100%; padding: 0; }
    .awrad-rl-article-title { font-size: 1.3rem; }
    .awrad-rl-body { font-size: 1.05rem; line-height: 1.9; }
    .awrad-rl-search-form { flex-direction: column; max-width: 100%; }
    .awrad-rl-quran-body { font-size: 1.1rem; }
    .awrad-rl-pagination { flex-wrap: wrap; }
    .awrad-rl-pagination a { padding: 4px 10px; font-size: 0.9rem; }
}

/* Phase 2 — Full justification for all public content body text */
.awrad-rl-body[dir="rtl"] { text-align: justify; }
.awrad-rl-body .awrad-rl-text,
.awrad-rl-body .awrad-rl-text p { text-align: justify; }
.awrad-rl-article-title { line-height: 1.5; }
.awrad-rl-card-title { line-height: 1.4; }
.awrad-rl-field { font-size: 0.95rem; color: var(--awr-text-muted, #555); }
.awrad-rl-quran-text { text-align: justify; text-justify: inter-word; hyphens: auto; }

/* 2026-08-07 — Public reader typography reduced by one size step; header/menu and Quran typography intentionally untouched. */
/* Phase 5 — V2 Content Format Public Styles */
.awrad-v2-pub-block {
	margin-bottom: 20px;
}

.awrad-v2-pub-label {
	font-weight: 600;
	font-size: 0.9rem;
	color: var(--awr-text-muted, #666);
	margin-bottom: 6px;
}

.awrad-v2-pub-content {
	font-size: 1rem;
	line-height: 1.9;
	color: var(--awr-text, #333);
}

.awrad-v2-pub-reader {
	font-family: 'ScheherazadeNew-Medium', serif;
	font-size: 1.05rem;
	line-height: 2.1;
	color: var(--awr-text, #111);
}

/* Interface instruction role */
.awrad-v2-pub-interface-instruction .awrad-v2-pub-label {
	color: var(--awr-accent, #0f4a3a);
}

/* Source text role */
.awrad-v2-pub-source-text .awrad-v2-pub-content {
	font-size: 0.85rem;
	opacity: 0.65;
	font-style: italic;
}

/* Note text role */
.awrad-v2-pub-note-text .awrad-v2-pub-content {
	font-size: 0.8rem;
	opacity: 0.55;
	font-style: italic;
}

/* Section title role */
.awrad-v2-pub-section-title .awrad-v2-pub-content {
	font-weight: 700;
	font-size: 1.05rem;
}

/* Multi-work — work header */
.awrad-v2-pub-work {
	margin-bottom: 28px;
}

.awrad-v2-pub-work-header {
	display: block;
	margin-bottom: 14px;
	padding-bottom: 8px;
	border-bottom: 2px solid var(--awr-accent, #cdaa55);
}

.awrad-v2-pub-work-order {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 6px;
}

.awrad-v2-pub-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border: 2px solid var(--awr-accent, #cdaa55);
	border-radius: 50%;
	color: var(--awr-accent, #cdaa55);
	font-weight: 700;
	font-size: 14px;
	flex-shrink: 0;
}

.awrad-v2-pub-ordinal {
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--awr-text-muted, #666);
}

.awrad-v2-pub-work-title {
	display: block;
	font-size: 1rem;
	font-weight: 700;
	color: var(--awr-text, #111);
}

.awrad-v2-pub-work-blocks {
	padding-right: 4px;
}

/* Dark mode v2 */
body.awrad-dark .awrad-v2-pub-label {
	color: var(--awr-dark-text, #ccc);
}
body.awrad-dark .awrad-v2-pub-reader {
	color: var(--awr-dark-text, #eee);
}
body.awrad-dark .awrad-v2-pub-interface-instruction .awrad-v2-pub-label {
	color: var(--awr-accent, #cdaa55);
}
body.awrad-dark .awrad-v2-pub-badge {
	border-color: var(--awr-accent, #cdaa55);
	color: var(--awr-accent, #cdaa55);
}
body.awrad-dark .awrad-v2-pub-work-header {
	border-color: var(--awr-accent, #cdaa55);
}

@media (max-width: 600px) {
	.awrad-v2-pub-reader { font-size: 1rem; line-height: 1.95; }
	.awrad-v2-pub-work-order { gap: 6px; }
}