/* Add custom CSS styles below */ 

/* Hide top header bar — Salla Raid */
.top-navbar,
.top-header,
.header-top {
  display: none !important;
}

/* KHULASAT - CENTER HEADER MENU */

@media (min-width: 992px) {

  /* Main navigation container */
  .main-nav-container {
    position: relative !important;
  }

  /* Center menu links */
  .main-nav-container .main-menu {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 30px !important;

    width: max-content !important;
    max-width: 60% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Menu link styling */
  .main-nav-container .main-menu a {
    white-space: nowrap !important;
    font-weight: 600 !important;
  }
}

/* Move header menu slightly down */

@media (min-width: 992px) {
  .main-nav-container .main-menu {
    top: calc(50% + 15px) !important;
  }
}

/* KHULASAT - HEADER BACKGROUND */

.main-nav-container,
.main-header,
.store-header {
  background-color: #eaded0 !important;
}

/* KHULASAT - HEADER MENU COLORS */

/* Normal color */
.main-nav-container .main-menu a {
  color: #543F27 !important;
  transition: color 0.3s ease !important;
}

/* Hover color */
.main-nav-container .main-menu a:hover {
  color: #AB7F2C !important;
}

/* Active page color */
.main-nav-container .main-menu a.active,
.main-nav-container .main-menu a[aria-current="page"] {
  color: #AB7F2C !important;
}

/* KHULASAT - TRANSPARENT SLIDER ARROWS */

/* Remove white circles */
.s-slider-nav-arrow,
.s-slider-next,
.s-slider-prev {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Arrow icons */
.s-slider-nav-arrow svg,
.s-slider-nav-arrow svg path {
  fill: none !important;
  stroke: #FFFFFF !important;
  color: #FFFFFF !important;
  transition: stroke 0.3s ease !important;
}

/* Hover - Gold */
.s-slider-nav-arrow:hover svg,
.s-slider-nav-arrow:hover svg path {
  stroke: #AB7F2C !important;
  color: #AB7F2C !important;
}

/* Remove focus background */
.s-slider-nav-arrow:focus,
.s-slider-nav-arrow:active {
  background: transparent !important;
  box-shadow: none !important;
}

/* Disabled arrow */
.s-slider-nav-arrow:disabled {
  background: transparent !important;
  opacity: 0.4 !important;
}

/* KHULASAT - ADD TO CART BUTTON */

/* Normal */
.s-product-card-entry button,
.s-product-card-entry salla-add-product-button button {
  background-color: #EADED0 !important;
  color: #543F27 !important;
  border: 1px solid #EADED0 !important;
  transition: all .3s ease !important;
}

/* Hover */
.s-product-card-entry button:hover,
.s-product-card-entry salla-add-product-button button:hover {
  background-color: #FFFFFF !important;
  color: #543F27 !important;
  border-color: #543F27 !important;
}

/* Text and icons */
.s-product-card-entry button svg,
.s-product-card-entry button i {
  color: inherit !important;
}

/* Show mobile menu icon */
@media (max-width: 767px) {
  .salla-header .menu-icon,
  .header-menu-icon,
  .sicon-menu,
  .sicon-menu:before,
  .sicon-menu:after {
    color: #543F27 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}