/* Color Theme Override - Dark Blue (كحلي) */
/* Replace all dark grey/black backgrounds (#262626, #383838, etc.) with dark blue */

:root {
  --primary-dark-blue: #272c3f; /* Dark blue (كحلي) - main */
  --primary-dark-blue-alt: #25334e; /* Slightly lighter dark blue */
  --primary-dark-blue-lighter: #415a77; /* Even lighter for accents */
}

/* ============================================
   GLOBAL OVERLAYS & BACKGROUNDS
   ============================================ */

/* Overlay backgrounds */
.overlay:before {
  background-color: var(--primary-dark-blue) !important;
}

/* Loading screen */
.page-loading {
  background: var(--primary-dark-blue) !important;
}

/* ============================================
   HEADER & FOOTER
   ============================================ */

/* Header and navigation */
header {
  background-color: var(--primary-dark-blue) !important;
}

/* Footer */
footer {
  background-color: var(--primary-dark-blue) !important;
}

/* ============================================
   HERO / BANNER SECTIONS
   ============================================ */

/* Main banner/hero section overlay */
.main-banner:before,
.main-banner .overlay:before {
  background-color: var(--primary-dark-blue) !important;
}

/* Pager section (breadcrumbs area) */
.pager-section {
  background-color: var(--primary-dark-blue-alt) !important;
}

.pager-section:before {
  background-color: var(--primary-dark-blue) !important;
}

/* ============================================
   SERVICES & CARDS
   ============================================ */

/* Service cards dark backgrounds */
.service-box,
.services-section .service-box {
  background-color: var(--primary-dark-blue) !important;
}

/* Service detail page sections */
.page-content .sidebar .widget {
  background-color: var(--primary-dark-blue) !important;
}

.widget-services {
  background-color: var(--primary-dark-blue) !important;
}

/* Sidebar widget text colors */
.sidebar .widget-title {
  color: #ffffff !important;
}

.sidebar .widget-services ul li a {
  color: rgba(255, 255, 255, 0.7) !important;
}

.sidebar .widget-services ul li a:hover {
  color: #c9a961 !important; /* Gold color on hover */
  padding-left: 25px;
}

.sidebar .widget-services ul li a:hover:before {
  color: #c9a961 !important; /* Gold arrow on hover */
}

.sidebar .widget-services ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.sidebar .widget-title:before {
  background-color: #c9a961 !important; /* Gold underline */
}

/* ============================================
   BLOG & NEWS
   ============================================ */

/* Blog posts */
.posts .post {
  background-color: var(--primary-dark-blue) !important;
}

.blog-post {
  background-color: var(--primary-dark-blue) !important;
}

/* ============================================
   TEAM SECTION
   ============================================ */

/* Team cards */
.team-section .team .team-info {
  background-color: var(--primary-dark-blue) !important;
}

/* ============================================
   FORMS & CONSULTATION
   ============================================ */

/* Consultation form section */
.consulation-form,
.consultation-section {
  background-color: var(--primary-dark-blue-alt) !important;
}

.block.overlay {
  background-color: var(--primary-dark-blue) !important;
}

.block.overlay .fixed-bg {
  background-color: var(--primary-dark-blue) !important;
}

/* ============================================
   COUNTERS & STATS
   ============================================ */

/* Counter section backgrounds */
.counter-section,
.counters-section {
  background-color: var(--primary-dark-blue) !important;
}

/* ============================================
   TESTIMONIALS
   ============================================ */

/* Testimonial section */
.testimonial-section,
.testimonials-section {
  background-color: var(--primary-dark-blue-alt) !important;
}

/* ============================================
   GENERIC DARK BACKGROUNDS
   ============================================ */

/* Sidebar widgets */
.widget {
  background-color: var(--primary-dark-blue) !important;
}

/* Any section with class 'dark-bg' or similar */
.dark-bg,
.bg-dark,
.dark-section {
  background-color: var(--primary-dark-blue) !important;
}

/* Page details sections with dark backgrounds */
.page-details-section {
  background-color: var(--primary-dark-blue) !important;
}

/* ============================================
   SPECIFIC CSS OVERRIDES
   ============================================ */

/* Override specific CSS rules that use #262626 for backgrounds */
.overlay:before {
  background-color: var(--primary-dark-blue) !important;
  opacity: 0.85;
}

.page-loading {
  background: var(--primary-dark-blue) !important;
}

.posts .post {
  background-color: var(--primary-dark-blue) !important;
}

.team-section .team .team-info {
  background-color: var(--primary-dark-blue) !important;
}

footer {
  background-color: var(--primary-dark-blue) !important;
}