/* البوصلة – عناوين التطبيق
 * تُطبَّق فقط داخل التطبيق المثبّت (html.albs-app)، أو للمعاينة بإضافة ?app-preview=1 للرابط.
 * خط عناوين واحد (Noto Kufi Arabic)، سُلّم أحجام ثابت، أسطر متوازنة، ولون كحلي يتحول ذهبياً عند اللمس.
 */
html.albs-app{--t-font:"Noto Kufi Arabic","AlBousala",Tahoma,sans-serif;--t-ink:#0d1b3d;--t-gold:#8a6424;--t-soft:#5b6472}

/* 1) كل عناوين الأخبار: نفس الخط ونفس الإيقاع */
html.albs-app :is(.post-title,.entry-title,.albs-hero__title,.albs-hero__itemtitle,.sx-title,.sr-title,.albs-a-title,.albs-a-lead__title,.widget-title,.section-title){
	font-family:var(--t-font)!important;
	letter-spacing:0!important;
	text-wrap:balance;
	word-spacing:.02em;
	-webkit-font-smoothing:antialiased;
}
html.albs-app :is(.post-title,.entry-title,.sx-title,.sr-title,.albs-a-title) a{
	color:var(--t-ink)!important;
	text-decoration:none!important;
	background:none!important;
	transition:color .15s;
}
html.albs-app :is(.post-title,.entry-title,.sx-title,.sr-title,.albs-a-title) a:active,
html.albs-app :is(.post-title,.entry-title,.sx-title,.sr-title,.albs-a-title) a:hover{color:var(--t-gold)!important}

/* 2) سُلّم الأحجام: أربع درجات فقط */
/* عنوان المقال المفتوح */
html.albs-app body.single .entry-title,html.albs-app body.single h1.entry-title{
	font-size:clamp(22px,6vw,26px)!important;line-height:1.55!important;font-weight:800!important;color:var(--t-ink)!important;margin-bottom:14px!important;
}
/* الخبر الرئيسي في الواجهة */
html.albs-app .albs-hero__title{font-size:clamp(19px,5.2vw,23px)!important;line-height:1.6!important;font-weight:800!important}
/* بطاقات الأقسام والقوائم */
html.albs-app :is(.post-title,.sx-title,.sr-title,.albs-a-title){font-size:15.5px!important;line-height:1.7!important;font-weight:700!important}
html.albs-app :is(.post-title,.sx-title,.sr-title,.albs-a-title) a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* العناوين الثانوية في الواجهة */
html.albs-app .albs-hero__itemtitle{font-size:15.5px!important;line-height:1.7!important;font-weight:700!important}
/* شريط «آخر الأخبار»: سطر واحد، أصغر وأخف حتى لا ينافس العناوين */
html.albs-app .newsmatic-ticker .ticker-item .post-title,html.albs-app .newsmatic-ticker .ticker-item .post-title a{font-size:14px!important;font-weight:600!important;line-height:1.6!important;white-space:nowrap!important;text-wrap:nowrap;display:inline!important}

/* 3) عناوين الأقسام: خط ذهبي قصير بدل الزخارف */
html.albs-app :is(.widget-title,.section-title){font-size:19px!important;font-weight:800!important;color:var(--t-ink)!important}
html.albs-app :is(.widget-title,.section-title) span{color:var(--t-ink)!important}

/* 4) التصنيف فوق العنوان: صغير، ذهبي، بلا خلفية */
html.albs-app .post-categories a,html.albs-app .cat-links a{
	font-family:var(--t-font)!important;font-size:12px!important;font-weight:700!important;letter-spacing:0!important;
}

/* 5) الوضع الليلي */
html.albs-app body.newsmatic_dark_mode :is(.post-title,.entry-title,.sx-title,.sr-title,.albs-a-title) a,
html.albs-app body.newsmatic_dark_mode.single .entry-title,
html.albs-app body.newsmatic_dark_mode :is(.widget-title,.section-title),
html.albs-app body.newsmatic_dark_mode :is(.widget-title,.section-title) span{color:#f1ece0!important}
html.albs-app body.newsmatic_dark_mode :is(.post-title,.entry-title) a:active{color:#d4b46a!important}

/* عناوين على صور داكنة (الواجهة) تبقى بيضاء */
html.albs-app .albs-hero__lead .albs-hero__title,html.albs-app .albs-hero__lead .albs-hero__title a{color:#fff!important}

/* شارة صغيرة للمعاينة فقط */
html.albs-app-preview body::after{content:"معاينة التطبيق";position:fixed;z-index:99999;top:8px;inset-inline-start:8px;padding:2px 10px;border-radius:10px;background:#d4b46a;color:#0d1b3d;font:700 12px/1.8 Tahoma,sans-serif;pointer-events:none}

/* الخيار الكلاسيكي: خط النسخ (أقرب إلى الصحف الورقية) يحتاج أحجاماً أكبر قليلاً */
html.albs-app.albs-naskh{--t-font:"Noto Naskh Arabic","AlBousala",serif}
html.albs-app.albs-naskh .albs-hero__title{font-size:clamp(22px,6vw,26px)!important;line-height:1.65!important}
html.albs-app.albs-naskh :is(.post-title,.sx-title,.sr-title,.albs-a-title,.albs-hero__itemtitle){font-size:17.5px!important;line-height:1.75!important}
html.albs-app.albs-naskh body.single .entry-title{font-size:clamp(25px,7vw,30px)!important;line-height:1.6!important}
html.albs-app.albs-naskh :is(.widget-title,.section-title){font-size:22px!important}
html.albs-app.albs-naskh .newsmatic-ticker .ticker-item .post-title,html.albs-app.albs-naskh .newsmatic-ticker .ticker-item .post-title a{font-size:15.5px!important}