/* Add custom CSS styles below */ 

@media (min-width:991px){
  .L-our-categories .swiper-wrapper {
    justify-content: center
  }
  section#video-banner {
    height: 100vh;
}
}
.L-our-categories .s-slider-container .card {
    --tw-rotate: 0deg !important;
}
.s-block--best-offers{
  margin-top: 60px !important;
}
.s-block--best-offers .container h1 {
  color: #653A10
}
/////////////////////////
.users_posts .s-slider-block__title-right * {
    color: #fff !important;
}
.store-footer img {
    filter: contrast(0.5);
}
@media (max-width:768px){
  footer.store-footer * {
    text-align: center;
}
}
p.text-gray-400:before {
    content: "الحقوق محفوظة tiacloset ";
  font-size: 20px
}
p.text-gray-400 {
  font-size: 0px
}
/***/
.navbar-brand img {
    max-width: 200px !important;
    height: 80px;
    max-height: fit-content !important;
}
@media (min-width: 480px) { 
  .navbar-brand img {
    height: 100px;
}}



/* تغيير لون خلفية الشريط الإعلاني ولون النص */
.announcement-bar {
    background-color: #000000 !important; /* استبدل #000000 باللون الذي تريده للخلفية */
}





.announcement-bar__content {
    color: #ffffff !important; /* استبدل #ffffff باللون الذي تريده للنص */
}






/* كود شامل لتغيير لون الشريط الإعلاني */
.s-block--announcement-bar, 
[class*="announcement-bar"], 
.announcement-bar {
    background-color: #653A10 !important; /* لون الخلفية - يمكنك تغييره */
}

.s-block--announcement-bar *, 
[class*="announcement-bar"] *, 
.announcement-bar * {
    color: #ffffff !important; /* لون النص والأسهم */
}






.hideOnMobilePlugin {
    background: #653a10 !important;
}

.offer-bar-preview33722.hideOnMobilePlugin.blockMobile33722.blockDesktop33722 ,
.offer-bar-preview33722.hideOnMobilePlugin.blockMobile33722.blockDesktop33722 p{
    color:white !important;
}
.offer-bar-preview33722 > div:first-of-type button {
      filter: brightness(0) invert(1);
}