Mona Boutique – Custom CSS
   ========================= */

/* Brand Colors */
:root {
  --main-color: #BD8785;     /* وردي فاخر من الهوية */
  --second-color: #D8B2B0;   /* وردي فاتح */
  --text-color: #FFFFFF;     /* أبيض */
}

/* Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Text fixes */
b, strong {
  font-weight: bolder;
  color: #000;
}

textarea.form-input,
.s-login-modal-input,
.iti input,
.iti input[type=text],
.iti input[type=tel],
.iti--separate-dial-code .iti__selected-dial-code,
.s-verify-input[type=number],
.s-quantity-input-input {
  color: #000;
}

/* Cart */
.s-cart-summary-total {
  color: #fff;
  display: flex;
}

/* Buttons */
.btn--outline-primary {
  border: 1px solid var(--text-color);
  color: var(--main-color);
  background: transparent;
}

.btn--outline-primary:hover {
  background-color: var(--second-color);
  color: var(--main-color);
}

/* Header */
.main-nav-container {
  background: transparent;
}

.main-nav-container.fixed-header .inner {
  background: linear-gradient(90deg, var(--second-color), var(--main-color));
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.25);
  box-shadow: 0 8px 24px rgba(0,0,0,0.25);
}

/* Mobile Menu */
#mobile-menu {
  color: var(--text-color);
  padding-right: 111px;
}

#mobile-menu a:hover {
  color: var(--second-color);
}

.sicon-menu {
  color: var(--second-color);
}

.header-btn__icon {
  color: #fff;
}

/* Background elements */
.bg-inherit {
  background: linear-gradient(45deg, var(--second-color), var(--main-color));
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.25);
  box-shadow: 0 8px 24px rgba(0,0,0,0.25);
}

.bg-inherit:hover {
  background: linear-gradient(45deg, var(--second-color), var(--main-color));
}

/* Sliders */
.s-block--photos-slider {
  margin-top: 0 !important;
}

.swiper {
  padding-left: 0 !important;
}

salla-slider.photos-slider .swiper-slide {
  margin-left: 1.1rem;
  margin-right: 0.5rem;
  width: 100%;
  overflow: hidden;
}

/* Footer */
.store-footer {
  background: linear-gradient(135deg, var(--second-color), var(--main-color));
  color: #fff;
}