/* عنوان الخبر — أكبر وأوضح */
.article-page .section-head h1 {
  font-size: 26px;
  font-weight: 800;
  line-height: 1.4;
  margin-bottom: 10px;
}
/* العنوان في أعلى المقال — بالمنتصف */
.article-page .section-head {
  display: block !important;
  text-align: center;
  margin-top: 18px;    /* مسافة من الهيدر */
  margin-bottom: 12px; /* مسافة قبل الصورة/المحتوى */
}

/* العنوان نفسه */
.article-page .section-head h1 {
  margin: 0 0 8px 0;
  font-weight: 800;
}
/* سطر المعلومات أسفل العنوان */
.article-page .section-head p {
  margin: 0;
  color: #777;
  font-size: 14px;
}
.article-page {
  margin-top: 10px;
}

/* مسافة من الهيدر في صفحة النتائج */
.results-page {
  margin-top: 12px;
}

/* إجبار العنوان والوصف أن يكونوا تحت بعض في صفحة النتائج */
.results-page .section-head {
  display: block !important;
  text-align: center;
}

/* مسافة بين العنوان والوصف */
.results-page .section-head h1,
.results-page .section-head h2 {
  margin-bottom: 8px !important;
}

/* ضبط الوصف */
.results-page .section-head p {
  margin-top: 0 !important;
  color: #666;
}

/* جعل إدخال رقم الجلوس RTL */
.results-page input[name="seat_number"] {
  direction: rtl;
  text-align: right;
}

.results-page {
  margin-top: 14px;
}

.result-card {
  padding: 18px;
}

