/* Add custom CSS styles below */ 


:root {
  --main-color:#0e0f0f; /* kept for theme compatibility */
  --white-color: #fff;
  --black-color: #fff;

  /* Shadows */
  --normal-box-shadow: rgba(0, 0, 0, 0.3) 1px 2px 3px;

  /* Unified gradients */
     --gradient-primary: #010201;
  --gradient-alt:#010201;
 /* used to replace close hues */ 
}

/* =========================================================
   Header / Main Nav
   ========================================================= */
#\31 215121959 > a {
    color:#fbbf24 !important
}

button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {
    background-color:#991b1b;
    border-color:#991b1b;
    }
#app > div.app-inner.flex.flex-col.min-h-full > header > div.top-navbar > div > div > salla-menu {
    display:none
}
div#mainnav,
.inner.bg-inherit {
  background: #1d1f1f;
  box-shadow: none;
}

.main-menu li.root-level > a {
  font-size: 15px;
}

i.sicon-menu {
  padding: 8px;
  border-radius: 50px;
}

i.header-btn__icon.sicon-user-circle,
i.header-btn__icon.icon.sicon-shopping-bag,
i.sicon-menu {
  color: var(--black-color) !important;
  background: var(--gradient-primary) !important;
  border: 0;
}

/* =========================================================
   Top Navbar
   ========================================================= */
.top-navbar {
  background: var(--gradient-primary) !important;
  color: var(--black-color);
}
.top-navbar .s-search-input {
  border: 1px solid var(--black-color);
}

/* =========================================================
   Fixed Banner
   ========================================================= */

section.s-block.s-block--fixed-banner.wide-placeholder > .container {
  padding: 0 !important;
  width: 100% !important;
  max-width: unset;
}
.banner--fixed img {
  background-color: transparent;
  border-radius: 0 !important;
}



/* =========================================================
   Sticky Main Nav Container
   ========================================================= */
.main-nav-container.fixed-pinned .inner {
  padding: 15px;
  border-radius: 0 0 50px 50px;
  box-shadow: var(--normal-box-shadow);
}

/* =========================================================
   Footer
   ========================================================= */


.store-footer h3 {
  background-color: #fff;
  color: var(--main-color);
  border-radius: 15px;
  padding: 6px 20px;
  text-align: center !important;
  width: fit-content;
}

.copyright-text p {
  color: var(--main-color);
}


/* =========================================================
   Social Links
   ========================================================= */
.s-social-link a {
  color: var(--black-color);
  border: 0;
  transition: all 0.5s;
}
.s-social-link a:hover {
  transform: translateY(-10px);
  transition: all 0.5s;
}

a[href*="instagram"] {
  background: linear-gradient(
    45deg,
    #f09433 0,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
}
a[href*="tiktok"] {
  background: linear-gradient(120deg, #69c9d0, #000, #ee1d52);
}
a[href*="facebook"] {
  background: linear-gradient(45deg, #3776f2, #00b1f7);
}
a[href*="youtube"] {
  background-color: #c4302b;
}
a[href*="snapchat"] {
  background-color: yellow;
  color: black;
}
a[href="https://twitter.com/bahriatna1"]
{
  background-color: black;
}

/* =========================================================
   Misc: Icons / Logo / Mini Checkout
   ========================================================= */
.s-contacts-icon {
  border: 0;
  background-color: var(--black-color);
  color: var(--main-color);
}

.navbar-brand img {
  max-height: 5rem !important;
}
@media (max-width:767px){
    .navbar-brand img {
  max-height: 50px !important;
}
  
  .product-single h2.ql-direction-rtl {
    font-size:1rem !important;
}

.product-single p.ql-direction-rtl,
li.ql-direction-rtl {
    font-size:14px !important;
}
.s-reviews-testimonial__text p  {
    font-size:12px;
    
}

footer > div.store-footer__inner  p > em{
    font-size:13px;
}

 footer .s-menu-footer-list a ,
footer div#contact-slot a{
    font-size:12px !important;
} 

footer h3  {
    font-size:14px !important ;
}
}




.index footer.store-footer {
    margin-top: 0 !important;
}

.s-cart-summary-total,
.main-menu li.root-level > a{
    color: white !important;
}



.s-reviews-testimonial {
    color: black;
}

.s-reviews-testimonial {
    background: #f5f5f5;
    border-radius: 50px;
}

@media(min-width:1024px) {
.product-single div.main-content.md\:sticky.md\:overflow-hidden> div.product__description > article > p {
    font-size: 16px !important;
}

.product-single  div.main-content > div.product__description> article > h2 > strong{
    font-size: 19px !important;
}
h3.ql-align-right.ql-direction-rtl.text-right {
    font-size:17px
}
}
@media(max-width:767px) {
  .armor-fire-icon {
    display: none;
  }
  body.index div > div > div > div.armor-countdown-header > div.armor-countdown-title > h3 {
    display:none
}
.product-single div.main-content.md\:sticky.md\:overflow-hidden> div.product__description > article > p {
    font-size: 10px !important;
}

.product-single  div.main-content > div.product__description> article > h2 > strong{
    font-size: 14px !important;
}
}
h3.ql-align-right.ql-direction-rtl.text-right {
    font-size:12px
}
.product-single span.s-rating-stars-reviews {
    display:none
}

/* كود تحريك الشريط */
.banner_{
        background: linear-gradient(135deg, #3a3a3a 0%, #2a2a2a 100%);
    text-align: center;
    padding-block: 10px;
}

.banner-link {
    text-decoration: none;
    display: block;
}

.banner-content {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

.text-animation {
    display: inline-block;
    margin-left: 20px;
    animation: moveRight 8s linear infinite alternate;
    color: white;
    display: flex;
}

.Group_animated {
    margin-inline: 200px;
    display: flex;
    gap: 20px;
    align-items: center;
}

.Group_animated span {
    font-size: 20px;
    font-weight: bold;
}

@keyframes moveRight {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(50%);
    }
}

/* للشاشات الصغيرة */
@media screen and (max-width: 768px) {
    .Group_animated span {
        font-size: 20px;
    }
    
    .Group_animated {
        margin-inline: 100px;
    }
}

@media screen and (max-width: 480px) {
    .Group_animated span {
        font-size: 20px;
    }
    
    .Group_animated {
        margin-inline: 50px;
    }
}