.footer-is-light .store-footer .store-footer__inner {
    background-color: #35a8ac !important;
    border-bottom-color: #35a8ac !important;
    color: #ffffff !important;
}

.footer-is-light .store-footer .store-footer__inner a {
    color: #ffffff !important;
}
/* استهداف العنصر md:flex */
.md\:flex {
    background-color: #35a8ac !important; /* تغيير الخلفية */
    color: #ffffff !important;           /* تغيير النصوص إلى أبيض */
}

/* للتأكد أن النصوص الداخلية أيضاً تصبح أبيض */
.md\:flex * {
    color: #ffffff !important;
}/* ===============================
   Blog Only - Professional Fix
   Ezhalha Blog CSS
   =============================== */

body.blog-index,
body.blog-single {
  --blog-primary: #004e5b;
  --blog-primary-dark: #002835;
  --blog-primary-light: #267481;
  --blog-text: #102a33;
  --blog-muted: #667085;
  --blog-border: #e8eef0;
  --blog-bg: #f7fafb;
  --blog-card: #ffffff;
  font-family: "Tajawal", sans-serif !important;
  background: var(--blog-bg) !important;
  color: var(--blog-text) !important;
}

/* توحيد لون النصوص داخل المدونة فقط */
body.blog-index #main-content,
body.blog-single #main-content {
  color: var(--blog-text) !important;
}

/* حاوية المدونة */
body.blog-index #main-content > .container,
body.blog-single #main-content > .container {
  padding-top: 28px !important;
  padding-bottom: 50px !important;
}

/* Breadcrumb */
body.blog-index salla-breadcrumb,
body.blog-single salla-breadcrumb {
  color: var(--blog-muted) !important;
  font-size: 14px !important;
}

body.blog-index salla-breadcrumb a,
body.blog-single salla-breadcrumb a {
  color: var(--blog-primary) !important;
}

/* ===============================
   Blog Index Cards
   =============================== */

body.blog-index .post-entry {
  background: var(--blog-card) !important;
  border: 1px solid var(--blog-border) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 30px rgba(0, 78, 91, 0.07) !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}

body.blog-index .post-entry:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 78, 91, 0.22) !important;
  box-shadow: 0 18px 45px rgba(0, 78, 91, 0.13) !important;
}

body.blog-index .post-entry__image {
  height: 230px !important;
  background: linear-gradient(135deg, #eef7f8, #ffffff) !important;
  border-bottom: 1px solid var(--blog-border) !important;
}

body.blog-index .post-entry__image img {
  transition: transform .35s ease, opacity .35s ease !important;
}

body.blog-index .post-entry:hover .post-entry__image img {
  transform: scale(1.05) !important;
  opacity: .85 !important;
}

body.blog-index .post-entry .text-gray-500,
body.blog-index .post-entry .text-gray-800 {
  color: var(--blog-muted) !important;
}

body.blog-index .post-entry__title,
body.blog-index .post-entry__title a {
  color: var(--blog-primary-dark) !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
}

body.blog-index .post-entry__title a:hover {
  color: var(--blog-primary) !important;
}

body.blog-index .post-entry p {
  color: var(--blog-muted) !important;
  font-size: 15px !important;
  line-height: 1.9 !important;
}

/* التاريخ والكاتب */
body.blog-index .post-entry .inline-flex,
body.blog-single .inline-flex {
  color: var(--blog-muted) !important;
  gap: 14px !important;
}

body.blog-index .post-entry i,
body.blog-single i {
  color: var(--blog-primary) !important;
}

/* ===============================
   Blog Slider
   =============================== */

body.blog-index .blog-slider {
  border-radius: 22px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 50px rgba(0, 78, 91, 0.16) !important;
  border: 1px solid rgba(0, 78, 91, 0.12) !important;
}

body.blog-index .blog-slider__slide {
  background: linear-gradient(135deg, #003944, #006474) !important;
}

body.blog-index .blog-slider__slide::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    90deg,
    rgba(0, 40, 53, .88),
    rgba(0, 78, 91, .55),
    rgba(0, 0, 0, .18)
  ) !important;
  z-index: 1 !important;
}

body.blog-index .blog-slider__content {
  position: relative !important;
  z-index: 3 !important;
}

body.blog-index .blog-slider h3,
body.blog-index .blog-slider h3 a {
  color: #ffffff !important;
  font-size: clamp(22px, 3vw, 36px) !important;
  line-height: 1.45 !important;
  font-weight: 900 !important;
}

body.blog-index .blog-slider .description {
  color: rgba(255, 255, 255, .88) !important;
  font-size: 16px !important;
  line-height: 1.9 !important;
  max-width: 620px !important;
}

body.blog-index .swiper-pagination-bullet {
  background: rgba(255, 255, 255, .55) !important;
  opacity: 1 !important;
}

body.blog-index .swiper-pagination-bullet-active {
  background: #ffffff !important;
  width: 22px !important;
  border-radius: 999px !important;
}

/* ===============================
   Category Sidebar / Filter
   =============================== */

