html { outline: 8px solid red !important ; }
.mainmenu-area {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1), 0px 0px 0px 0px rgba(0, 0, 0, 0)  ;
}
:root{
  --font-main: 'Tajawal', system-ui, -apple-system, "Segoe UI", Arial;
}

html, body,
button, input, select, textarea{
  font-family: var(--font-main) !important;
}

h1,h2,h3,h4,h5,h6,
.navbar, .menu, .main-menu,
.section-title, .news-title, .post-title{
  font-family: var(--font-main) !important;
  letter-spacing: 0 !important;
}
/* ========== 1) أساسيات عامة ========== */
:root{
  --radius-lg: 16px;
  --radius-md: 12px;
  --shadow-sm: 0 6px 18px rgba(0,0,0,.06);
  --shadow-md: 0 14px 35px rgba(0,0,0,.08);
  --text: #0f172a;
  --muted: #64748b;
  --bg: #f6f7fb;
  --card: #ffffff;
  --brand: #0ea5e9; /* لون موحد (إذا تبغاه من إعداداتك، اكتب نفس لون الثيم) */
}

body{
  background: var(--bg) !important;
  color: #1e3e62 !important;
}

/* روابط */
a{ transition: .15s ease; }
a:hover{ opacity: .9; }

/* ========== 2) الهيدر + الناف ========== */
.main-top-header,
.header-area,
.navbar-area{
    background :#f6f7fb;
margin-top : 20 px;
}
.home-front-area .aside-tab .nav li a.active {
        color : #1e3e62;

}
/* مسافة الهيدر */
.main-top-header{
  padding: 10px 0 !important;
}
.main-top-header #languageChange{
    color : #1e3e62;
    padding-right : 15px;
}
.main-top-header .top-header-content .right-content .list li a {
    color : #1e3e62;
}
.header-area .title {
    color : #1e3e62
}
.header-area .title::before {
    color : #1e3e62
}
.top-header .content .right-content {
    background: #1e3e62;
    border-radius: 14px 14px 0px 14px;
}
.single-news .content-wrapper .tag{
    background: #1e3e62;
}
/* عناصر القائمة */
.main-menu ul li a,
.navbar-nav .nav-link{
  color: #1e3e62 !important;
  font-weight: 700 !important;
  font-size: 18px !important;
}

/* تمييز العنصر النشط */
.main-menu ul li a.active,
.navbar-nav .nav-link.active{
  color: var(--brand) !important;
}

/* ========== 3) زر / بحث ========== */
.btn, .main-btn, button,
input[type="submit"]{
  border-radius: var(--radius-md) !important;
  box-shadow: none !important;
}

.btn-primary, .main-btn{
  background: var(--brand) !important;
  border-color: var(--brand) !important;
  font-weight: 800 !important;
}

/* مربعات الإدخال */
input, select, textarea{
  border-radius: var(--radius-md) !important;
  border-color: rgba(15,23,42,.12) !important;
}

/* ========== 4) كروت الأخبار (شكل نظيف) ========== */
.single-news, .news-box, .post-item, .blog-item, .single-blog,
.card, .news-card{
  
  border-radius: var(--radius-lg) !important;
  overflow: hidden !important;
  
  border: 1px solid rgba(15,23,42,.06) !important;
  margin-bottom:10px;
}

.single-news:hover, .news-box:hover, .post-item:hover, .blog-item:hover{
  box-shadow: var(--shadow-md) !important;
  transform: translateY(-2px);
  transition: .18s ease;
}

/* صور الخبر */
.single-news img, .news-box img, .post-item img, .blog-item img{
  display: block;
  width: 100%;
}

/* العناوين */
.news-title, .post-title, .blog-title, .single-news h3 a{
  color: var(--text) !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

/* الميتا (تاريخ/كاتب) */
.post-meta, .news-meta, .meta, .date, .author{
  color: var(--muted) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

/* ========== 5) صفحة الخبر (قراءة مريحة) ========== */
.single-details, .blog-details, .post-details, .news-details{
  background: var(--card) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-sm) !important;
  border: 1px solid rgba(15,23,42,.06) !important;
  padding: 18px !important;
}

/* نص المقال */
.single-details p, .blog-details p, .post-details p,
.single-details li, .blog-details li{
  font-size: 17px !important;
  line-height: 1.9 !important;
  color: #0b1220 !important;
}

/* اقتباس */
blockquote{
  border-radius: var(--radius-lg) !important;
  background: rgba(14,165,233,.08) !important;
  border: 1px solid rgba(14,165,233,.20) !important;
  padding: 16px 18px !important;
}

/* ========== 6) السايدبار ========== */
.sidebar, .widget, .side-widget{
  background: var(--card) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-sm) !important;
  border: 1px solid rgba(15,23,42,.06) !important;
  padding: 14px !important;
}

