/* START OF CSS STYLE CODE BY NUSSUQ.COM */

/* ====== GENERAL ====== */
.text-store-text-primary {color: #171c34 !important;}
.s-button-primary {border-color: var(--color-primary); background-color: var(--color-primary); color: #fff !important;}

/* ====== HEADER ====== */
.salla-advertisement {display:none !important}
.s-cart-summary-count {background-color:#eb343d}

/* ====== SECTION ====== */
.enhanced-title-border {border: none; width: 32px; height: 25px; background-image: url(https://i.ibb.co/BKzn1G0j/image.png); background-size: contain; background-repeat: no-repeat; background-position: center; margin:7px auto 10px auto}
.enhanced-title-border::before {right: 150%;}
.enhanced-title-border::after {left: 150%;}
.s-block.s-block--best-offers h2 {font-size:1.4rem !important}

/* ====== CATEGORIES ====== */
.s-block.s-block--square-links .container {margin-top:1rem !important}
.s-block.s-block--square-links img.object-cover {object-fit: contain !important;}

/* ====== PRODUCTS ====== */
.s-block.s-block--best-offers .flex.items-center {margin-top: 2.5rem;}
.s-block.s-block--best-offers .flex.items-center .btn.btn--outline-primary {border-radius: 50px !important;padding: 14px 20px !important;}
.s-block.s-block--best-offers .flex.items-center .btn.btn--outline-primary i {display:none}
.product-card__title a {font-size:1rem !important; font-weight:500 !important}
.product-card__enhanced-mini-cart button.s-button-element {font-size:1.1rem !important; font-weight:500; padding-top:8px !important}
.product-card__price {color: #171c34;}
.product-card__promotion, .promotion-title {background-color:#eb343d !important; border-radius:0 !important; animation: animate-pulse 2s infinite;}

@media (max-width:991px){
.s-products-slider-card {max-width:220px !important}
}

/* ====== TESTIMONAILS ====== */
.s-block.s-block--testimonials .review.swiper-slide > div {box-shadow:none !important; border:1px solid #eee}
.s-block.s-block--testimonials .review.swiper-slide p {font-size:1.1rem}

/* ====== FOOTER ====== */
footer.store-footer {margin-top:6rem}
.store-footer__inner, .store-footer__newsletter, .store-footer__contacts-row, .footer-bottom {background-color: #171c34;}
.store-footer__curve {color: #171c34;}
.store-footer__inner a.flex.items-center.justify-center.m-0 img.img-fluid {filter: brightness(100);}

/* ====== LOGIN FORM ====== */
.s-login-modal-header-icon svg {display:none}
.s-login-modal-header-icon {margin-bottom: .5rem; height: 5rem; width: 5rem; background-image: url(https://i.ibb.co/BKzn1G0j/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/wjRK/SfsYlKNePyTmQ7H7MkvaNErzbXPYy8hjY1M47OxT.png); background-size: 90%; background-repeat: no-repeat; background-position: center; border: none; border:1px solid #eee}
@media (min-width: 640px) {
.s-login-modal-header-icon {margin-bottom: .5rem; height: 7rem; width: 7rem;}
}

/* ====== SIDEBAR ====== */
@media only screen and (max-width: 1024px) {
.mm-spn li a, .mm-spn li span {font-size: .9rem;}
}

/* ====== GENERAL ====== */
.page-single nav.breadcrumbs {display:none}
.page-single h1.font-bold.text-2xl.mb-6 {color:#18a8e8 !important}
.page-single .bg-storeBG {background-color:transparent !important}

/* ====== PRODUCT PAGE ====== */
.s-slider-block__title h2 {font-size:1.4rem !important}
.s-slider-block__title-right {padding-bottom:12px !important}

/* ====== CATEGORY PAGE ====== */
.products-index .container.mt-6 {margin-top:0 !important}
.products-index #sub-cats-slider-4 span.text-sm.mt-2.text-store-text-primary {color: #171c34 !important; font-size: .9rem; font-weight: normal;}

@keyframes animate-pulse{
    0%{opacity:1}
    35%{opacity:0}
    70%{opacity:1}
}





/* زر واتساب ثابت */
#whatsapp-btn {
    position: fixed;
    bottom: 20px;
    right: 20px; /* غيّرها إلى left: 20px; لو تبغى باليسار */
    z-index: 99999;
    width: 50px;
    height: 50px;
    background: #25D366;
    border-radius: 50%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    animation: pop-up 1s ease-in-out, float-effect 3s ease-in-out infinite;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.3s ease;
}

/* أيقونة الواتساب */
#whatsapp-btn img {
    width: 30px;
    height: 30px;
}

/* النقطة الحمراء النابضة */
#whatsapp-btn::after {
    content: "";
    position: absolute;
    top: -4px;
    right: -4px;
    width: 14px;
    height: 14px;
    background: #ff2d2d;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 0 0 rgba(255,45,45,.6);
    animation: pulse-badge 1.5s ease-out infinite;
}

/* تأثير عند مرور الماوس */
#whatsapp-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
    background-color: #20B25B;
}

/* أنيميشنات */
@keyframes pop-up {
    0% { transform: scale(0.8); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}

@keyframes float-effect {
    0% { transform: translateY(0); }
    25% { transform: translateY(-10px); }
    50% { transform: translateY(0); }
    75% { transform: translateY(10px); }
    100% { transform: translateY(0); }
}

@keyframes pulse-badge {
    0% { box-shadow: 0 0 0 0 rgba(255,45,45,.6); transform: scale(1); }
    70% { box-shadow: 0 0 0 10px rgba(255,45,45,0); transform: scale(1.05); }
    100% { box-shadow: 0 0 0 0 rgba(255,45,45,0); transform: scale(1); }
}






/* تخصيص مظهر تصنيف "اشتري واحد واثنين مجاناً" في متجر شوت */
#\36 30407595 > a > span {
    background: linear-gradient(135deg, #1C3FAA, #0A1F5F) !important; /* تدرّج أزرق رياضي */
    color: #FFFFFF !important; /* لون النص */
    padding: 6px 14px !important; /* تباعد محسّن */
    border-radius: 40px !important; /* حواف أنيقة */
    font-weight: 700 !important;
    font-size: 14px !important; /* وضوح أكبر */
    letter-spacing: 0.5px !important; /* يعطي فخامة */
    box-shadow: 0 3px 8px rgba(0,0,0,0.18) !important; /* ظل احترافي */
    transition: all 0.28s ease-in-out !important;
}

#\36 30407595 > a > span:hover {
    background: linear-gradient(135deg, #274FD6, #112B7A) !important; /* لون أكثر إشراق عند التمرير */
    transform: translateY(-2px) scale(1.06); /* حركة خفيفة */
    box-shadow: 0 5px 12px rgba(0,0,0,0.25) !important;
}





/* تخصيص مظهر عنوان التصنيف في الجوال */
@media (max-width: 640px) {
    .text-gray-500.\!flex.items-center.gap-x-2 > span {
        background: linear-gradient(135deg, #1C3FAA, #0A1F5F) !important;
        color: #FFFFFF !important;
        padding: 5px 12px !important;
        border-radius: 30px !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        letter-spacing: 0.3px !important;
        box-shadow: 0 3px 8px rgba(0,0,0,0.15) !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
    }

    .text-gray-500.\!flex.items-center.gap-x-2 > span:hover {
        background: linear-gradient(135deg, #274FD6, #112B7A) !important;
        transform: scale(1.04);
    }
}






.total-price.font-bold.inline-block.text-store-text-secondary.text-lg {
    color: #B71C1C !important; /* أحمر داكن فاخر */
}












.text-store-text-primary.font-bold.text-xl.inline-block.total-price {
    color: #B71C1C !important; /* أحمر داكن */
}






/* تصميم وإدارة م. أحمد شكري */
/* نص الفوتر */
.custom-footer-text {
  font-family: 'Tahoma', 'Arial', sans-serif;
  font-size: 16px;
  color: #333;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
}

.custom-footer-text a {
  color: #ff6600;
  text-decoration: none;
  font-weight: bold;
  transition: color 0.3s ease;
  cursor: pointer;
}

.custom-footer-text a:hover {
  color: #cc5200;
  text-decoration: underline;
}

/* منع التمرير عند فتح المودال */
.shokvat-no-scroll {
  overflow: hidden !important;
}

/* المودال */
#shokvatModal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  justify-content: center;
  align-items: center;
  z-index: 999999;
}

/* محتوى المودال */
.shokvat-modal-content {
  background: #fff;
  width: min(90vw, 340px);      /* أصغر */
  padding: 18px 20px;
  border-radius: 12px;
  text-align: center;
  font-family: 'Tahoma', 'Arial', sans-serif;
  box-shadow: 0 8px 22px rgba(0,0,0,0.22);
  direction: rtl;
}

.shokvat-modal-content h3 {
  margin: 0 0 14px;
  color: #333;
  font-size: 16px;
  line-height: 1.6;
}

/* زر الموقع */
.shokvat-modal-buttons a.site {
  display: block;
  width: 100%;
  margin-top: 10px;
  padding: 10px 0;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  background: linear-gradient(135deg, #ff7a18, #ff6600);
  color: #fff;
  transition: transform 0.15s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.shokvat-modal-buttons a.site:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(255,102,0,0.35);
}

/* زر الإغلاق */
.shokvat-close-btn {
  margin-top: 12px;
  padding: 6px 12px;
  background: transparent;
  border: 1px solid #ddd;
  border-radius: 8px;
  cursor: pointer;
  color: #666;
  font-size: 13px;
}

.shokvat-close-btn:hover {
  background: #f5f5f5;
  color: #333;
}