/* Add custom CSS styles below */
:root{
  --gw-bg:#F7F4EE;
  --gw-bg-2:#11100D;
  --gw-card:#FFFFFF;
  --gw-text:#1C1A17;
  --gw-muted:#6B6560;
  --gw-gold:#C8902B;
  --gw-gold-light:#E8B84B;
  --gw-border:rgba(200,144,43,.22);
}

/* GLOBAL */
html,body,#app,.app,main,.main-content{
  background:
    linear-gradient(125deg, transparent 12%, rgba(200,144,43,.13) 12.08%, transparent 12.35%),
    linear-gradient(45deg, transparent 74%, rgba(200,144,43,.10) 74.08%, transparent 74.35%),
    var(--gw-bg)!important;
  color:var(--gw-text)!important;
}

/* SECTIONS */
.s-block, section, .s-block-wrapper, .s-slider-wrapper,
.s-slider-container, .carousel-slider, salla-slider,
.s-products-slider-wrapper, salla-products-slider,
.s-block--best-offers, .s-block.container {
  background: transparent !important;
  border: 0 !important;
}
.s-block{
  padding-top:34px!important;
  padding-bottom:34px!important;
}
.s-block + .s-block{
  border-top:1px solid rgba(200,144,43,.08)!important;
}

/* TEXT */
h1,h2,h3,h4,
.s-block h1,.s-block h2,.s-block h3,
.s-slider-block__title h2{
  color:var(--gw-text)!important;
}
p,span,li,label,small,
.s-block p,.s-slider-block__title p{
  color:var(--gw-muted)!important;
}

/* GOLD ACCENTS */
.s-block h2 strong,
.s-slider-block__title h2,
.price,.product-price,[class*="price"]{
  color:var(--gw-gold-light)!important;
}

/* CARDS */
.product-card,.s-product-card-entry,
.s-block--features__item,.s-accordion-item,details{
  background:var(--gw-card)!important;
  border:1px solid var(--gw-border)!important;
  border-radius:16px!important;
  box-shadow:0 14px 34px rgba(0,0,0,.34)!important;
  overflow:hidden!important;
}
.product-card img,.s-product-card-entry img{
  background:transparent!important;
}
.product-card h3,.product-card h4,.product-card a,
.s-product-card-entry h3,.s-product-card-entry h4,
.s-product-card-entry a{
  color:var(--gw-text)!important;
}
.product-card p,.product-card span,
.s-product-card-entry p,.s-product-card-entry span{
  color:var(--gw-muted)!important;
}

/* BUTTONS */
.s-button-primary,button[class*=primary],
.product-card .s-button-element,
.s-product-card-entry .s-button-element{
  background:var(--gw-gold)!important;
  color:#fff!important;
  border:1px solid var(--gw-gold)!important;
  border-radius:999px!important;
}
button,.s-button-element{
  border-radius:999px!important;
}

/* FEATURES */
.s-block--features__item{
  padding:24px 18px!important;
}
.s-block--features__item .feature-icon{
  background:rgba(200,144,43,.12)!important;
  width:48px!important;height:48px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 auto 12px!important;
}
.s-block--features__item .feature-icon i{
  color:var(--gw-gold-light)!important;
}

/* FAQ */
.s-accordion-item,details,.accordion{
  background:var(--gw-card)!important;
  border:1px solid var(--gw-border)!important;
}
.s-accordion-item button,details summary{
  color:var(--gw-text)!important;
}

/* FOOTER BASE */
footer{
  background:#F7F4EE!important;
  border-top:1px solid rgba(200,144,43,.14)!important;
}
footer p,footer span,footer a{
  color:var(--gw-muted)!important;
}

/* MOBILE BASIC */
@media(max-width:768px){
  .s-block{
    padding-top:28px!important;
    padding-bottom:28px!important;
  }
}

