/* .header-btn__icon{
    background: #1a6ca9;
}
.header-btn__icon:before{
color: #76ce87;}

.header-btn__icon:hover{
background-color: #AFE6C3;
transform: scale(1.05);}
.s-product-card-vertical{
        box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
}
.s-product-card-vertical:hover{
box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
}
.s-button-btn, .s-price-range-number-input{
    background: #1a6ca9;
color: #76ce87;

}
.s-button-btn:hover, .s-price-range-number-input:hover{
    background: #76ce87;
color: #1a6ca9;

}
.s-block--features__item .feature-icon{
    background: #1a6ca9;
}
.s-block--features__item .feature-icon i{
    color: #76ce87;
} */
/* ===== الألوان المحدّثة ===== */
:root {
  --primary: #1558a0;
  --primary-hover: #0e4a8a;
  --accent: #4dcb6e;
  --accent-hover: #3ab85a;
  --surface: #f4f8fc;
}

/* ===== Header Buttons ===== */
.header-btn__icon {
  background: var(--primary);
  transition: all 0.25s ease;
  border-radius: 10px;
}
.header-btn__icon:before {
  color: var(--accent);
}
.header-btn__icon:hover {
  background-color: var(--accent);
  transform: scale(1.08);
}
.header-btn__icon:hover:before {
  color: #fff;
}

/* ===== بطاقات المنتجات ===== */
.s-product-card-vertical {
  box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 14px;
  border-radius: 14px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  overflow: hidden;
}
.s-product-card-vertical:hover {
  box-shadow: rgba(21, 88, 160, 0.18) 0px 16px 32px,
              rgba(0, 0, 0, 0.06) 0px 2px 6px;
  transform: translateY(-4px);
}

/* ===== الأزرار ===== */
.s-button-btn,
.s-price-range-number-input {
  background: linear-gradient(135deg, var(--primary), #1e7dd4);
  color: #fff;
  border-radius: 10px;
  transition: all 0.25s ease;
  border: none;
}
.s-button-btn:hover,
.s-price-range-number-input:hover {
  background: linear-gradient(135deg, var(--accent-hover), var(--accent));
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(77, 203, 110, 0.35);
}

/* ===== Features Icons ===== */
.s-block--features__item .feature-icon {
  background: linear-gradient(135deg, var(--primary), #1e7dd4);
  border-radius: 50%;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.s-block--features__item .feature-icon:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 16px rgba(21, 88, 160, 0.3);
}
.s-block--features__item .feature-icon i {
  color: #fff;
}
/* ===== الفوتر ===== */
.store-footer {
  background: linear-gradient(135deg, #0f3d6e 0%, #1a6ca9 100%) !important;
  border-top: 4px solid #76ce87;
}

.store-footer .store-footer__inner {
  background: linear-gradient(135deg, #0f3d6e 0%, #1558a0 100%) !important;
}

.store-footer h3 {
  color: #76ce87 !important;
  font-weight: 700;
  position: relative;
  padding-bottom: 10px;
}

.store-footer h3::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 2px;
  background: #76ce87;
  border-radius: 2px;
}

.store-footer a {
  color: #c8e6ff !important;
  transition: all 0.2s ease;
}

.store-footer a:hover {
  color: #76ce87 !important;
  transform: translateX(-4px);
}

.store-footer .social-link {
  background: rgba(255,255,255,0.1);
  border-color: rgba(255,255,255,0.2) !important;
  transition: all 0.25s ease;
}

.store-footer .social-link:hover {
  background: #76ce87;
  transform: translateY(-3px);
}

/* ===== بطاقات المنتجات ===== */
.s-product-card-entry {
  border-radius: 16px !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  border: 1px solid rgba(26, 108, 169, 0.08);
}

.s-product-card-entry:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(26, 108, 169, 0.15),
              0 4px 8px rgba(0, 0, 0, 0.06) !important;
}

.s-product-card-content-title a {
  color: #1a2e44 !important;
  font-weight: 700;
}

.s-product-card-sale-price h4 {
  color: #1a6ca9 !important;
  font-weight: 800;
}
.store-footer__inner .container div div p{
  color: #c8e6ff !important
}
/* ===== بطاقات المنتجات ===== */
.s-product-card-vertical {
  border-radius: 16px !important;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  border: 1px solid rgba(26, 108, 169, 0.06) !important;
  background: #fff;
}

.s-product-card-vertical:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(26, 108, 169, 0.15),
              0 4px 8px rgba(0, 0, 0, 0.06) !important;
  border-color: rgba(26, 108, 169, 0.18) !important;
}

.s-product-card-image {
  transition: transform 0.4s ease !important;
}

.s-product-card-vertical:hover .s-product-card-image {
  transform: scale(1.04);
}

.s-product-card-content-title a {
  color: #1a2e44 !important;
  font-weight: 700;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.s-product-card-content-title a:hover {
  color: #1a6ca9 !important;
}

.s-product-card-sale-price h4 {
  color: #991b1b !important;
  font-weight: 800 !important;
  font-size: 15px !important;
}

/* زر إضافة للسلة */
.s-button-btn {
  border-radius: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px;
  transition: all 0.25s ease !important;
  background: linear-gradient(135deg, #1a6ca9, #1e7dd4) !important;
  color: #fff !important;
  border: none !important;
}

.s-button-btn:hover {
  background: linear-gradient(135deg, #3ab85a, #4dcb6e) !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(77, 203, 110, 0.35) !important;
  opacity: 1 !important;
}

/* ===== الهيدر ===== */
.main-nav-container .inner {
  background: #fff !important;
  box-shadow: 0 2px 20px rgba(26, 108, 169, 0.08) !important;
  border-bottom: 2px solid rgba(26, 108, 169, 0.1) !important;
}

.navbar-brand img {
  transition: transform 0.3s ease;
}

.navbar-brand img:hover {
  transform: scale(1.03);
}

/* أزرار الهيدر */
.header-btn__icon {
  background: #1a6ca9 !important;
  border-color: #1a6ca9 !important;
  transition: all 0.25s ease !important;
}

.header-btn__icon:before {
  color: #fff !important;
}

.header-btn__icon:hover {
  background: linear-gradient(135deg, #4dcb6e, #3ab85a) !important;
  border-color: #3ab85a !important;
  transform: scale(1.08) !important;
}

/* ===== القائمة الرئيسية ===== */
.main-menu > li > a {
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #1a2e44 !important;
  position: relative;
  transition: color 0.25s ease !important;
  padding-bottom: 2rem !important;
}

.main-menu > li > a::after {
  content: '';
  position: absolute;
  bottom: 1.2rem;
  right: 0;
  width: 0;
  height: 2px;
  background: #1a6ca9;
  border-radius: 2px;
  transition: width 0.3s ease;
}

.main-menu > li:hover > a::after,
.main-menu > li.is-active > a::after {
  width: 100%;
}

.main-menu > li:hover > a {
  color: #1a6ca9 !important;
}

/* القائمة المنسدلة */
.main-menu .sub-menu {
  border-radius: 12px !important;
  border: none !important;
  box-shadow: 0 16px 40px rgba(26, 108, 169, 0.12),
              0 4px 12px rgba(0, 0, 0, 0.06) !important;
  overflow: hidden;
  border-top: 3px solid #1a6ca9 !important;
}

.main-menu .sub-menu li a {
  font-size: 13px !important;
  color: #374151 !important;
  padding: 10px 20px !important;
  transition: all 0.2s ease !important;
}

.main-menu .sub-menu li a:hover {
  background: rgba(26, 108, 169, 0.06) !important;
  color: #1a6ca9 !important;
  padding-right: 26px !important;
}