/* Add custom CSS styles below */ 
.s-block-tabs button.tab-trigger:not(.is-active){
  background:transparent!important;
  color:#1b4f72!important;
  border:2px solid #1b4f72!important;
  border-radius:8px!important;
  opacity:1!important;
  transition: all 0.3s ease!important;
}

.s-block-tabs button.tab-trigger.is-active{
  background:#1b4f72!important;
  color:#fff!important;
  border:2px solid #1b4f72!important;
  border-radius:8px!important;
  transition: all 0.3s ease!important;
}

..s-block-tabs button.tab-trigger.is-active{
  background:#1b4f72!important;
  color:#fff!important;
  border:2px solid #1b4f72!important;
  border-radius:8px!important;
  transition: all 0.3s ease!important;
}

/* FAQ - الخيار الثالث */
.faq-container {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

.faq-container > * {
  background: #ffffff !important;
  border: 1.5px solid var(--border) !important;
  border-radius: 12px !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
  overflow: hidden !important;
  position: relative !important;
  box-shadow: none !important;
  transform: none !important;
}

.faq-container > *::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: #1B4F72 !important;
  transform: scaleX(0) !important;
  transition: transform 0.25s ease !important;
  transform-origin: right !important;
}

.faq-container > *:hover::before,
.faq-container > *:focus-within::before {
  transform: scaleX(1) !important;
}

.faq-container > *:hover {
  border-color: #1B4F72 !important;
  transform: none !important;
  box-shadow: none !important;
}

.faq-container > * * {
  color: #0A0A0A !important;
}

/* FAQ - الإجابات */
.faq-container [class*="answer"],
.faq-container [class*="content"],
.faq-container p,
.faq-container span {
  color: #0A0A0A !important;
}

/* دارك مود */
.dark .faq-container > * {
  background: #1a1a1a !important;
  border-color: var(--border) !important;
  box-shadow: none !important;
}

.dark .faq-container > *:hover {
  border-color: #1B4F72 !important;
}

.dark .faq-container [class*="answer"],
.dark .faq-container [class*="content"],
.dark .faq-container p,
.dark .faq-container span {
  color: #e8e8e8 !important;
}

.dark .faq-container > * * {
  color: #e8e8e8 !important;
}
/* ===== فوتر احترافي 22MOBILE - نسخة محدثة (وضعين + إصلاح الأيقونات) ===== */
.store-footer {
  margin-top: 0 !important;
  border-radius: 0 !important;
}

.store-footer__inner {
  border-radius: 24px 24px 0 0 !important;
  border-top: 3px solid #1B4F72 !important;
  margin: 0 16px !important;
  padding: 48px 40px 32px !important;
  box-shadow: 0 -4px 20px rgba(27, 79, 114, 0.08) !important;
}

.footer-container {
  display: grid !important;
  grid-template-columns: 1.5fr 1fr 1fr !important;
  gap: 40px !important;
  align-items: start !important;
}

/* عناوين الأقسام */
.store-footer__inner h3,
.store-footer__inner [class*="title"] {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #1B4F72 !important;
  margin-bottom: 12px !important;
  border-bottom: none !important;
  text-align: center !important;
}
.store-footer__inner h3::after,
.store-footer__inner [class*="title"]::after {
  content: '' !important;
  display: block !important;
  width: 28px !important;
  height: 2px !important;
  background: #1B4F72 !important;
  margin: 6px auto 0 !important;
  border-radius: 99px !important;
}

/* الروابط العامة */
.store-footer__inner a {
  color: #555555 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
  display: block !important;
  background: none !important;
  padding: 3px 0 !important;
  border-radius: 0 !important;
  margin-bottom: 0 !important;
}
.store-footer__inner a:hover {
  color: #1B4F72 !important;
  padding-right: 4px !important;
  background: none !important;
}

/* التباعد بين الروابط */
.footer-list {
  gap: 2px !important;
  row-gap: 2px !important;
}
.footer-list > div,
.footer-list > a,
.store-links-items > div,
.store-links-items > a {
  margin-bottom: 0 !important;
  padding: 2px 0 !important;
  line-height: 1.4 !important;
}

/* تواصل معنا */
.footer-contact a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 3px 0 !important;
  border-radius: 0 !important;
  background: none !important;
  color: #555555 !important;
  font-size: 14px !important;
  margin-bottom: 2px !important;
  line-height: 1.4 !important;
  transition: color 0.2s !important;
  overflow: visible !important;
}
.footer-contact a:hover {
  color: #1B4F72 !important;
  background: none !important;
  padding-right: 4px !important;
}

/* أيقونات السوشيال - سيلكتور مضيّق + إصلاح الضغط */
.store-footer__inner [class*="social"] a {
  background: #f0f5fa !important;
  color: #1B4F72 !important;
  border: 1.5px solid #e0eaf4 !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1 !important;
  position: relative !important;
  z-index: 50 !important;
  pointer-events: auto !important;
}
.store-footer__inner [class*="social"] a:hover {
  background: #1B4F72 !important;
  color: #ffffff !important;
  border-color: #1B4F72 !important;
}

/* الفاصل */
.store-footer .line {
  border-color: #e8e8e8 !important;
  margin: 24px 0 !important;
}

/* ===== الدارك مود ===== */
.dark .store-footer__inner a,
.dark .footer-contact a {
  color: #e8e8e8 !important;
}
.dark .store-footer__inner a:hover,
.dark .footer-contact a:hover {
  color: #2E86C1 !important;
}
.dark .store-footer__inner h3,
.dark .store-footer__inner [class*="title"] {
  color: #2E86C1 !important;
}
.dark .store-footer__inner h3::after,
.dark .store-footer__inner [class*="title"]::after {
  background: #2E86C1 !important;
}
.dark .store-footer__inner [class*="social"] a {
  background: #1a1a1a !important;
  color: #2E86C1 !important;
  border-color: #333333 !important;
}
.dark .store-footer__inner [class*="social"] a:hover {
  background: #1B4F72 !important;
  color: #ffffff !important;
  border-color: #1B4F72 !important;
}
.dark .store-footer .line {
  border-color: #333333 !important;
}

/* جوال */
@media (max-width: 768px) {
  .store-footer__inner {
    border-radius: 16px 16px 0 0 !important;
    padding: 32px 20px !important;
    margin: 0 8px !important;
  }
  .footer-container {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  .store-footer__inner a {
    line-height: 1.4 !important;
    padding: 2px 0 !important;
    margin-bottom: 0 !important;
  }
}
  }
}/* إصلاح ألوان النصوص المفروضة inline في الصفحات التعريفية */
.content-entry [style*="color"],
.content-entry span, .content-entry p, .content-entry h2, .content-entry li {
  color: #0A0A0A !important;
}
.dark .content-entry [style*="color"],
.dark .content-entry span, .dark .content-entry p, .dark .content-entry h2, .dark .content-entry li {
  color: #e8e8e8 !important;
} 
.dark salla-trust-map,
.dark [class*="trust-map"],
.dark salla-trust-map-yh22d6 {
  color: #ffffff !important;
  --title-color: #ffffff;
  --subtitle-color: #e8e8e8;
}