/*
Theme Name: TS-alnesralzahby
Version: 2.0
*/

/* خطوط */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');

:root{
--primary:#1e3a8a;
--secondary:#c8a95a;
--dark:#111827;
--light:#f8fafc;
--text:#333;
}

/* أساسيات */
body{
font-family:'Tajawal',sans-serif;
direction:rtl;
margin:0;
color:var(--text);
line-height:1.9;
overflow-x:hidden;
background:#fff;
}

/* روابط */
a{
text-decoration:none;
transition:.3s;
}

/* =========================
   العناوين داخل المقال
========================= */
.entry-content h2,
.entry-content h3{
background:#f1f5f9;
border-right:4px solid var(--primary);
padding:12px 16px;
margin:30px 0 15px;
border-radius:6px;
font-weight:800;
color:var(--primary);
}

/* =========================
   الجداول
========================= */
.entry-content table{
width:100%;
border-collapse:collapse;
margin:25px 0;
}

.entry-content th{
background:var(--primary);
color:#fff;
padding:12px;
}

.entry-content td{
padding:10px;
border-bottom:1px solid #eee;
text-align:center;
}

/* =========================
   الهيدر (تحسين نهائي)
========================= */
.header-box{
background:#fff;
border-bottom:2px solid #eee;
}

.main-nav ul li a{
color:#222;
font-size:15px;
font-weight:700;
}

.main-nav ul li a:hover{
color:var(--primary);
}

/* =========================
   الأزرار
========================= */
.btn-quote{
background:#c0392b;
color:#fff !important;
}

.btn-track{
background:#1e3a8a;
color:#fff !important;
}

/* =========================
   جدول المحتويات (FINAL)
========================= */
.toc-container{
background:#f8fafc;
border:1px solid #e5e7eb;
border-radius:10px;
padding:15px;
}

.toc-title{
font-weight:700;
color:var(--primary);
margin-bottom:10px;
}

.toc-list ul{
list-style:none;
padding:0;
}

.toc-list li{
margin-bottom:8px;
}

.toc-list a{
color:#444;
font-size:14px;
}

.toc-list a:hover{
color:var(--primary);
}

/* =========================
   CTA
========================= */
.cta-post-card{
background:var(--primary);
color:#fff;
border-radius:12px;
padding:25px;
text-align:center;
margin-top:30px;
}

/* =========================
   زر الصعود
========================= */
#scroll-top{
position:fixed;
bottom:25px;
left:50%;
transform:translateX(-50%);
background:var(--primary);
color:#fff;
width:40px;
height:40px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}

/* =========================
   موبايل
========================= */
@media(max-width:992px){

.main-nav{
background:#fff;
}

}

/* =========================
   تحسينات عامة
========================= */

/* إزالة أي عناصر مزعجة */
.entry-meta,
.post-categories,
.tags-links{
display:none !important;
}

/* تحسين الصور */
img{
max-width:100%;
height:auto;
}

/* تحسين القراءة */
p{
margin-bottom:15px;
}

/* إصلاح الهيدر النهائي */
.header-box{
    background:#1e3a8a !important;
}

.main-nav ul li a{
    color:#fff !important;
}

.main-nav ul li a:hover{
    color:#fbbf24 !important;
}

/* TOC احترافي */
.post-main-container{
    display:flex;
    flex-direction:row-reverse;
}

/* تثبيت يمين */
.toc-container{
    width:28%;
    position:sticky;
    top:100px;
}

/* المحتوى */
.post-content-area{
    width:72%;
}

/* موبايل */
@media(max-width:992px){

.toc-container{
    width:100%;
    position:relative;
    top:0;
    margin-bottom:20px;
}

}