body.blog-index .grid > div:first-child,
body.blog-index .dropdown__menu {
  background: var(--blog-card) !important;
  border: 1px solid var(--blog-border) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 30px rgba(0, 78, 91, 0.06) !important;
}

body.blog-index .grid > div:first-child h2 {
  color: var(--blog-primary-dark) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}

body.blog-index .grid > div:first-child a,
body.blog-index .dropdown__menu a {
  color: var(--blog-text) !important;
  border-radius: 12px !important;
  transition: all .2s ease !important;
}

body.blog-index .grid > div:first-child a:hover,
body.blog-index .dropdown__menu a:hover {
  background: rgba(0, 78, 91, .08) !important;
  color: var(--blog-primary) !important;
}

/* ===============================
   Single Blog Article
   =============================== */

body.blog-single .main-content.blog-category {
  background: var(--blog-card) !important;
  border: 1px solid var(--blog-border) !important;
  border-radius: 22px !important;
  padding: 34px !important;
  box-shadow: 0 14px 40px rgba(0, 78, 91, 0.08) !important;
}

body.blog-single .main-content.blog-category > h1 {
  color: var(--blog-primary-dark) !important;
  font-size: clamp(26px, 4vw, 42px) !important;
  line-height: 1.55 !important;
  font-weight: 900 !important;
  letter-spacing: -0.3px !important;
  margin-bottom: 18px !important;
}

body.blog-single article {
  color: var(--blog-text) !important;
  font-size: 18px !important;
  line-height: 2.15 !important;
  font-weight: 400 !important;
}

body.blog-single article p {
  color: var(--blog-text) !important;
  margin-bottom: 18px !important;
}

body.blog-single article strong,
body.blog-single article b {
  color: var(--blog-primary-dark) !important;
  font-weight: 900 !important;
}

body.blog-single article a {
  color: var(--blog-primary) !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

body.blog-single article h2,
body.blog-single article h3 {
  color: var(--blog-primary-dark) !important;
  font-weight: 900 !important;
  line-height: 1.6 !important;
  margin-top: 32px !important;
  margin-bottom: 14px !important;
}

body.blog-single article h2 {
  font-size: 28px !important;
}

body.blog-single article h3 {
  font-size: 23px !important;
}

body.blog-single article ul,
body.blog-single article ol {
  padding-right: 24px !important;
  margin: 18px 0 !important;
}

body.blog-single article li {
  margin-bottom: 10px !important;
  line-height: 2 !important;
}

/* صور المقال */
body.blog-single article img {
  border-radius: 18px !important;
  box-shadow: 0 12px 35px rgba(0, 78, 91, .12) !important;
  margin: 24px auto !important;
}

/* ===============================
   Related Posts
   =============================== */

body.blog-single h2.font-bold.mb-3 {
  color: var(--blog-primary-dark) !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  margin-top: 36px !important;
}

body.blog-single .mt-5.flex.items-center.bg-white {
  background: var(--blog-card) !important;
  border: 1px solid var(--blog-border) !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 25px rgba(0, 78, 91, .06) !important;
  transition: all .25s ease !important;
}

body.blog-single .mt-5.flex.items-center.bg-white:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 35px rgba(0, 78, 91, .12) !important;
}

body.blog-single .mt-5.flex.items-center.bg-white h3,
body.blog-single .mt-5.flex.items-center.bg-white h3 a {
  color: var(--blog-primary-dark) !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  font-weight: 800 !important;
}

body.blog-single .mt-5.flex.items-center.bg-white h3 a:hover {
  color: var(--blog-primary) !important;
}

/* ===============================
   Fix Different Text Colors
   =============================== */

body.blog-index .text-gray-500,
body.blog-single .text-gray-500 {
  color: var(--blog-muted) !important;
}

body.blog-index .text-gray-800,
body.blog-single .text-gray-800 {
  color: var(--blog-primary-dark) !important;
}

body.blog-index .text-primary,
body.blog-single .text-primary {
  color: var(--blog-primary) !important;
}

/* ===============================
   Buttons / Links
   =============================== */

body.blog-index a,
body.blog-single a {
  transition: color .2s ease, background .2s ease, transform .2s ease !important;
}

body.blog-index a:hover,
body.blog-single a:hover {
  color: var(--blog-primary) !important;
}

/* ===============================
   Mobile Responsive
   =============================== */

@media (max-width: 768px) {
  body.blog-index #main-content > .container,
  body.blog-single #main-content > .container {
    padding-top: 18px !important;
  }

  body.blog-index .blog-slider {
    border-radius: 16px !important;
  }

  body.blog-index .blog-slider__slide {
    height: 330px !important;
  }

  body.blog-index .blog-slider h3,
  body.blog-index .blog-slider h3 a {
    font-size: 22px !important;
  }

  body.blog-index .blog-slider .description {
    font-size: 14px !important;
  }

  body.blog-index .post-entry__image {
    height: 200px !important;
  }

  body.blog-single .main-content.blog-category {
    padding: 22px !important;
    border-radius: 18px !important;
  }

  body.blog-single .main-content.blog-category > h1 {
    font-size: 26px !important;
  }

  body.blog-single article {
    font-size: 16.5px !important;
    line-height: 2.05 !important;
  }
}