/* TESTIMONIALS */
section.s-block--custom-testimonials,
section.s-block--testimonials {
  background: var(--gw-bg) !important;
}
.s-reviews-container {
  background: var(--gw-bg) !important;
}
.s-reviews-header-wrapper {
  background: transparent !important;
}
.s-reviews-header {
  color: var(--gw-text) !important;
}
.s-reviews-testimonial {
  background: var(--gw-card) !important;
  border: 1px solid var(--gw-border) !important;
  border-radius: 16px !important;
}
.s-reviews-testimonial__inner {
  background: transparent !important;
}
.swiper-slide-active .s-reviews-testimonial {
  border-color: var(--gw-gold) !important;
}
.s-reviews-swiper-slide:not(.swiper-slide-active) {
  opacity: 0.25 !important;
  filter: blur(1px) !important;
  transform: scale(0.92) !important;
  transition: all 0.3s ease !important;
}
.s-reviews-testimonial p,
.text-gray-700 {
  color: var(--gw-muted) !important;
}
.s-reviews-testimonial h2,
.text-gray-900 {
  color: var(--gw-text) !important;
}
.s-rating-stars-selected svg {
  fill: var(--gw-gold) !important;
}
.s-reviews-testimonial__icon svg {
  fill: var(--gw-gold) !important;
  opacity: 0.25 !important;
}

/* FOOTER */
footer.store-footer,
footer.store-footer.footer-is-light {
  background: #F7F4EE !important;
  background-color: #F7F4EE !important;
  border-top: 1px solid rgba(200, 144, 43, 0.14) !important;
}
footer.store-footer .store-footer__inner {
  background: #F7F4EE !important;
}
footer.store-footer .container {
  background: transparent !important;
}
footer.store-footer h3 {
  color: var(--gw-gold) !important;
}
footer.store-footer p,
footer.store-footer span,
footer.store-footer a {
  color: var(--gw-muted) !important;
}
footer.store-footer .s-menu-footer-item {
  color: var(--gw-muted) !important;
}
footer.store-footer .s-menu-footer-item:hover {
  color: var(--gw-gold) !important;
}
footer.store-footer .s-social-icon svg {
  fill: var(--gw-muted) !important;
}
footer.store-footer .s-social-icon:hover svg {
  fill: var(--gw-gold) !important;
}
footer.store-footer .copyright-text,
footer.store-footer .text-gray-400 {
  color: var(--gw-muted) !important;
}
footer.store-footer .s-contacts-icon svg {
  fill: var(--gw-gold) !important;
}
footer.store-footer .s-trust-badges-label {
  color: var(--gw-muted) !important;
}
footer.store-footer .s-trust-badges-number {
  color: var(--gw-gold) !important;
}

/* FOOTER LOGO */
footer.store-footer .store-footer__inner a:has(h3) {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
  background: transparent !important;
}
footer.store-footer .store-footer__inner a:has(h3)::before {
  content: "" !important;
  display: block !important;
  width: 90px !important;
  height: 90px !important;
  background-image: url('https://cdn.files.salla.network/theme/1733769306/24e5d2d0-29fd-435f-8cd4-891fc8ce4e62.webp') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: transparent !important;
  filter: drop-shadow(0 0 15px rgba(232, 184, 75, 0.25)) !important;
  transition: transform 0.3s ease !important;
}
footer.store-footer .store-footer__inner a:has(h3):hover::before {
  transform: scale(1.05) !important;
}
footer.store-footer .store-footer__inner a h3 {
  font-size: 20px !important;
  font-weight: 600 !important;
  color: var(--gw-gold-light) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
  text-align: center !important;
  letter-spacing: 1px !important;
  text-shadow: 0 0 12px rgba(232, 184, 75, 0.3) !important;
}

/* HEADER */
header.store-header {
  position: relative !important;
  background: transparent !important;
}
#mainnav.main-nav-container,
div#mainnav {
  background: #F7F4EE !important;
  background-color: #F7F4EE !important;
}

/* ADD TO CART BUTTON */
.s-button-primary-outline,
.s-button-outline.s-button-primary-outline {
  background: #FFFFFF !important;
  color: var(--gw-gold) !important;
  border: 1.5px solid var(--gw-gold) !important;
  transition: background 0.25s ease, color 0.25s ease !important;
}
.s-button-primary-outline:hover,
.s-button-outline.s-button-primary-outline:hover {
  background: var(--gw-gold) !important;
  color: #FFFFFF !important;
  border-color: var(--gw-gold) !important;
}
section.s-block--best-offers.container {
  background-color: var(--gw-bg) !important;
  background-image: none !important;
  border-top: none !important;
  box-shadow: none !important;
}
section.s-block--best-offers.container .s-products-slider-card {
  background: transparent !important;
  box-shadow: none !important;
}