/* توحيد الأزرار */
.header-btns a{
    min-width:140px;
    text-align:center;
    padding:10px 15px;
    border-radius:8px;
    font-weight:bold;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* تحسين الشكل */
.btn-quote{
    background:#dc2626;
}

.btn-track{
    background:#1e40af;
}

/* حذف العناصر الفارغة */
p:empty,
div:empty{
    display:none;
}

/* اصلاح زر القائمة */
.mobile-menu-icon{
position:absolute;
right:15px;
top:18px;
z-index:2001;
color:#fff;
}

/* خلفية القائمة */
.main-nav{
background:#1e3a8a !important;
}

/* عناصر القائمة */
.main-nav ul li a{
color:#fff !important;
display:block;
padding:10px 0;
font-size:16px;
}

/* عند فتح القائمة */
.main-nav.active{
right:0 !important;
}

.header-btns{
display:flex;
gap:10px;
align-items:center;
}

.header-btns a{
min-width:140px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
border-radius:8px;
font-weight:700;
font-size:14px;
}

/* زر التسعيرة */
.btn-quote{
background:#d43c2f;
color:#fff !important;
}

/* زر التتبع */
.btn-track{
background:#294896;
color:#fff !important;
}

footer{
background:#0f172a !important;
color:#fff;
padding:40px 20px;
}

footer h3,
footer p,
footer a{
color:#fff !important;
}

.service-icon,
.feature-icon,
.section-icon{
font-size:32px;
color:#1e3a8a;
margin-bottom:10px;
display:block;
}

.discover-section{
background:#020b1f;
color:#fff;
padding:60px 20px;
}

.discover-section h2{
color:#fff;
}

.floating-contact{
position:fixed;
bottom:25px;
right:25px;
display:flex;
flex-direction:column;
gap:10px;
z-index:9999;
}

.contact-btn{
width:50px;
height:50px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:20px;
}

.btn-whatsapp{
background:#25D366;
}

.btn-phone{
background:#1e3a8a;
}

section{
padding:60px 20px;
}

section h2{
font-size:28px;
font-weight:800;
color:#1e3a8a;
margin-bottom:15px;
}

section p{
color:#555;
font-size:16px;
}

/* اصلاح زر القائمة في الجوال */
@media(max-width:992px){

.nav-container{
position:relative;
}

/* زر القائمة */
.mobile-menu-icon{
position:absolute;
right:10px;
top:50%;
transform:translateY(-50%);
font-size:26px;
color:#fff;
z-index:9999;
}

/* منع خروج الزر خارج الشاشة */
.header-box{
overflow:hidden;
}

/* ترتيب الازرار */
.header-btns{
margin-right:45px;
}

}

/* القائمة في الجوال */
.main-nav{
background:#1e3a8a !important;
}

.main-nav ul li a{
color:#fff !important;
font-size:16px;
padding:10px 0;
display:block;
}

/* الهيدر */
.header-box{
background:#1e3a8a;
border-bottom:4px solid #d4af37;
}

.logo img{
height:55px;
}

/* القائمة */
.main-nav ul li a{
color:#fff;
}

/* زر القائمة */
.mobile-menu-icon{
display:none;
color:#fff;
font-size:26px;
}

@media(max-width:992px){

.mobile-menu-icon{
display:block;
position:absolute;
left:15px;
top:18px;
}

.main-nav{
position:fixed;
top:0;
right:-100%;
width:260px;
height:100%;
background:#1e3a8a;
padding:20px;
transition:.4s;
}

.main-nav.active{
right:0;
}

.main-nav ul{
flex-direction:column;
}

.main-nav ul li a{
color:#fff;
font-size:16px;
}

}.hero-features{
background:rgba(0,0,0,0.55);
color:#fff;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
padding:25px;
}

.hero-features i{
font-size:28px;
color:#d4af37;
margin-bottom:10px;
}

footer{
background:#08142c;
color:#fff;
padding:40px 0;
}

footer a{
color:#d4af37;
}

.floating-contact{
position:fixed;
bottom:20px;
right:20px;
display:flex;
flex-direction:column;
gap:10px;
z-index:9999;
}

.contact-btn{
width:50px;
height:50px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
}

.btn-whatsapp{
background:#25D366;
}

.btn-phone{
background:#1e3a8a;
}

section{
padding:60px 20px;
}

.container{
max-width:1200px;
margin:auto;
}