/*
Theme Name: Aaber Theme - Custom Style
*/

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



/* الخط العام */
body {
  font-family: 'Cairo', sans-serif;
  color: #212529;
  background-color: transparent;
  line-height: 1.8;
}

/* الروابط */
a {
  color: #FE0000;
  text-decoration: none;
}
a:hover {
  color: #d40000;
}

/* العناوين */
h1, h2, h3, h4, h5 {
  color: #000000;
}

/* الأقسام */
section {
  background-color: transparent;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.section-title-link:hover .section-title {
  background-color: #b30000;
  text-decoration: none;
}

.section-title {
  transition: background-color 0.3s ease;
}


/* الأزرار */
.btn-danger {
  background-color: #FE0000;
  border-color: #FE0000;
}
.btn-danger:hover {
  background-color: #d40000;
  border-color: #d40000;
}

/* الفوتر */
footer {
  background-color: #212529;
  color: #ffffff;
}
footer a:hover {
  color: #FE0000 !important;
}

/* سهم الرجوع */
footer i.bi-arrow-up-circle-fill {
  transition: transform 0.3s ease;
}
footer i.bi-arrow-up-circle-fill:hover {
  transform: translateY(-5px);
  color: #FE0000;
}

/* لون الروابط في القائمة */
.nav-link {
  color: #d46307; /* رمادي داكن */
  font-weight: bold;
}

.nav-link:hover {
  color: #FE0000 !important;
}

/* العنصر النشط */
.nav-link.active {
  color: #FE0000 !important;
  border-bottom: 2px solid #FE0000;
}

.nav-link.active {
  border-bottom: 2px solid #FE0000;
}
.nav-link:hover {
  color: #FE0000 !important;
}
.dropdown:hover .dropdown-menu {
  display: block;
}
    .admin-bar {
      font-size: 0.9rem;
      background-color: #222;
      color: #fff;
    }
    .admin-bar a {
      color: #fff;
      text-decoration: none;
      padding: 0 10px;
    }
    .admin-bar a:hover {
      text-decoration: underline;
    }

/* === Category Page Styles === */
.category-section {
  background-color: transparent;
}

.category-title {
  margin-bottom: 2rem;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #ddd;
  font-size: 1.8rem;
}

.article-thumbnail {
  height: 200px;
  object-fit: cover;
}

/* === About Page Styles === */
.about-section {
  background-color: transparent;
}

.about-title {
  font-size: 2.2rem;
  border-bottom: 2px solid #ddd;
  padding-bottom: 1rem;
  font-weight: bold;
  color: #212529;
}

.about-text {
  font-size: 1.1rem;
  line-height: 2;
  color: #333;
}

.about-highlight {
  font-weight: bold;
  color: #ff0000;
  margin-top: 2rem;
}


/* قسم اتصل بنا */
.contact-section {
  background-color: transparent;
}

.contact-section .section-title {
  font-size: 2.2rem;
  font-weight: bold;
  color: #FE0000;
}

.contact-info-box {
  background-color: #ffffff;
  border: 1px solid #ddd;
}

.contact-info-box i {
  font-size: 1.2rem;
}

.contact-section .form-control:focus {
  border-color: #FE0000;
  box-shadow: 0 0 0 0.25rem rgba(254, 0, 0, 0.25);
}


    /* ===== النافبار ===== */
    .navbar-dark .navbar-nav .nav-link{
      color:#fff!important;
      font-weight:500;
      padding:.6rem 1rem;
      transition:color .25s ease,text-shadow .25s ease
    }
    .navbar-dark .navbar-nav .nav-link:hover,
    .navbar-dark .navbar-nav .nav-link:focus{
      color:#b30000!important;
      text-shadow:0 0 8px rgba(179,0,0,.35)
    }

    /* فتح القوائم بالهوفر على الشاشات الكبيرة */
    @media (min-width:992px){
      .navbar .dropdown:hover .dropdown-menu{display:block;margin-top:0}
    }

    /* القائمة الفرعية (الدول) */
    .dropdown-menu{
      background:#111!important;
      color:#fff!important;
      border:1px solid #b30000!important;
      border-radius:.5rem!important;
      min-width:200px;
      text-align:right;
      box-shadow:0 8px 22px rgba(0,0,0,.45)
    }
    .dropdown-item{
      color:#f1f1f1!important;
      padding:.5rem 1rem;
      transition:background-color .2s ease,color .2s ease
    }
    .dropdown-item:hover,.dropdown-item:focus{
      background:#b30000!important;
      color:#fff!important
    }