/* ========== 7) الفوتر ========== */
.footer-area, footer{
  background: #0b1220 !important;
  color: rgba(255,255,255,.85) !important;
}

.footer-area a, footer a{
  color: rgba(255,255,255,.9) !important;
}
.home-front-area .aside-tab .nav li a.active {
    color :#fff;
    background :#1e3e62 ;
}
footer .blog-widget .post-list li .post .post-details {
    background :#0b1220 !important;
    color : #fff;
}
footer .blog-widget .post-list li .post .post-details .post-title {
    color : #fff !important;
}
.logo-header img {
    max-width : 130%;
}
.main-top-header .top-header-content .left-content .list li a {
    color :#1e3e62;
}
/* ===== Transparent Glass Navbar ===== */
/* ===== White Transparent Glass Navbar ===== */
.mainmenu-area.nav-fixed{
    background: rgba(255, 255, 255, 0.25) !important; /* أبيض شفاف */
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    border-radius: 0 0 14px 14px;
    box-shadow: 0 15px 40px rgba(0,0,0,.10);
    border-bottom: 1px solid rgba(0,0,0,.05);

    transition: all .3s ease;
}
/* ===== Dropdown (White Glass) - matches template selectors exactly ===== */

/* إظهار dropdown عند hover (نفس منطق القالب) + حركة */
.mainmenu-area .navbar #main_menu .navbar-nav .nav-item.dropdown:hover .dropdown-menu{
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

/* شكل الـ dropdown (عادي + ميجا) */
.mainmenu-area .navbar #main_menu .navbar-nav .nav-item .dropdown-menu{
  background: rgba(255,255,255,.90) !important;   /* أبيض شفاف */
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  border: 1px solid rgba(0,0,0,.06) !important;
  border-radius: 14px !important;

  box-shadow: 0 18px 50px rgba(0,0,0,.14) !important;

  padding: 10px !important;

  /* حركة دخول */
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all .18s ease !important;

  z-index: 99999 !important;
}

/* عناصر dropdown العادي */
.mainmenu-area .navbar #main_menu .navbar-nav .nav-item .dropdown-menu .dropdown-item{
  color: #0f172a !important;
  font-weight: 700;
  font-size: 14px;

  padding: 10px 12px !important;
  border-radius: 12px !important;

  transition: background .15s ease, transform .15s ease;
}

.mainmenu-area .navbar #main_menu .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover,
.mainmenu-area .navbar #main_menu .navbar-nav .nav-item .dropdown-menu .dropdown-item.active{
  background: rgba(30,62,98,.10) !important;
  transform: translateX(-2px);
}

/* ===== Mega menu specific ===== */
.mainmenu-area .navbar #main_menu .navbar-nav .nav-item.mega-menu .dropdown-menu{
  padding: 14px !important;
  border-radius: 16px !important;
}

/* روابط التابات داخل الميجا */
.mainmenu-area .navbar #main_menu .navbar-nav .nav-item.mega-menu .dropdown-menu .nav-link{
  color: #0f172a !important;
  font-weight: 800;
  border-radius: 12px !important;
  padding: 10px 12px !important;
}

.mainmenu-area .navbar #main_menu .navbar-nav .nav-item.mega-menu .dropdown-menu .nav-link:hover{
  background: rgba(30,62,98,.10) !important;
}

/* إذا الـ nav ثابت (nav-fixed) خلي شفافية أقل شوي للوضوح */
.mainmenu-area.nav-fixed .navbar #main_menu .navbar-nav .nav-item .dropdown-menu{
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.16) !important;
}

/* RTL: حركة hover للاتجاه العربي */
html[dir="rtl"] .mainmenu-area .navbar #main_menu .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover,
html[dir="rtl"] .mainmenu-area .navbar #main_menu .navbar-nav .nav-item .dropdown-menu .dropdown-item.active{
  transform: translateX(2px);
}

.single-box.landScape-small-with-meta .img img {
    border-radius: 5px
}