/* ================= قياسات يمكنك تعديلها (الهاتف فقط) =================
   غيّر الرقم فقط ثم ارفع الملف كالمعتاد.
   --cat-img-w / --cat-img-h  : عرض وارتفاع صورة بطاقة القسم (أناشيد/قرآن/خطب/الأقسام)
   --cat-title-size           : حجم خط اسم القسم تحت الصورة
   --list-img-w / --list-img-h: عرض وارتفاع صورة القوائم الصغيرة (الرئيسية/القوائم/جديد المواد)
   --list-title-size          : حجم خط عنوان القوائم
   ===================================================================== */
:root{--cat-img-w:110px;--cat-img-h:140px;--cat-title-size:14px;--list-img-w:132px;--list-img-h:94px;--list-title-size:16px}
/* ================= نهاية القياسات ================= */
/* START ash-new.css  -  تصميم الشفاء الجديد (يوازي أسلوب الشفاء أون لاين) */
:root{--g:#018484;--g2:#075c5c;--g3:#e0f2f2;--nav:#01b1c4;--cream:#faf8f2;--line:#e0d8c3;--ink:#2b2b2b;--mut:#6f6f6f;--gold:#a46414}
html{-webkit-text-size-adjust:100%}
body{background:var(--cream)!important;color:var(--ink);font-size:15.5px;line-height:1.9}
body,font,p,div,td,th,li,a,span,h1,h2,h3,h4,h5,h6,input,button,select,textarea,.btn,b,strong,em{font-family:'Cairo','Segoe UI',Tahoma,Arial,sans-serif!important}
.fa,[class^="fa-"],[class*=" fa-"]{font-family:FontAwesome!important}
h1,h2,h3,h4,h5,h6,b,strong,th{font-weight:500!important}
body{font-weight:400}
/* أحجام خطوط المقالات القديمة (وسوم font size) أصغر وأهدأ */
font[size="2"]{font-size:13px!important}font[size="3"]{font-size:15px!important}font[size="4"]{font-size:16px!important}
font[size="5"]{font-size:17.5px!important}font[size="6"]{font-size:20px!important}font[size="7"]{font-size:23px!important}
a{color:var(--g);text-decoration:none;transition:color .2s}
a:hover,a:focus{color:var(--gold);text-decoration:none}
img{border-radius:12px}
hr{border-top:1px solid var(--line)}
.container{max-width:1180px}

/* ===== الترويسة ===== */
header{background:#fff;border-bottom:1px solid var(--line);padding:14px 0;box-shadow:0 2px 12px rgba(0,0,0,.05)}
.logo-img{width:100%;max-width:560px;height:auto;max-height:none;min-width:0;margin:0 auto;object-fit:contain}
@media(min-width:992px){.logo-col{width:45%}.logo-col+.col-md-8{width:55%}}
.search-input{border:2px solid var(--g);border-radius:26px;height:44px;padding:0 18px;width:240px;background:#fff;font-size:15px}
.search-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(1,132,132,.18)}
.search-container{position:relative;display:inline-block;width:260px;max-width:100%;white-space:nowrap}
.search-container .search-input{width:100%;padding:0 18px 0 48px}
.search-button{position:absolute;left:6px;top:50%;transform:translateY(-50%);background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0;width:36px;height:36px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;cursor:pointer}
.search-button img{width:22px;height:22px;border-radius:0;filter:invert(32%) sepia(96%) saturate(1500%) hue-rotate(155deg) brightness(80%)}
.social-media img{width:36px;height:36px;border-radius:50%;transition:transform .2s}
.social-media img:hover{transform:translateY(-2px)}

/* ===== القائمة (الكمبيوتر) ===== */
.navbar-default{background:var(--nav)!important;border:0!important;border-radius:0!important;margin-bottom:18px;min-height:50px;box-shadow:0 3px 10px rgba(1,132,132,.25)}
.navbar-default .navbar-nav>li>a{color:#fff!important;font-weight:500;font-size:15px;padding:14px 18px;transition:background .2s}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover{background:var(--g)!important;color:#fff!important}
.navbar-default .navbar-toggle{border-color:#fff}.navbar-default .navbar-toggle .fa,.navbar-default .navbar-toggle span{color:#fff}
.navbar-nav .dropdown-menu{background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:0 0 12px 12px;box-shadow:0 10px 24px rgba(0,0,0,.12);padding:6px 0;min-width:230px}
.navbar-nav .dropdown-menu>li>a{color:var(--ink)!important;padding:9px 18px;font-size:15px}
.navbar-nav .dropdown-menu>li>a:hover{background:var(--g)!important;color:#fff!important;font-size:15px}

/* ===== القائمة (الجوال) ===== */
.navigation>ul>li>a>div{background:var(--nav)!important;border-radius:12px;padding:10px 12px;margin:10px 0}
.navigation>ul>li>a>div font{font-size:16px;font-weight:500}
.navigation ul ul li a{border-bottom:1px solid var(--line)}

/* ===== شريط التنقل / الأخبار ===== */
.breadcrumb{background:#fff!important;border:1px solid var(--line);border-radius:12px;padding:10px 16px}
.breadcrumb>li>a{color:var(--g)!important}
.newsnwe{background:#fff;border:1px solid var(--line);border-radius:12px;padding:0;margin:0 15px 18px;overflow:hidden}
.newsnwe .newsplay{background:#fff!important;box-shadow:none!important;border:0!important;margin:0!important;padding:8px 14px!important}
.newsnwe .newsplay .row{margin:0!important}
.fontnews{color:var(--mut);font-size:15px}
.linknews{color:var(--g)!important;font-weight:500}

/* ===== الأقسام (البلوكات) ===== */
.min-block{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.05);margin:0 0 20px}
.min-block .body-block{padding:0;border:0;box-shadow:none;border-radius:0;background:transparent}
.body-block>table{width:calc(100% - 20px)!important;height:auto!important;background:var(--g)!important;border:0!important;margin:10px 10px 0!important;border-radius:14px!important;border-collapse:separate!important;overflow:hidden}
.body-block>table td{background:var(--g)!important;padding:9px 12px!important;height:auto!important}
.body-block>table span{background:transparent!important}
.body-block>table font{color:#fff!important;font-size:15.5px!important;font-weight:500!important}
.col-md-3 .body-block>table font{font-size:14.5px!important}
.body-block>table img{width:18px;height:18px;border-radius:5px;vertical-align:middle;margin:0 0 3px 4px;background:#fff;padding:1px}
.date-block{padding:16px 18px}
.date-block>br:first-child{display:none}

/* ===== البطاقات والمقالات ===== */
.box{border-radius:14px;overflow:hidden;background:#fff}
.box img{border-radius:12px}
h3.hdate,.hdate{font-size:18px;font-weight:500;line-height:1.7;margin-bottom:6px}
.hdate a,.hdate font{color:var(--ink)!important;font-size:inherit!important;display:inline}
.hdate a:hover{color:var(--g)!important}
h4.media-heading,.media-heading{font-size:15.5px;font-weight:500;line-height:1.7}
.media-heading a{color:var(--ink)!important}.media-heading a:hover{color:var(--g)!important}
.cldate,.pdate{color:var(--mut);font-size:13.5px}
.media{padding:10px 0;border-bottom:1px dashed var(--line)}
.btn-info,.btn-color,a.btn-info{background:var(--g)!important;border:0!important;color:#fff!important;border-radius:20px;padding:3px 16px;font-size:13px;font-weight:500}
.btn-info:hover,.btn-color:hover{background:var(--gold)!important;color:#fff!important}
.body-block ul.icon{list-style:none;padding:0;margin:6px 0}


/* ===== العمود الجانبي: صورة وخط متناسقان ===== */
.col-md-3 .media{padding:10px 0}
.col-md-3 .media-object,.col-md-3 .media-right img{width:84px!important;height:64px!important;object-fit:cover;border-radius:10px}
.col-md-3 .media-heading,.col-md-3 .media-heading a,.col-md-3 h4,.col-md-3 .hdate,.col-md-3 .hdate a{font-size:13.5px!important;line-height:1.7;font-weight:500!important}
.col-md-3 .media-body{padding-right:4px}
.col-md-3 .cldate,.col-md-3 .pdate{font-size:12px;margin:2px 0}
.col-md-3 .date-block{padding:12px 14px}
.col-md-3 p font{font-size:14px!important}

/* ===== التذييل ===== */
.coperight{background:#252525!important;border-top:3px solid var(--g)!important}
.coperight td,.coperight p{background:#252525!important}
.coperight font{color:#d8d8d8!important}.coperight a font{color:#fff!important}
.cope{color:#999}
.upscroll{background:var(--g);border-radius:50%}
/* END ash-new.css */

/* ===== نسخة 4: قائمة رئيسية بلا فراغ + عناوين جانبية تتسع للنص ===== */
.navbar-default .navbar-nav>li,.navbar-default .navbar-nav>li>a{border:0!important;box-shadow:none!important;margin:0!important}
.navbar-default .navbar-nav>li>a{display:block;height:50px;line-height:22px;padding:14px 18px!important}
.navbar-default .navbar-nav>li.active,.navbar-default .navbar-nav>li.active>a{background:var(--g)!important}
.col-md-3 .body-block>table{width:calc(100% - 16px)!important;margin:8px 8px 0!important}
.col-md-3 .body-block>table td{padding:8px 9px!important}
.col-md-3 .body-block>table img{width:13px!important;height:13px!important;margin:0 0 3px 2px!important;border-radius:4px}
.col-md-3 .body-block>table font{font-size:13.5px!important;line-height:1.5}

/* ===== نسخة 5: إزالة اللون البني نهائيًا → تركواز غامق ===== */
header+*.navbar-default,.navbar.navbar-default,.navbar-default{border-bottom:4px solid var(--g)!important}
.navbar .navbar-nav>li>a:hover,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{background:var(--g)!important;color:#fff!important}
.btn-default:hover,.btn-color:hover,.btn-info:hover,.footer .forms .btn-default:hover{background:var(--g2)!important;border-color:var(--g2)!important}
.owl-theme .owl-nav [class*="owl-"]:hover,.upscroll:hover,.social-media .tab .nav-tabs>li.active>a:hover{background:var(--g2)!important}
.social-media .tab .nav-tabs li.active:after{border-top-color:var(--g2)!important}
.voice li a:hover{border-right-color:var(--g)!important}
nav.navigation ul li.active a{border-left-color:var(--g)!important}
#ticker_container a:hover,.linktable:hover,.footer .mun-foot ul li a:hover{color:var(--g2)!important}

/* ===== نسخة 7: إخفاء الإعلان العلوي على الكمبيوتر، ويبقى على الهاتف ===== */
@media(min-width:768px){.ad-slot-wrapper{display:none!important;min-height:0!important;height:0!important;margin:0!important;padding:0!important}}

/* ===== نسخة 8: صفحة المقال ===== */
h1{font-size:27px!important;font-weight:500!important;line-height:1.7;color:var(--ink)!important;margin:6px 0 14px}
/* سطر المسار المكرر داخل بطاقة المقال (موجود أعلاه) */
.date-block td.tcat{display:none!important}
/* ألوان بيانات المقال: رمادي هادئ + تركواز بدل البنفسجي */
.date-block font[color="#800080"],.date-block font[color="#800080"] *{color:var(--mut)!important}
.date-block font[color="#008080"]{color:var(--g)!important}
.date-block td.alt2>font[size="5"][color="#800080"]{color:var(--ink)!important;font-size:19px!important}
.date-block td.alt2 font[size="6"]{display:none}

/* ===== نسخة 9: التعليقات والوسوم ===== */
.date-block td[bgcolor="#01A8BA"]{background:var(--g3)!important;border-radius:12px;padding:12px 16px!important;height:auto!important}
.date-block td[bgcolor="#01A8BA"] font{color:var(--ink)!important;font-size:15px!important;font-family:'Cairo',sans-serif!important}
.date-block table:has(td[bgcolor="#01A8BA"]){margin-bottom:14px;height:auto!important}
.date-block td[bgcolor="#FFFFFF"]{background:transparent!important}
.tags .btn-default,.tags .btn{background:var(--g3)!important;color:var(--g)!important;border:1px solid #cfe7e7!important;border-radius:20px!important;font-size:13.5px;font-weight:400;padding:3px 14px;margin:3px 2px}
.tags .btn-default:hover{background:var(--g)!important;color:#fff!important;border-color:var(--g)!important}
font[color="#8C5511"],font[color="#996600"]{color:var(--g2)!important}
font[color="#01B1C4"]{color:var(--g)!important}

/* ===== نسخة 10: صفحات الأقسام ===== */
/* شريط الإحصائيات تحت العنوان */
.col-md-9>div>table[dir="rtl"]{width:auto!important;margin:0 auto 14px}
.col-md-9>div>table[dir="rtl"] td{background:#fff;border:1px solid var(--line);border-radius:20px;padding:6px 20px!important}
.col-md-9>div>table[dir="rtl"] font{font-size:14px!important;color:var(--mut)!important;font-family:'Cairo',sans-serif!important}
.col-md-9>div>table[dir="rtl"] b{color:var(--g);font-weight:500!important}

/* ===== نسخة 11: قوائم المواد داخل الأقسام (مطابقة للكود الحقيقي) ===== */
.date-block table[dir="rtl"] tr.alt1>td,.date-block table[dir="rtl"] tr.alt2>td{padding:14px 6px!important;overflow:hidden;background:transparent!important}
.date-block table[dir="rtl"] span[style*="float: right"]{margin:0 0 6px 18px!important}
.date-block table[dir="rtl"] img[style*="280px"]{width:260px!important;height:165px!important;max-width:100%;object-fit:cover;border:0!important;border-radius:12px;margin:0!important}
.date-block table[dir="rtl"] h4.media-heading{text-align:right!important;margin:4px 0 8px}
.date-block table[dir="rtl"] h4.media-heading a,.date-block table[dir="rtl"] h4.media-heading font{font-size:18px!important;font-weight:500!important;color:var(--ink)!important}
.date-block table[dir="rtl"] h4.media-heading a:hover,.date-block table[dir="rtl"] h4.media-heading a:hover font{color:var(--g)!important}
.date-block table[dir="rtl"] p[align="justify"],.date-block table[dir="rtl"] p[align="justify"] font{text-align:right!important;font-size:15px!important;line-height:1.95;color:#444!important}
.date-block table[dir="rtl"] p[align="left"]{text-align:right!important;font-size:13.5px;margin:6px 0 0}
.date-block table[dir="rtl"] p[align="left"] i{color:var(--g)}
hr.hr{background:var(--line)!important;height:1px!important;border:0!important;margin:10px 0!important}
/* قائمة الأقسام الفرعية */
.media-object img,.media-right img{border:0!important;border-radius:12px}
font[color="#FF8000"],font[color="#B32D00"]{color:var(--g2)!important}
.fonttable,.fonttable2{font-size:14px!important}
.fonttable{color:var(--mut)}
.media-body{line-height:1.9}

/* ===== نسخة 12: شبكة "المقالات الجديدة" (بطاقات متساوية) ===== */
.date-block td[style*="width:25%"]:has(>h4.media-heading){vertical-align:top;text-align:center!important;padding:14px 12px!important}
.date-block td[style*="width:25%"]:has(>h4.media-heading) img{width:100%!important;max-width:220px;height:auto!important;aspect-ratio:16/10;object-fit:cover;border-radius:12px;border:0!important;display:block;margin:0 auto}
.date-block td[style*="width:25%"]:has(>h4.media-heading) h4.media-heading{text-align:center!important;margin:10px auto 6px;max-width:220px}
.date-block td[style*="width:25%"]:has(>h4.media-heading) h4.media-heading a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.4em;font-size:15px!important;line-height:1.7;color:var(--ink)!important;font-weight:500!important}
.date-block td[style*="width:25%"]:has(>h4.media-heading) h4.media-heading a:hover{color:var(--g)!important}
.date-block td[style*="width:25%"]:has(>h4.media-heading) .cldate{text-align:center;font-size:13px}

/* ===== نسخة 15: بطاقات ألبومات الأناشيد ===== */
.date-block td[style*="width:25%"]:not(:has(>h4.media-heading)){vertical-align:top;text-align:center!important;padding:16px 10px!important;line-height:1.9}
.date-block td[style*="width:25%"]:not(:has(>h4.media-heading)) img{object-fit:cover;border:0!important;border-radius:12px;box-shadow:0 3px 10px rgba(0,0,0,.12);margin:0 auto 8px;display:block}
.date-block td[style*="width:25%"]:not(:has(>h4.media-heading)) img[src*="Sound-images"]{width:132px!important;height:168px!important}
.date-block td[style*="width:25%"]:not(:has(>h4.media-heading))>div:nth-child(2)>a{font-size:16px;font-weight:500;color:var(--ink)!important;display:inline-block;margin-bottom:2px}
.date-block td[style*="width:25%"]:not(:has(>h4.media-heading))>div:nth-child(2)>a:hover{color:var(--g)!important}
.date-block td[style*="width:25%"]:not(:has(>h4.media-heading)) font.fonttable2{font-size:13.5px!important;color:#555}
.date-block td[style*="width:25%"]:not(:has(>h4.media-heading)) font.fonttable{font-size:13px!important}

/* ===== نسخة 16: إزالة إطار التركيز الأسود عند الضغط على الروابط ===== */
a:focus,a:active,button:focus,.btn:focus,input[type="submit"]:focus,.search-button:focus{outline:0!important;outline-offset:0!important;box-shadow:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--g)!important;outline-offset:2px}
a:focus:not(:focus-visible){outline:0!important}

/* ===== نسخة 18: دليل الشفاء للمواقع (بطاقات) ===== */
.date-block td[bgcolor="#01B1C4"][style*="border-radius"]{background:var(--nav)!important;border-radius:14px!important}
.date-block td[bgcolor="#01B1C4"][style*="border-radius"] td[height="59"]{height:46px!important;padding:0 6px!important;background:transparent!important}
.date-block td[bgcolor="#01B1C4"][style*="border-radius"] span{background:transparent!important}
.date-block td[bgcolor="#01B1C4"][style*="border-radius"] a font{font-size:17px!important;font-weight:500!important}
.date-block td[bgcolor="#01B1C4"][style*="border-radius"] font[size="2"]{font-size:14px!important}
.date-block td[bgcolor="#01B1C4"][style*="border-radius"] img{max-height:28px;width:auto}
.date-block font[color="#245680"]{color:var(--ink)!important;font-size:15px!important;line-height:1.95}
#AutoNumber5 td[width="5%"]:last-child{width:150px!important;padding-right:0}
#AutoNumber5 td[width="90%"]{padding:0 16px!important}
#AutoNumber5 img{width:130px!important;height:95px!important;object-fit:cover;border:0!important;border-radius:12px!important;float:none!important;box-shadow:0 3px 10px rgba(0,0,0,.12)}

/* ===== نسخة 19: مسافات بطاقات الدليل ===== */
#AutoNumber2{margin-top:10px!important;margin-bottom:6px}
#AutoNumber5{margin:0!important}
#AutoNumber5 td{vertical-align:top!important}
#AutoNumber5 td[width="90%"] p{margin:0}

/* ===== نسخة 23: صفحة قسم الفيديوهات ===== */
/* الكود الأصلي فيه وسوم font غير مغلقة تُغلِّف البطاقات داخل بعضها؛ نفكّها بـ display:contents ثم نرتب البطاقات بشبكة مرنة */
.media-news>.row{display:flex;flex-wrap:wrap;font-size:0;line-height:0}
.media-news>.row::before,.media-news>.row::after{display:none!important}
.media-news>.row font{display:contents}
.media-news>.row .col-md-6{float:none!important;width:50%;font-size:15px;line-height:1.9}
@media(max-width:767px){.media-news>.row .col-md-6{width:100%}}

/* ===== نسخة 24: إخفاء الإعلانات التي تحقنها Google تلقائيًا (مثل "اكتشاف المزيد")، ويبقى الإعلان اليدوي في القالب ===== */
.google-auto-placed:not(.ad-slot-wrapper .google-auto-placed),ins.adsbygoogle.adsbygoogle-noablate:not(.ad-slot-wrapper ins){display:none!important}
ins.adsbygoogle:not(.ad-slot-wrapper ins){display:none!important}

/* START v25: مصغّرات القوائم على الهاتف (مثل قسم "الرقية الشرعية" في صفحة المقال) */
@media(max-width:767px){
.date-block table[dir="rtl"] span[style*="float: right"]{margin:0 0 6px 12px!important}
.date-block table[dir="rtl"] span[style*="float: right"] img,
.date-block table[dir="rtl"] img[style*="280px"]{width:120px!important;height:90px!important;max-width:120px!important;object-fit:cover;border-radius:10px;margin:0!important}
.date-block table[dir="rtl"] h4.media-heading,
.date-block table[dir="rtl"] h4.media-heading a,
.date-block table[dir="rtl"] h4.media-heading font{font-size:16px!important;line-height:1.7!important}
.date-block table[dir="rtl"] p[align="justify"],
.date-block table[dir="rtl"] p[align="justify"] font{font-size:14px!important;line-height:1.85}
}
/* END v25 */

/* START v26: مصغّرات أقسام الصفحة الرئيسية على الهاتف */
@media(max-width:767px){
.media-news .media-right{padding-left:12px!important;padding-right:0!important}
.media-news .media-right img,.media-news .media-object img{width:110px!important;height:80px!important;max-width:110px!important;object-fit:cover;border-radius:10px}
.media-news .media-heading,.media-news .media-heading a{font-size:15px!important;line-height:1.7!important}
}
/* END v26 */

/* START v28: قوائم الهاتف بنفس مقاسات قسم "الرقية الشرعية" القديم (صورة 104×74، عنوان 16px بتباعد ضيق، تاريخ 13px) */
@media(max-width:767px){
.media-news .media-right{padding-left:10px!important}
.media-news .media-right img,.media-news .media-object img{width:var(--list-img-w)!important;height:var(--list-img-h)!important;max-width:var(--list-img-w)!important;border:1px solid #d9d9d9!important;box-shadow:none!important}
.media-news .media-heading{margin:0 0 4px!important}
.media-news .media-heading,.media-news .media-heading a{color:var(--gold)!important;font-size:var(--list-title-size)!important;line-height:1.3!important;font-weight:500!important;-webkit-text-stroke:.25px currentColor}
.media-news>.row{margin-left:0!important;margin-right:0!important}
.media-news .col-md-6{padding-left:0!important;padding-right:0!important}
.date-block:has(.media-news){padding-left:6px!important;padding-right:6px!important}
.media-news .media{overflow:visible!important}
.media-news .media-right{padding-left:8px!important}
.media-news .cldate{white-space:nowrap;font-size:10.5px!important;line-height:1.5;color:#666;letter-spacing:-.2px}
.media-news .cldate i{font-size:11px;margin:0 1px}
.media-news .media-body{overflow:visible!important}
.date-block table[dir="rtl"] span[style*="float: right"] img,
.date-block table[dir="rtl"] img[style*="280px"]{width:var(--list-img-w)!important;height:var(--list-img-h)!important;max-width:var(--list-img-w)!important;border:1px solid #d9d9d9!important}
.date-block table[dir="rtl"] h4.media-heading,
.date-block table[dir="rtl"] h4.media-heading a,
.date-block table[dir="rtl"] h4.media-heading font{color:var(--gold)!important;font-size:var(--list-title-size)!important;line-height:1.3!important;font-weight:500!important;-webkit-text-stroke:.25px currentColor}
}
/* END v28 */

/* START v29: كل بطاقات الأقسام ذات العمودين على الهاتف (تشمل "المواضيع الرائجة" التي فيها وصف) */
@media(max-width:767px){
.date-block:has(.col-md-6 .media){padding-left:6px!important;padding-right:6px!important}
.col-md-6 .media{overflow:visible!important}
.col-md-6 .media-right{padding-left:8px!important}
.col-md-6 .media-right img{width:var(--list-img-w)!important;height:var(--list-img-h)!important;max-width:var(--list-img-w)!important;object-fit:cover;border:1px solid #d9d9d9!important;border-radius:10px;box-shadow:none!important}
.col-md-6 .media-body{overflow:visible!important}
.col-md-6 .media-heading{margin:0 0 4px!important}
.col-md-6 .media-heading,.col-md-6 .media-heading a{color:var(--gold)!important;font-size:var(--list-title-size)!important;line-height:1.3!important;font-weight:500!important;-webkit-text-stroke:.25px currentColor}
.col-md-6 .cldate:not(:has(p)){white-space:nowrap;font-size:10.5px!important;line-height:1.5;color:#666;letter-spacing:-.2px}
.col-md-6 .cldate:has(p){font-size:10.5px!important;color:#666;line-height:1.5}
.col-md-6 .cldate p{font-size:13px!important;line-height:1.7!important;color:#555;margin:6px 0 0;white-space:normal}
}
/* END v29 */

/* START v30: صفحة المقال على الهاتف: تحجيم الخطوط المضمّنة، قصّ الشرطات الطويلة، تقليل الفراغات */
@media(max-width:767px){
.date-block td font[size="3"],.date-block td font[size="4"]{font-size:14px!important}
.date-block td font[size="5"]{font-size:16px!important}
.date-block td font[size="6"],.date-block td font[size="7"]{font-size:18px!important}
.date-block td,.date-block td p,.date-block td font,.date-block td span,.date-block td div{overflow-wrap:anywhere;word-break:normal}
.date-block td.alt2 img,.date-block td.alt2 .Article-Image img{max-width:100%!important;height:auto!important}
.date-block td br+br+br{display:none}
.date-block td p:has(>br:only-child),
.date-block td p:has(>font:only-child>br:only-child),
.date-block td p:has(>font:only-child>b:only-child>br:only-child){display:none}
}
/* END v30 */

/* START v33: وصف المواضيع الرائجة بعرض البطاقة كاملة تحت الصورة والعنوان (هاتف) */
@media(max-width:767px){
.col-md-6 .media{display:block!important;overflow:visible!important}
.col-md-6 .media>.media-right{float:right!important;display:block!important;width:auto!important}
.col-md-6 .media>.media-body{display:block!important;overflow:visible!important;width:auto!important}
.col-md-6 .media .cldate p{clear:both;display:block;width:100%;margin:8px 0 0!important;font-size:13px!important;line-height:1.7!important}
}
/* END v33 */

/* START v34: صفحات الأقسام ذات البطاقات (أناشيد/قرآن/خطب) على الهاتف: عمودان داخل الشاشة وصور موحدة القياس */
@media(max-width:767px){
.date-block table:has(>tbody>tr>td[style*="width:25%"]>div>a.linktable){width:100%!important;max-width:100%!important}
.date-block tbody:has(>tr>td[style*="width:25%"]>div>a.linktable){display:flex!important;flex-wrap:wrap;width:100%}
.date-block tr:has(>td[style*="width:25%"]>div>a.linktable){display:contents!important}
.date-block td[style*="width:25%"]:not(:has(>h4.media-heading)){width:50%!important;height:auto!important;flex:0 0 50%;max-width:50%;padding:12px 4px!important;overflow:visible;overflow-wrap:anywhere;box-sizing:border-box}
.date-block td[style*="width:25%"]:not(:has(>h4.media-heading)) img[src],.date-block td[style*="width:25%"]:not(:has(>h4.media-heading)) img[src*="Sound-images"]{width:var(--cat-img-w)!important;max-width:100%!important;height:var(--cat-img-h)!important;aspect-ratio:auto!important;object-fit:contain!important;background:#faf8f2}
.date-block td[style*="width:25%"]:not(:has(>h4.media-heading))>div:nth-child(2)>a{font-size:var(--cat-title-size)}
.date-block td[style*="width:25%"]:not(:has(>h4.media-heading)) font.fonttable2{font-size:12px!important}
.date-block td[style*="width:25%"]:not(:has(>h4.media-heading)) font.fonttable{font-size:12px!important}
}
/* END v34 */

/* START v35: قسم "جديد المواد" والمواد المشابهة أسفل المقال (هاتف) بنفس مقاسات بقية القوائم */
@media(max-width:767px){
.date-block>div>.media{overflow:visible!important}
.date-block>div>.media>.media-right{padding-left:8px!important}
.date-block>div>.media .media-right img,.date-block>div>.media .media-object img{width:var(--list-img-w)!important;height:var(--list-img-h)!important;max-width:var(--list-img-w)!important;border:1px solid #d9d9d9!important;box-shadow:none!important}
.date-block>div>.media .media-heading{margin:0 0 4px!important}
.date-block>div>.media .media-heading,.date-block>div>.media .media-heading a{color:var(--gold)!important;font-size:var(--list-title-size)!important;line-height:1.3!important;font-weight:500!important;-webkit-text-stroke:.25px currentColor}
.date-block>div>.media .cldate{white-space:nowrap;font-size:10.5px!important;line-height:1.5;color:#666;letter-spacing:-.2px}
.date-block>div>.media .cldate i{font-size:11px;margin:0 1px}
.date-block>div>.media>.media-body{overflow:visible!important}
}
/* END v35 */

/* START v36: شريط (السابق / المتشابهة / التالي) أسفل المقال والفيديو على الهاتف: ثلاث كتل مرتبة فوق بعضها */
@media(max-width:767px){
.date-block tr:has(>td>font.fonttitletable1){display:block!important;width:100%!important}
.date-block td:has(>font.fonttitletable1):has(>font.fonttitletable1):has(>font.fonttitletable1){display:block!important;width:100%!important;max-width:100%!important;flex:none!important;padding:10px 6px!important;border-bottom:1px solid var(--line);overflow:visible!important;text-align:right!important}
.date-block td>font.fonttitletable1{display:block;font-size:15px!important;font-weight:700;color:var(--g2)!important;margin-bottom:6px}
.date-block td:has(>font.fonttitletable1) .media-heading a,.date-block td:has(>font.fonttitletable1) a.linktable{font-size:15px!important;line-height:1.5!important}
}
/* END v36 */

/* START v37: توسيع المحتوى على الهاتف (هوامش أضيق للبطاقات والمحتوى) */
@media(max-width:767px){
.col-md-9>.min-block,.col-md-12>.min-block,.col-md-3>.min-block,.min-block{margin-left:-6px!important;margin-right:-6px!important}
.date-block{padding-left:10px!important;padding-right:10px!important}
.col-md-3 .date-block{padding-left:10px!important;padding-right:10px!important}
}
/* END v37 */

/* START v38: مشغل الصوت بعرض الحاوية على الهاتف (يمنع تمدد صفحة التلاوة/الخطبة يسارًا) */
@media(max-width:767px){
.date-block audio{width:100%!important;max-width:100%!important;min-width:0!important;display:block;margin:0 auto}
.date-block td:has(>p>audio),.date-block p:has(>audio){text-align:center;max-width:100%;overflow:hidden}
.date-block td:has(audio) table{width:100%!important;max-width:100%!important}
}
/* END v38 */

/* START v39: صفحات التلاوة/الخطبة/الأنشودة على الهاتف: إزالة الفراغات الفارغة وتصغير التاريخ ليبقى بسطر واحد */
@media(max-width:767px){
.date-block table:has(audio) td[height]{height:auto!important}
.date-block table:has(audio) img[src=""]{display:none!important}
.date-block table:has(audio) tr:has(>td>p:only-child:not(:has(*))){display:none}
.date-block table:has(audio) td[width="79%"] p,.date-block table:has(audio) td[width="79%"] span,.date-block table:has(audio) td[width="79%"] font{font-size:12.5px!important;white-space:nowrap}
}
/* END v39 */

/* START v40: منع وميض مربع البحث على الهاتف (يحجز مكان زر القائمة ويخفي شريط الأقسام القديم فورًا) */
@media(max-width:767px){
  .visible-xs:has(>nav.navigation),.visible-xs :has(>nav.navigation){display:none!important}
  form.search-form:not(.ash-has-btn){display:flex!important;align-items:center}
  form.search-form:not(.ash-has-btn)::before{content:"";flex:0 0 46px;height:46px;margin-left:8px;border-radius:14px;background-color:#018484;background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-repeat:no-repeat;background-size:22px 3px;background-position:center 13px,center 21px,center 29px}
}
/* END v40 */

/* START v41: بطاقات "المقالات الجديدة" (خلية بعنوان) على الهاتف: إلغاء الارتفاع الثابت الذي كان يُركّب الصور فوق بعضها */
@media(max-width:767px){
.date-block td[style*="width:25%"]:has(>h4.media-heading){height:auto!important;box-sizing:border-box;overflow:visible;overflow-wrap:anywhere;padding:12px 4px!important}
.date-block td[style*="width:25%"]:has(>h4.media-heading) .cldate{white-space:nowrap;font-size:12px}
}
@media(max-width:480px){
.date-block td[style*="width:25%"]:has(>h4.media-heading){width:50%!important;flex:0 0 50%;max-width:50%}
}
/* END v41 */

/* START v42: عناوين بطاقات "المقالات الجديدة" كاملة بلا قصّ (خط أصغر، بدون تحديد عدد الأسطر) */
@media(max-width:767px){
.date-block td[style*="width:25%"]:has(>h4.media-heading) h4.media-heading a{display:block;-webkit-line-clamp:unset;overflow:visible;min-height:0;font-size:13.5px!important;line-height:1.6;font-weight:400!important}
.date-block td[style*="width:25%"]:has(>h4.media-heading) h4.media-heading{margin:8px auto 4px}
}
/* END v42 */

/* START v44: صفحة "دليل المواقع" (هاتف): النص يلتف حول الصورة (يعمل مع ash-new.js) */
@media(max-width:767px){
#AutoNumber5[data-ash-wrap],#AutoNumber5[data-ash-wrap]>tbody,#AutoNumber5[data-ash-wrap]>tbody>tr{display:block!important;width:100%!important}
#AutoNumber5[data-ash-wrap] td{display:none!important}
#AutoNumber5[data-ash-wrap] td[width="90%"]{display:block!important;width:100%!important;padding:0 10px!important}
#AutoNumber5[data-ash-wrap] td[width="90%"] p{overflow:hidden;line-height:1.8;font-size:15px;text-align:right}
}
/* END v44 */

/* START v45: الخطب/المواد التي صورتها أيقونة زخرفية (upload/Icon): تبقى صغيرة كما في القديم ولا تُكبَّر ولا تُقصّ */
.media-right img[src*="upload/Icon/"],.media-news .media-right img[src*="upload/Icon/"],.col-md-6 .media-right img[src*="upload/Icon/"],.date-block>div>.media .media-right img[src*="upload/Icon/"]{width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;object-fit:contain!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important}
.media-right .box:has(img[src*="upload/Icon/"]){background:transparent!important;border:0!important;display:flex;align-items:center;justify-content:center;min-width:0}
/* END v45 */

/* START v46: التاريخ والمشاهدات في قوائم المواد على الجهة اليسرى */
.media-news .cldate,.date-block>div>.media .cldate{text-align:left!important}
/* END v46 */