/* ===== شريط الأسعار ===== */
body {
  margin-top: 72px;
}
.store-notify {
  margin-top: 72px !important;
}
#mainnav > div.inner.bg-inherit {
  top: 72px !important;
}
.sticky {
  top: 72px;
}

.livegold_pricesBar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  background-color: #F7F4EE;
  padding: 1px 8px;
  box-shadow: 0 2px 8px rgba(200,144,43,0.15);
  position: fixed;
  top: 0;
  z-index: 1000;
  direction: rtl;
}

.livegold_pricesBar ul {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 20px;
  direction: rtl;
  flex-wrap: nowrap;
}

.livegold_pricesBar ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border: 1px solid rgba(200,144,43,0.25);
  border-radius: 10px;
  padding: 1px 50px;
  gap: 6px;
  min-width: 0px;
  flex: 0 0 auto;
  position: relative;
}

.livegold_pricesBar ul li::after {
  display: none !important;
}

.livegold_pricesBar ul li::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  min-width: 40px;
  background-image: url('https://cdn.files.salla.network/theme/1733769306/24e5d2d0-29fd-435f-8cd4-891fc8ce4e62.webp');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.85;
}

.livegold_pricesBar ul li .divi {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
}

.livegold_pricesBar ul li .label {
  display: block;
  font-size: 15px;
  color: #1C1A17;
  font-weight: 600;
  margin-bottom: 1px;
  white-space: nowrap;
}

.livegold_pricesBar ul li .livegold_pricesBar_priceContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 3px;
}

.livegold_pricesBar ul li .price {
  font-size: 15px;
  font-weight: bold;
}

.livegold_pricesBar ul li .currency {
  font-size: 15px;
}

.livegold_pricesBar_goldItem .price,
.livegold_pricesBar_goldItem .currency {
  color: #C8902B !important;
}

.livegold_pricesBar_silverItem .price,
.livegold_pricesBar_silverItem .currency {
  color: #a9b0b4 !important;
}

.livegold_pricesBar ul li .arrow-icon {
  width: 35px !important;
  height: 35px !important;
  min-width: 35px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.livegold_pricesBar_loading {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 6px 0;
}

.livegold_pricesBar_loading span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #C8902B;
  margin: 0 3px;
  animation: bounce 1.4s infinite ease-in-out both;
}

.livegold_pricesBar_loading span:nth-child(1) { animation-delay: -0.32s; }
.livegold_pricesBar_loading span:nth-child(2) { animation-delay: -0.16s; }

@keyframes bounce {
  0%, 80%, 100% { transform: scale(0); }
  40% { transform: scale(1); }
}

@media (max-width: 768px) {
  body { margin-top: 30px; }
  .store-notify { margin-top: 30px !important; }
  .sticky { top: 30px; }
  #mainnav > div.inner.bg-inherit { top: 62px !important; }

  .livegold_pricesBar {
    padding: 1px 4px;
    overflow-x: auto;
    justify-content: flex-start;
  }

  .livegold_pricesBar ul {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    gap: 4px;
  }

  .livegold_pricesBar ul li {
    min-width: 0;
    flex-shrink: 0;
    padding: 2px 27px;
  }

  .livegold_pricesBar ul li::before {
    width: 40px;
    height: 40px;
    min-width: 40px;
  }

  .livegold_pricesBar ul li .label {
    font-size: 14px;
  }

  .livegold_pricesBar ul li .price,
  .livegold_pricesBar ul li .currency {
    font-size: 12px;
  }

  .livegold_pricesBar ul li .arrow-icon,
  .livegold_pricesBar ul li .arrow-icon svg {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
  }
}

.livegold_pricesBar ul li .arrow-icon svg {
  display: block !important;
  width: 35px !important;
  height: 35px !important;
}