/* =======================
   🌟 Krfan Store Custom CSS
   ======================= */

/* Slider */
.advanced-slider {
  --sliderHeight: 100vh;
  --mobileSliderHeight: auto;
}

/* Nav Arrows */
.s-slider-nav-arrow {
  background: #ff882c;
  box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
  transition: all .3s ease;
}
.s-slider-nav-arrow:hover {
  background: #e67420;
}
.s-slider-nav-arrow svg {
  fill: #fff;
}

/* Header */
.main-nav-container {
  min-height: 54px;
  background: linear-gradient(to left, #2F7484, #0C8081);
}
.main-nav-container.fixed-pinned .inner {
  filter: drop-shadow(2px 4px 6px #aaa);
  border-radius: 46px;
  margin-top: 20px;
  padding: 8px 0;
  opacity: 1;
  transition: all .3s ease;
}
.main-nav-container .navbar-brand img {
  max-height: 55px;
  max-width: 155px;
}
.main-nav-container.fixed-pinned .navbar-brand img {
  max-height: 45px;
}

/* Buttons */
.s-button-element:not(:disabled):not([loading]) {
  background: #2f7484;
  color: #fff;
  transition: all .3s ease;
}
.s-button-element:hover {
  background: #25646e;
}

/* Product Cards */
.product-card {
  margin: 10px auto;
  box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
  transition: all .3s ease;
}
.product-card:hover {
  transform: translateY(-4px);
}
.product-card__normal-cart .hydrated[product-status="out"] {
  background: red;
  width: 100%;
  display: block;
  margin: 0 auto;
}

/* Titles & Headings */
.s-slider-block__title h2,
.products-lookbook__title--mainheading {
  text-transform: uppercase;
  background-image: linear-gradient(-225deg, #F2812A 0%, #000 29%, #F2812A 67%, #F2812A 100%);
  background-size: 200% auto;
  color: transparent;
  font-weight: 700;
  line-height: 32px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
}
@keyframes textclip {
  to {
    background-position: 200% center;
  }
}

/* Footer */
.store-footer,
.store-footer__inner,
.store-footer__contacts-row,
.footer-is-light .store-footer {
  background: linear-gradient(to left, #2F7484, #0C8081);
  border: none;
}
.store-footer h3 {
  background: #ff882c;
  border-radius: 20px;
  width: 100%;
  text-align: center;
  padding: 6px 0;
  color: #fff;
}
.store-footer,
.store-footer p,
.store-footer li,
.store-footer a,
.store-footer .footer-rights p {
  color: #fff !important;
}

/* =======================
   🎨 Social Media Icons
   ======================= */
.store-footer .social-link a[href*="facebook.com"] {
  color: #1877f2 !important; /* Facebook */
}
.store-footer .social-link a[href*="twitter.com"],
.store-footer .social-link a[href*="x.com"] {
  color: #000000 !important; /* Twitter/X */
}
.store-footer .social-link a[href*="instagram.com"] {
  color: #e1306c !important; /* Instagram */
}
.store-footer .social-link a[href*="tiktok.com"] {
  color: #000000 !important; /* TikTok */
}
.store-footer .social-link a[href*="snapchat.com"] {
  color: #fffc00 !important; /* Snapchat */
}
.store-footer .social-link a[href*="youtube.com"] {
  color: #ff0000 !important; /* YouTube */
}
.store-footer .social-link a[href*="whatsapp.com"] {
  color: #25d366 !important; /* WhatsApp */
}

/* Hover Effects for Icons */
.store-footer .social-link a {
  transition: all 0.3s ease-in-out;
}
.store-footer .social-link a:hover {
  transform: scale(1.2) translateY(-3px);
}

/* Glow effect per platform */
.store-footer .social-link a[href*="facebook.com"]:hover {
  text-shadow: 0 0 12px #1877f2;
}
.store-footer .social-link a[href*="twitter.com"]:hover,
.store-footer .social-link a[href*="x.com"]:hover {
  text-shadow: 0 0 12px #000;
}
.store-footer .social-link a[href*="instagram.com"]:hover {
  text-shadow: 0 0 12px #e1306c;
}
.store-footer .social-link a[href*="tiktok.com"]:hover {
  text-shadow: 0 0 12px #000;
}
.store-footer .social-link a[href*="snapchat.com"]:hover {
  text-shadow: 0 0 12px #fffc00;
}
.store-footer .social-link a[href*="youtube.com"]:hover {
  text-shadow: 0 0 12px #ff0000;
}
.store-footer .social-link a[href*="whatsapp.com"]:hover {
  text-shadow: 0 0 12px #25d366;
}

/* 🏛️ شعار منصة الأعمال أبيض */
.store-footer img[src*="monsha"] {
  filter: brightness(0) invert(1) !important;
}

/* =======================
   🎬 Animated Icons
   ======================= */
.flex.flex-col.mb-2.items-center>.rounded-full {
  height: 4.2rem;
  width: 4.2rem;
  background: #fff;
  box-shadow: rgba(0,0,0,.24) 0 3px 8px;
}
.flex.flex-col.mb-2.items-center>.rounded-full i:before {
  content: '';
  width: 64px;
  height: 64px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.flex.flex-col.mb-2.items-center>.rounded-full i.sicon-paper-plane-o:before {
  background-image: url(https://iili.io/JwwG7d7.gif);
}
.flex.flex-col.mb-2.items-center>.rounded-full i.sicon-shipping-fast:before {
  background-image: url(https://iili.io/JwwMn3B.gif);
}
.flex.flex-col.mb-2.items-center>.rounded-full i.sicon-fire:before {
  background-image: url(https://iili.io/JwwM5Cv.gif);
}

/* =======================
   📱 Responsive Mobile
   ======================= */
@media only screen and (max-width:600px) {
  .mb-2\.5 {
    grid-column: span 2 / span 1;
    justify-content: center;
    display: block;
    text-align: center;
  }
  .gap-8>.duration-300 {
    display: inline-flex;
    width: 32.6%;
  }
  .text-gray-900,
  .p-5 div {
    text-align: center;
  }
  .s-button-btn {
    width: 100%;
  }
  .text-primary-reverse {
    font-size: 28px;
  }
}
/* Add custom CSS styles below */