/* Add custom CSS styles below */ 
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

* {
  font-family: "Tajawal";
}
  
.navbar-brand img {
  max-height: 100px;
}

#mainnav .grid {
  grid-template-columns: 1fr 3fr 1fr !important;
  grid-auto-flow: column;
}

#mainnav .grid div:nth-of-type(1) {
  order: 2;
}

#mainnav .grid div:nth-of-type(2) {
  order: 1;
}

#mainnav .grid div:nth-of-type(3) {
  order: 3;
}

.s-contacts-list div:nth-of-type(3) .s-contacts-icon {
    display: none;  
}

.s-contacts-list div:nth-of-type(3) .unicode::before {
  content: 'مبيعات الجملة \00a0';
}

//BOXES SECTION
.s-products-slider-wrapper #slider-with-bg-3 .swiper-wrapper {
    justify-content: center !important;
    gap: 40px;
}

.s-products-slider-wrapper #slider-with-bg-3 .swiper-wrapper .s-product-card-image {
  background-color: transparent !important;
}

//BAGS section
#slider-with-bg-6 .s-product-card-entry {
  background-color: transparent !important;
  filter: drop-shadow(2px 4px 6px black);
}

#slider-with-bg-6 .s-product-card-image {
  background-color: transparent !important;
  filter: drop-shadow(2px 4px 6px black);
}

//PRODUCTS 
.s-product-card-image {
   background-color: transparent !important;
}

.s-cart-summary-count {
  background-color: #5683b0;
}

.s-product-card-entry div:nth-of-type(1) {
  background-color: transparent;
}

//PRODUCT DETAILS 
.details-slider .s-slider-container {
  background-color: transparent !important;
  border-width: 0 !important;
}

.details-slider .swiper-slide {
  background-color: transparent !important;
  box-shadow: none;
}

.cart-item a img {
  background-color: transparent;
  border: none;
  object-fit: contain;
}

/* footer .flex div:nth-of-type(2) {
  display: none;
}

.art-store-footer div:first-of-type {
	grid-template-columns: 1fr 1fr;
} */

.rtl\:lg\:pl-20:where([dir="rtl"], [dir="rtl"] *) {
	grid-column: auto;
	padding-left: 0;
}

.rtl\:lg\:pl-20:where([dir="rtl"], [dir="rtl"] *) a {
    justify-content: center;
}

label {
    color: #222222;
}

// PRODUCT PAGE 
.product__description article p {
  color: #000 !important;
}

// SLIDER 
.art-categories-02 .s-slider-wrapper .aspect-square a div:first-of-type {
  background-size: contain !important;
}

.art-categories-02-title .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 25px;
}

.art-categories-02-title .swiper-wrapper .art-categories-02-slide {
    width: auto;
}

.art-store-footer h3 {    
    font-size: 24px !important;
}

/.art-categories-02-slide .aspect-square {
  margin-bottom: 30px;
}

.art-categories-02-slide a h3 {
  font-size: 18px !important;
}

footer .grid div:nth-of-type(2) {
    display: none;
}

.main-content h1 {
  color: #000;
}

#product-filter {
  color: #000;  
}

.sicon-star-o {
  color: #000;
}

.s-product-options-option-label b {
  color: #000;
}

.s-product-options-colors-wrapper input[type=radio] + label {
  color: #000;  
}

.total-price {
  color: #000;  
}

.sticky-product-bar__quantity .form-label {
  color: #000;
}

.s-quantity-input-input {
  color: #000;
  font-weight: bold !important;
}

.art-main-content .art-product-form .s-quantity-input-container .s-quantity-input-button {
  fill: #000 !important;
}

salla-social {
	justify-content: center;
}

.s-contacts-title {
    text-align: center;
}

.s-contacts-list a {
    justify-content: center;
}

.text-\[var\(--color-footer-text\)\] {
     display: none;
}

.rtl\:lg\:pl-20:where([dir="rtl"], [dir="rtl"] *) p:nth-of-type(2) {
    text-align: center;
}

.art-store-footer div:nth-of-type(2) {
    flex-direction: column;
}

.art-store-footer div:nth-of-type(2) .copyright-text {
    margin-bottom: 10px;
}

.art-store-footer div:first-of-type {
    padding-bottom: 0;
}

#mobile-menu {
    background-color: #222222;
    color: #ffffff;
}

section h3 {
    text-align: center;
    font-size: 38px !important;
}

.breadcrumbs {
    color: #222222;
}

.art-categories-slider {
    display: none;
}

#product-filter option {
    color: #222222;
}

.swal2-popup {
    background-color: #5683b0 !important;
}

.art-categories-02-title h2, .art-categories-02-title span {
  color: #000;
}

@media only screen and (max-width: 992px) {
.art-categories-02-title .swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
}

@media only screen and (max-width: 568px) {
footer .grid {
    grid-template-columns: 1fr;
    gap: 0;
}

.art-categories-02-title .swiper-wrapper {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}

section h3 {
    font-size: 18px !important;
}

}






















/*----*/