/*
Theme Name: Athar — أثر
Author: Athar Project
Description: قالب عربي للصفحات القرآنية، مع إضافة Athar Pages المنفصلة.
Version: 1.2.0
Requires at least: 6.5
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: athar
*/
:root{--ink:#153c35;--green:#186651;--gold:#b48743;--paper:#f8f6f0}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.9 Tahoma,Arial,sans-serif}a{color:var(--green)}.wrap{max-width:1120px;margin:auto;padding:0 24px}header{border-bottom:1px solid #dce3da;background:#fffdf8}header .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:18px;padding-bottom:18px}.brand{font-size:32px;font-weight:bold;text-decoration:none}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{text-decoration:none;font-size:15px}.hero{text-align:center;padding:80px 20px 60px;max-width:800px;margin:auto}.eyebrow{color:#876329;font-size:15px}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.5;margin:16px 0}.hero p{color:#5c706a;max-width:620px;margin:0 auto 28px}.button,button,input[type=submit]{display:inline-block;border:0;background:var(--green);color:white!important;padding:13px 25px;border-radius:12px;font:inherit;cursor:pointer;text-decoration:none}.button.secondary{background:transparent;color:var(--green)!important;border:1px solid #c7d7ce}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card,.panel{background:#fff;border:1px solid #e2e7df;border-radius:20px;padding:28px}.card h3{margin:8px 0}.card p{font-size:16px;color:#63756e}.step{color:var(--gold);font-size:28px}section{margin:30px 0 55px}h2{font-size:28px}.center{text-align:center}.narrow{max-width:740px;margin:45px auto}.panel h1{font-size:32px}.notice{border-right:4px solid var(--gold);background:#fff8e9;padding:16px;border-radius:8px}label{display:block;margin:18px 0 6px}input:not([type=checkbox]),textarea,select{width:100%;padding:13px;border:1px solid #c9d6cf;border-radius:9px;font:inherit;background:#fff;color:var(--ink)}input[type=checkbox]{width:auto}textarea{min-height:130px}audio{width:100%;margin:20px 0}.small{font-size:14px;color:#62746c}.hp{position:absolute;left:-10000px}footer{border-top:1px solid #dce3da;padding:25px;text-align:center;font-size:14px}.entry{overflow-wrap:anywhere}.screen-reader-text{position:absolute;left:-10000px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.pagination{margin:25px;text-align:center}@media(max-width:700px){.grid{grid-template-columns:1fr}header .wrap{align-items:flex-start}.hero{padding-top:45px}.card,.panel{padding:22px}nav{gap:10px}.wrap{padding:0 16px}}
body{isolation:isolate;min-height:100vh}body[data-background=forest]{--paper:#edf5ee;--ink:#163b30;--green:#246647;--glow:#9dc9ac}body[data-background=ocean]{--paper:#eef5f8;--ink:#193d4a;--green:#246477;--glow:#99cddd}body[data-background=night]{--paper:#111f2b;--ink:#ecf2ed;--green:#287d70;--glow:#55749b;color-scheme:dark}body[data-background=night] .panel,body[data-background=night] .card,body[data-background=night] header{background:#1b303c;border-color:#3a535c}body[data-background=night] a{color:#b1e2d3}body[data-background=night] .small,body[data-background=night] .hero p,body[data-background=night] .card p{color:#c1d0d2}body[data-background=night] .notice{background:#31352d}body[data-background=night] input,body[data-background=night] textarea,body[data-background=night] select{background:#243d49;color:#fff}.ambience{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.ambience:before,.ambience:after{content:"";position:absolute;width:75vmax;height:75vmax;border-radius:50%;background:radial-gradient(ellipse,var(--glow,#dbca9c),transparent 65%);opacity:.22;animation:athar-drift 32s ease-in-out infinite alternate}.ambience:before{top:-45vmax;right:-20vmax}.ambience:after{bottom:-45vmax;left:-20vmax;animation-delay:-16s}@keyframes athar-drift{to{transform:translate(7vw,6vh) scale(1.13)}}body[data-motion=off] .ambience:before,body[data-motion=off] .ambience:after{animation:none}.ambience-controls{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-top:16px;font-size:13px}.ambience-controls label{margin:0}.ambience-controls select{width:auto;max-width:180px;padding:6px}.ambience-controls button{padding:6px 12px}.athar-sharing{border-top:1px solid #ccd8d1;margin-top:28px;padding-top:18px}.athar-sharing .actions{justify-content:flex-start}.athar-sharing button,.athar-sharing .button{font-size:15px;padding:10px 17px}button:disabled{opacity:.65;cursor:wait}@media(prefers-reduced-motion:reduce){.ambience:before,.ambience:after{animation:none!important}}@media(max-width:480px){.ambience-controls{flex-wrap:wrap}.hero h1{font-size:34px}header .wrap{flex-direction:column;gap:8px}}
/* Athar 1.2 — prayer library and listening room */
[hidden]{display:none!important}.dua-picker{border:1px solid #ccd9d1;border-radius:18px;padding:20px;margin:28px 0}.dua-picker legend{font-weight:bold;padding:0 10px}.dua-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dua-options{max-height:370px;overflow:auto;overscroll-behavior:contain;padding:4px}.dua-choice{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #d9e3dc;border-radius:12px;cursor:pointer;margin:10px 0;background:rgba(255,255,255,.5)}.dua-choice input{margin-top:8px;flex-shrink:0;accent-color:var(--green)}.dua-choice:has(input:checked){border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.dua-choice strong,.dua-text,.dua-choice small{display:block}.dua-text{font-size:16px;line-height:1.9;margin:6px 0}.dua-choice small{font-size:12px;color:#566d63}.athar-preview{border:1px dashed #aabfb0;border-radius:12px;padding:16px;margin-top:20px}.athar-preview summary{cursor:pointer;font-weight:bold}[data-preview-prayer]{white-space:pre-wrap}.athar-dua{margin:24px 0;padding:24px;background:rgba(224,235,223,.35);border-right:3px solid var(--gold);border-radius:14px;font-size:21px;line-height:2}.athar-dua p{margin:0 0 10px}.athar-dua cite{font-size:12px;font-style:normal;display:block}.athar-audio{border:1px solid #d2dfd5;border-radius:20px;padding:24px;margin:24px 0}.athar-audio h2{margin:4px 0 12px}.audio-options{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}.audio-options label{display:flex;gap:7px;align-items:center}.player-shortcuts{justify-content:flex-start}.entry h1{font-size:clamp(26px,4vw,42px);line-height:1.6;overflow-wrap:anywhere}.athar-player{max-width:820px;margin:auto}body[data-background=night] .dua-choice{background:#213945}body[data-background=night] .dua-choice small{color:#bfd4ce}body[data-background=night] .athar-dua{background:#243d45}body[data-background=night] .button.secondary{color:#b1e2d3!important}@media(max-width:600px){.dua-filters{grid-template-columns:1fr}.dua-picker,.athar-audio,.athar-dua{padding:16px}.athar-dua{font-size:18px}.dua-options{max-height:330px}.player-shortcuts .button{font-size:14px;padding:10px 14px}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}