@media print {
  header, footer, nav, .no-print, .mobile-nav { display:none!important; }
  .results-page, .result-card { margin:0!important; padding:0!important; box-shadow:none!important; }
  body { background:#fff!important; }
}

.results-page {
  margin-top:14px;
}

.success{color:#0a8f39;font-weight:700;}
.warning{color:#e68a00;font-weight:700;}
.fail{color:#d32f2f;font-weight:700;}

.success { color:#0a8f39; font-weight:700; }
.warning { color:#e68a00; font-weight:700; }
.fail    { color:#d32f2f; font-weight:700; }

.qr-box {
  margin: 18px auto;
  text-align:center;
}

.qr-image {
  width:160px;
  height:160px;
  background:#fff;
  padding:6px;
  border-radius:12px;
  box-shadow:0 2px 10px rgba(0,0,0,.08);
}

.result-actions {
  margin-top:18px;
}

.share-box {
  margin-top:10px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
@media print {

  header,
  footer,
  nav,
  .mobile-nav,
  .no-print {
    display:none!important;
  }

  .results-page,
  .result-card {
    margin:0!important;
    padding:0!important;
    box-shadow:none!important;
    border:none!important;
  }

  body {
    background:#fff!important;
  }
}

.result-search-box{
  margin-top:18px;
  padding:14px;
}

.result-form{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:8px;
}

.input-text{
  padding:10px;
  border:1px solid #ddd;
  border-radius:6px;
  font-size:15px;
}

.btn-primary{
  padding:10px;
  border:none;
  border-radius:6px;
  background:#2563eb;
  color:#fff;
  font-size:15px;
  cursor:pointer;
}

.btn-primary:hover{
  opacity:.9;
}

.error-box{
  background:#ffe8e8;
  border:1px solid #ffb3b3;
  padding:8px 10px;
  border-radius:6px;
  margin-bottom:8px;
  color:#b30000;
}

.governorates-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));
  gap:10px;
}

.gov-card{
  border:1px solid #e5e7eb;
  padding:10px;
  border-radius:8px;
  text-align:center;
  text-decoration:none;
  color:#111;
}


.results-index .section-head{
  display:flex;
  flex-direction:column;
  gap:4px;
  align-items:center;   /* يخليهم في المنتصف */
  text-align:center;
}


.grades-table {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0 14px;
}

.grades-table th,
.grades-table td {
  border: 1px solid var(--outline);
  padding: 8px 10px;
}

.grades-table th {
  background: var(--surface-variant);
  font-weight: 700;
}

.total-box {
  background: var(--surface-variant);
  padding: 10px 12px;
  border-radius: 10px;
  margin: 10px 0 14px;
  display: flex;
  justify-content: space-between;
}

/* الطباعة — عرض النتيجة فقط */
@media print {

  /* اخفاء كل شيء */
  header,
  footer,
  nav,
  .no-print,
  .utility-bar,
  .mobile-nav {
    display: none !important;
  }

  /* جعل النتيجة تملأ الصفحة */
  .results-page,
  .result-card {
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
  }

  body {
    background: #fff !important;
  }
}


/* صورة الخبر الفردي */
.article-page .converter-image {
  width: 100%;
  max-height: 380px;
  object-fit: cover;
  border-radius: 18px;
  margin: 10px 0 14px;
}

/* خيار أقوى للصورة */
.article-page .converter-image {
  max-height: 460px;
}

/* المسافات العامة داخل المقال */
.article-page .card {
  padding: 18px 16px;
}

/* نص المقال */
.article-page .static-page-content {
  line-height: 1.9;
  font-size: 16px;
}

/* معلومات الكاتب والتاريخ */
.article-page .section-head p {
  margin-top: 6px;
  color: #888;
}

/* العنوان في أعلى المقال — بالمنتصف */
.article-page .section-head {
  display: block !important;
  text-align: center;
  margin-top: 18px;    /* مسافة من الهيدر */
  margin-bottom: 12px; /* مسافة قبل الصورة/المحتوى */
}

/* العنوان نفسه */
.article-page .section-head h1 {
  margin: 0 0 8px 0;
  font-weight: 800;
    align-items:center;   /* يخليهم في المنتصف */
  text-align:center;
}






/* تنسيق خاص لعناوين صفحات الأخبار */
.news-page .section-head {
  display: block !important;
  text-align: right;
}
.static-text {
  margin-bottom: 10px !important;
}

.news-page .section-head h1 {
  margin-bottom: 20px !important;
    margin-top: 20px !important;

}


/* مسافة مريحة بين عنوان الصفحة والوصف */
.news-page .section-head h1 {
  margin-bottom: 10px;
}

/* مسافة أسفل صفحة الأخبار */
.news-page .two-column {
  margin-bottom: 25px;
}

.news-page .empty-state {
  margin-bottom: 25px;
}

main {
  margin-bottom: 20px;
}

/* عدّل تموضع عناوين الودجات */
.widget .section-head {
  padding-top: 4px;
  padding-bottom: 8px;
  margin-bottom: 10px;
}

/* خلي العنوان نفسه أقرب للأعلى */
.widget .section-head h2,
.widget .section-head h3 {
  margin-top: 0;
}

.home-zone {
  margin: 20px auto;
  padding: 10px;
}

.widget-box {
  background: var(--surface);
  border: 1px solid var(--outline);
  border-radius: 16px;
  padding: 16px;
}


/* اجبر الفوتر يكون شبكة حتى على الجوال */
@media (max-width: 768px) {
  .footer-top__content {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    gap: 16px !important;
    align-items: start !important;
  }

  .footer-column {
    text-align: right !important;
  }

  .footer-links {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    align-items: flex-start !important;
    text-align: right !important;
  }
}


/* الجوال: إخفاء قائمة الديسكتوب */
@media (max-width: 768px) {
  .utility-links {
    display: none !important;
  }
}

/* إظهار زر القائمة */
.mobile-menu-btn {
  display: none;
  border: 1px solid var(--outline);
  background: var(--surface);
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 18px;
  cursor: pointer;
}

@media (max-width: 768px) {
  .mobile-menu-btn {
    display: block;
  }
}

/* قائمة الجوال */
.mobile-nav {
  display: none;
  background: var(--surface);
  border-top: 1px solid var(--outline);
  padding: 12px;
}

.mobile-nav.show {
  display: block;
}

.mobile-nav a {
  display: block;
  padding: 10px 6px;
  border-bottom: 1px solid var(--outline);
}

@media (max-width: 768px) {

  .footer-top__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 18px;
  }

  .footer-column {
    width: 100%;
    max-width: 300px;
  }

  .footer-heading {
    text-align: center;
  }

  .footer-links {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: center;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .footer-links {
    display: flex !important;
    flex-direction: column;
    gap: 6px;
  }


  .footer-toggle {
    background: transparent;
    border: none;
    color: var(--on-primary);
    font-size: 18px;
    text-align: right;
    cursor: pointer;
  }
}

.footer-div {
  display: block !important;
  width: 100% !important;

  /* نخليها خط فقط */
  height: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-top: 2px solid #ffffff !important;

  background: transparent !important;
}
.footer-column--logo {
  max-width: 320px;
}

.footer-text {
  margin-top: 8px;
  line-height: 1.6;
  opacity: .9;
}
.footer-social {
  list-style: none;
  display: flex;
  gap: 10px;
  margin: 10px 0 0;
  padding: 0;
}

.footer-social li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  text-decoration: none;
  color: #fff;          /* لون الأيقونة أبيض */
  font-size: 16px;
  transition: .25s;
}

/* ألوان كل شبكة */
.footer-social li a.facebook   { background:#1877f2; }
.footer-social li a.twitter    { background:#000000; }
.footer-social li a.youtube    { background:#ff0000; }
.footer-social li a.whatsapp   { background:#25d366; }
.footer-social li a.telegram   { background:#229ED9; }

/* تأثير hover */
.footer-social li a:hover {
  transform: translateY(-2px);
  filter: brightness(1.1);
}

.footer-legal {
  list-style: none;
  display: flex;
  gap: 14px;
  margin: 12px 0 0;
  padding: 0;
}

.footer-legal li a {
  color: #cfd3da;
  font-size: 14px;
  text-decoration: none;
  transition: .2s;
}

.footer-legal li a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.footer-legal {
  justify-content: center;
}
/* ===== Header & Footer Ads ===== */
.ad-header,
.ad-footer {
  max-width: 800px;     /* أقصى عرض */
  margin: 16px auto;    /* توسيط أفقي */
  text-align: center;
}

/* تأكيد إن أي iframe أو صورة داخل الإعلان لا تتعدى العرض */
.ad-header img,
.ad-footer img,
.ad-header iframe,
.ad-footer iframe {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}

/* مسافات إضافية اختيارية */
.ad-header {
  margin-top: 10px;
  margin-bottom: 20px;
}

.ad-footer {
  margin-top: 20px;
  margin-bottom: 10px;
}

/* موبايل */
@media (max-width: 768px) {
  .ad-header,
  .ad-footer {
    max-width: 100%;
    padding: 0 12px;
  }
}

/* ===============================
   Widget Card Background Presets
   =============================== */

/* الأساس */
.card[class*="bg-"] {
  position: relative;
}

/* 🟢 Success */
.card.bg-success {
  background-color: #e6fffa;
  border-right: 4px solid #38b2ac;
}

/* 🔵 Info */
.card.bg-info {
  background-color: #e7f3ff;
  border-right: 4px solid #3182ce;
}

/* 🟡 Warning */
.card.bg-warning {
  background-color: #fff8e1;
  border-right: 4px solid #d69e2e;
}

/* 🔴 Danger */
.card.bg-danger {
  background-color: #fdecea;
  border-right: 4px solid #e53e3e;
}

/* 🟣 Note */
.card.bg-note {
  background-color: #f5f0ff;
  border-right: 4px solid #805ad5;
}

/* ⚪ Light */
.card.bg-light {
  background-color: #f8f9fa;
  border-right: 4px solid #adb5bd;
}

/* اختياري: تحسين النص داخل الكارت */
.card[class*="bg-"] p {
  margin-bottom: 0.75rem;
}

.card.bg-success { border-right: 1px solid #38b2ac; }
.card.bg-info    { border-right: 1px solid #3182ce; }
.card.bg-warning { border-right: 1px solid #d69e2e; }
.card.bg-danger  { border-right: 1px solid #e53e3e; }


.static-heading {
    display: flex;
    justify-content: center;
}




@media (max-width: 1024px) {
  .utility-logo-wrapper {
    margin: 0;
    text-align: right;
  }
}

/* ===== عكس ترتيب الهيدر في الجوال ===== */
@media (max-width: 1024px) {

  .utility-bar__inner {
    flex-direction: row-reverse;
  }

}

/* ===== Mobile Menu ===== */
.mobile-menu-btn {
  display: none;
  font-size: 26px;
  background: none;
  border: none;
  cursor: pointer;
}

/* القائمة */
.mobile-nav {
  display: none;
  flex-direction: column;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(0,0,0,.15);
}

.mobile-nav a {
  padding: 14px 18px;
  text-decoration: none;
  color: #111827;
  border-bottom: 1px solid #e5e7eb;
  font-weight: 500;
}

/* فتح القائمة */
.mobile-nav.open {
  display: flex;
}
/* ===== Tablet & Mobile ===== */
@media (max-width: 1024px) {

  .utility-links {
    display: none;
  }

  .mobile-menu-btn {
    display: block;
  }
}.utility-bar {
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
}

.utility-bar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 18px;
}

/* ===== Logo Fix ===== */
.utility-logo-wrapper {
  display: flex;
  justify-content: center;   /* توسيط أفقي */
  align-items: center;       /* توسيط عمودي */
}

@media (min-width: 1025px) {
  .utility-logo {
  margin-bottom: 20px;       /* مسافة تحت اللوجو */
  }
}
/* اللوجو نفسه */
.utility-logo {
  display: block;
  max-height: 60px;
  max-width: 180px;
  width: auto;
  height: auto;
}

/* موبايل */
@media (max-width: 768px) {
  .utility-logo {
    max-height: 48px;
  }
}

.governorates-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 18px;
}

/* الكارت */
.gov-card {
  display: block;
  padding: 20px 18px;
  border-radius: 14px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: all 0.35s ease;
}

/* شريط جانبي بسيط */
.gov-card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
    color: #000;
  background: linear-gradient(to bottom, #fff, #1e40af);
  transition: width 0.35s ease;
}

/* العنوان */
.gov-card strong {
  display: block;
  font-size: 15.5px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 8px;
  line-height: 1.6;
  transition: color 0.35s ease;
}