/*
Theme Name: Al-Fiqh Pro
Theme URI: https://alfiqh.net
Author: Al-Fiqh
Description: قالب عربي احترافي لمواقع الصوتيات والكتب ومرئيات يوتيوب الإسلامية، مع لوحة إعدادات كاملة (الألوان، الخطوط، الترويسة، الصفحة الرئيسية، الصوتيات، الكتب، يوتيوب، المقالات، الإعلانات، الشبكات الاجتماعية، التذييل، الوضع الليلي، أكواد مخصصة).
Version: 2.1.0
Requires at least: 5.8
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: alfiqh
Tags: rtl-language-support, custom-colors, custom-logo, custom-menu, featured-images, theme-options, threaded-comments, right-sidebar, left-sidebar
*/
:root{--bg:#f6f2ea;--fg:#14261f;--card:#fbf9f4;--primary:#19443a;--gold:#c38f2f;--ink:#0b1f19;--muted:#5a6b65;--border:#ddd3c0;--radius:12px;--container:1200px;--font-body:'Tajawal',sans-serif;--font-head:'Reem Kufi',serif;--fs:17px}
body.dark-mode{--bg:#0d1714;--fg:#ebe5d8;--card:#14211d;--border:#2a3a35;--muted:#a3b0aa}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--fs);line-height:1.8;direction:rtl}
h1,h2,h3,h4{font-family:var(--font-head);line-height:1.4;color:var(--primary)}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3{color:var(--gold)}
a{color:var(--primary);text-decoration:none}a:hover{color:var(--gold)}img{max-width:100%;height:auto}
.container{max-width:var(--container);margin:auto;padding:0 20px}.boxed .site{max-width:calc(var(--container) + 40px);margin:auto;background:var(--bg);box-shadow:0 0 40px rgba(0,0,0,.12)}
.topbar{background:var(--primary);color:#f3ead8;font-size:14px}.topbar .container{display:flex;justify-content:space-between;align-items:center;min-height:40px;gap:10px;flex-wrap:wrap}.topbar a{color:#f3ead8}.topbar ul{list-style:none;margin:0;padding:0;display:flex;gap:12px}
.site-header{background:var(--ink);color:#f3ead8;border-bottom:1px solid rgba(195,143,47,.35);z-index:100}.site-header.sticky{position:sticky;top:0}.admin-bar .site-header.sticky{top:32px}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:20px}.header-center .header-inner{flex-direction:column;justify-content:center;padding:18px 0}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:44px;height:44px;transform:rotate(45deg);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center}.brand-mark span{transform:rotate(-45deg);color:var(--gold);font-family:Amiri,serif;font-size:22px;font-weight:700}
.site-title{font-family:var(--font-head);font-size:24px;color:var(--gold);margin:0;line-height:1}.site-title a{color:var(--gold)}.site-desc{font-size:12px;opacity:.65;margin:4px 0 0}.custom-logo{max-height:64px;width:auto}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px}.main-nav li{position:relative}.main-nav a{display:block;padding:10px 14px;color:#f3ead8;font-size:15px}.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--gold)}
.main-nav ul ul{position:absolute;top:100%;right:0;min-width:210px;background:var(--ink);border-top:2px solid var(--gold);display:none;flex-direction:column;box-shadow:0 10px 30px rgba(0,0,0,.3)}.main-nav li:hover>ul{display:flex}
.header-tools{display:flex;gap:8px}.icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(195,143,47,.45);background:none;color:var(--gold);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px}.icon-btn:hover{background:var(--gold);color:var(--ink)}
.menu-toggle{display:none!important}.header-search{display:none;padding:14px 0;border-top:1px solid rgba(195,143,47,.2)}.header-search.open{display:block}
@media(max-width:960px){.menu-toggle{display:flex!important}.main-nav{display:none;width:100%;order:3}.main-nav.open{display:block}.main-nav ul{flex-direction:column}.main-nav ul ul{position:static;display:flex;box-shadow:none;border:0;padding-right:15px}.header-inner{flex-wrap:wrap}}
.search-form{display:flex;background:var(--card);border-radius:999px;padding:6px;box-shadow:0 20px 50px -20px rgba(0,0,0,.35)}.search-form input{flex:1;min-width:0;border:0;background:none;padding:10px 16px;font:inherit;outline:none;color:var(--fg)}
.btn,.search-form button,input[type=submit]{background:linear-gradient(135deg,#e0b25c,var(--gold));color:var(--ink);border:0;border-radius:999px;padding:10px 24px;font:inherit;font-weight:700;cursor:pointer;display:inline-block}
.hero{position:relative;background:radial-gradient(ellipse at top,var(--primary),var(--ink));color:#f3ead8;text-align:center;padding:100px 0 110px;background-size:cover;background-position:center}.hero:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='none' stroke='%23c9973a' stroke-opacity='.2'%3E%3Cpath d='M40 0L52 28L80 40L52 52L40 80L28 52L0 40L28 28Z'/%3E%3Ccircle cx='40' cy='40' r='12'/%3E%3C/g%3E%3C/svg%3E")}.hero>*{position:relative}
.hero .basmala{font-family:Amiri,serif;color:var(--gold);font-size:28px}.hero h1{color:#f3ead8;font-size:clamp(34px,6vw,64px);margin:10px 0}.hero h1 span{color:var(--gold)}.hero p{max-width:680px;margin:0 auto 30px;opacity:.75}.hero .search-form{max-width:640px;margin:auto}
.hero-tags{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.hero-tags a{border:1px solid rgba(195,143,47,.4);color:#f3ead8;border-radius:999px;padding:4px 16px;font-size:14px}
.quick{display:flex;justify-content:center;gap:14px;margin-top:34px;flex-wrap:wrap}.quick a{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(195,143,47,.35);border-radius:14px;padding:12px 22px;color:#f3ead8;font-family:var(--font-head)}.quick a b{font-size:22px;color:var(--gold)}.quick a:hover{background:var(--gold);color:var(--ink)}.quick a:hover b{color:var(--ink)}
.stats{display:flex;justify-content:center;gap:50px;margin-top:44px}.stats b{display:block;font-family:var(--font-head);color:var(--gold);font-size:30px}.stats small{opacity:.6}
.section{padding:70px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:10px;flex-wrap:wrap}.section-head .kicker{color:var(--gold);font-family:var(--font-head)}.section-head h2{margin:0;font-size:34px}
.st-line .section-head h2{border-bottom:3px solid var(--gold);padding-bottom:6px}.st-box .section-head h2{background:var(--primary);color:#fff;padding:4px 18px;border-radius:6px}
.layout{display:grid;gap:40px;padding:50px 0}.layout.sb-right{grid-template-columns:1fr 320px}.layout.sb-left{grid-template-columns:320px 1fr}.layout.sb-left .sidebar{order:-1}@media(max-width:960px){.layout.sb-right,.layout.sb-left{grid-template-columns:1fr}}
.grid{display:grid;gap:24px}.cols-1{grid-template-columns:1fr}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.cols-3,.cols-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid{grid-template-columns:1fr!important}}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:.3s;display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);box-shadow:0 20px 50px -20px rgba(0,0,0,.35);border-color:var(--gold)}
.card-thumb img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.card-body{padding:20px;flex:1;display:flex;flex-direction:column}.card-title{font-size:21px;margin:8px 0}.card-meta{font-size:13px;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap}.card-excerpt{color:var(--muted);font-size:15px;flex:1}
.cat-badge{display:inline-block;background:var(--primary);color:#fff!important;font-size:12px;padding:2px 12px;border-radius:999px}
.style-list .card{flex-direction:row}.style-list .card-thumb{flex:0 0 38%}.style-list .card-thumb img{height:100%}@media(max-width:600px){.style-list .card{flex-direction:column}}
.play{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-weight:700}.play i{width:38px;height:38px;border-radius:50%;background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-style:normal}
.audio-list{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.audio-row{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--border)}.audio-row:last-child{border:0}.audio-row .num{font-family:var(--font-head);color:var(--gold);font-size:22px;width:34px}.audio-row .info{flex:1;min-width:0}.audio-row .info a{display:block;font-weight:700}.audio-row small{color:var(--muted)}.audio-row audio{width:300px;max-width:45%;height:38px}.audio-row .dl{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex:none}@media(max-width:700px){.audio-row{flex-wrap:wrap}.audio-row audio{width:100%;max-width:100%}}
.books-sec{background:var(--primary)}.books-sec h2,.books-sec .book strong,.books-sec .section-head a{color:#f3ead8}.books-sec .book small{color:#cfc6b4}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:26px}.book{text-align:center}.book .cover{aspect-ratio:2/3;border-radius:4px 10px 10px 4px;overflow:hidden;background:linear-gradient(135deg,var(--ink),var(--primary));border-right:6px solid var(--gold);box-shadow:0 18px 30px -12px rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:12px;transition:.3s}.book:hover .cover{transform:translateY(-6px) rotate(-1deg)}.book .cover img{width:100%;height:100%;object-fit:cover}.book .cover span{color:var(--gold);font-family:Amiri,serif;font-size:20px}.book strong{display:block;margin-top:12px}.book small{display:block}
.book-dl{margin-top:16px}
.yt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.yt{position:relative;aspect-ratio:16/9;border:0;padding:0;border-radius:var(--radius);overflow:hidden;cursor:pointer;background:#000;width:100%}.yt img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:.3s}.yt:hover img{opacity:1;transform:scale(1.04)}.yt span{position:absolute;inset:0;margin:auto;width:66px;height:46px;border-radius:12px;background:#e00;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center}.yt iframe{width:100%;height:100%;border:0}.yt-btn{background:#e00!important;color:#fff!important}
.cats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.cat-tile{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;text-align:center;font-family:var(--font-head);font-size:20px}.cat-tile small{display:block;color:var(--gold);font-size:13px}
.quote{background:var(--primary);color:#f3ead8;text-align:center;border-radius:20px;padding:50px;font-family:Amiri,serif;font-size:30px}
.widget{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;margin-bottom:24px}.widget-title{font-size:19px;margin:0 0 12px;border-bottom:2px solid var(--gold);padding-bottom:8px}.widget ul{list-style:none;padding:0;margin:0}.widget li{padding:6px 0;border-bottom:1px dashed var(--border)}
.entry{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:34px}.entry-title{font-size:34px;margin-top:0}.entry-content{font-size:1.05em}.entry-content audio{width:100%}.entry-content iframe{max-width:100%}
.breadcrumbs{font-size:14px;color:var(--muted);margin-bottom:15px}.tags a{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:2px 12px;margin:3px;font-size:13px}
.share{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.share a{padding:8px 16px;border-radius:var(--radius);color:#fff;font-size:14px}.share .fb{background:#1877f2}.share .x{background:#000}.share .wa{background:#25d366}.share .tg{background:#229ed9}.share .em{background:#666}
.author-box{display:flex;gap:16px;align-items:center;margin-top:30px;padding:20px;border:1px solid var(--border);border-radius:var(--radius)}.author-box img{border-radius:50%}
.post-nav{display:flex;justify-content:space-between;gap:10px;margin:30px 0}.pagination{margin-top:40px;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.pagination .page-numbers{padding:8px 14px;border:1px solid var(--border);border-radius:8px;background:var(--card)}.pagination .current{background:var(--primary);color:#fff}
.ad{text-align:center;margin:20px 0}.ad-mobile{display:none}@media(max-width:768px){.ad-desktop{display:none}.ad-mobile{display:block}}
.site-footer{background:var(--ink);color:#d8d1c2;border-top:4px solid var(--gold);margin-top:40px}.site-footer a{color:#d8d1c2}.site-footer a:hover{color:var(--gold)}.site-footer .widget{background:none;border:0;padding:0}.site-footer .widget-title{color:var(--gold)}.site-footer ul{list-style:none;padding:0}.footer-widgets{display:grid;gap:30px;padding:60px 0}@media(max-width:768px){.footer-widgets{grid-template-columns:1fr!important}}.copyright{border-top:1px solid rgba(195,143,47,.2);padding:18px 0;font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.copy-center .copyright{justify-content:center;text-align:center;flex-direction:column}
.socials{display:flex;gap:6px}.socials a{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(195,143,47,.4);font-size:12px;font-weight:700}
#to-top{position:fixed;bottom:24px;left:24px;width:46px;height:46px;border-radius:50%;background:var(--gold);color:var(--ink);border:0;cursor:pointer;display:none;font-size:20px;z-index:99}#to-top.show{display:block}
#cookie-notice{position:fixed;bottom:0;left:0;right:0;padding:14px 20px;color:#fff;display:flex;justify-content:center;align-items:center;gap:16px;z-index:999;flex-wrap:wrap}
.comment-list{list-style:none;padding:0}.comment-body{border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:14px;background:var(--card)}.bypostauthor>.comment-body{border-color:var(--gold);border-width:2px}
textarea,input[type=text],input[type=email],input[type=url]{width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;font:inherit;background:var(--card);color:var(--fg)}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}.alignleft{float:left;margin:0 0 1em 1em}.alignright{float:right;margin:0 1em 1em 0}.aligncenter{display:block;margin:auto}.wp-caption-text{font-size:13px;color:var(--muted)}