/* ===========================
   New Gradient Experience
   =========================== */

:root{
  --nx1:#0ea5a4;          /* teal */
  --nx2:#f59e0b;          /* amber */
  --nx3:#111827;          /* ink */
  --nxCard: rgba(255,255,255,.86);
  --nxStroke: rgba(17,24,39,.10);
  --nxShadow: 0 18px 45px rgba(0,0,0,.10);
  --nxRadius: 18px;
}

/* Background (global) */
body{
  background:
    radial-gradient(900px 500px at 85% 10%, rgba(14,165,164,.18), transparent 55%),
    radial-gradient(800px 450px at 15% 20%, rgba(245,158,11,.16), transparent 52%),
    linear-gradient(180deg, #fff7ef 0%, #ffffff 40%, #f7fffd 100%) !important;
  color: var(--nx3) !important;
}

/* Make inner wrappers transparent so background shows */
.s-block.container,
.app-inner{
  background: transparent !important;
}

/* Product card (works with .product-card / custom-salla-product-card) */
.product-card,
custom-salla-product-card.product-card{
  background: var(--nxCard) !important;
  border: 1px solid rgba(255,255,255,.65) !important;
  border-radius: var(--nxRadius) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.06);
  overflow: hidden;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.product-card:hover,
custom-salla-product-card.product-card:hover{
  transform: translateY(-4px);
  box-shadow: var(--nxShadow);
  border-color: rgba(14,165,164,.25) !important;
}

/* Product image smooth */
.product-card .product-card__image img,
.product-card .product-card__image,
.product-card .product-card-image img,
.product-card .product-card-image{
  transition: transform .35s ease, opacity .35s ease;
}
.product-card:hover .product-card-image img{
  transform: scale(1.03);
}

/* Titles & price area (keep readable) */
.product-card .product-card__title a,
.product-card .product-card-title a{
  color: var(--nx3) !important;
}
.product-card .product-card__subtitle,
.product-card .product-card-subtitle,
.text-store-text-secondary{
  opacity: .92;
}

/* Outline icon buttons inside product card (wishlist / quickview) */
.product-card salla-button[filloutline][shape="icon"],
.product-card salla-button[filloutline]{
  border-radius: 14px !important;
}

.product-card .btn--wishlist,
.product-card .quickview-btn{
  transition: transform .15s ease, opacity .15s ease;
}

.product-card .btn--wishlist:hover,
.product-card .quickview-btn:hover{
  transform: translateY(-1px);
}

/* Add to cart buttons used by theme (salla-add-product-button) */
.product-card salla-add-product-button.addToCartbtn,
.product-card salla-add-product-button.product-cardaddToCartbtn,
.product-card salla-add-product-button.product-cardmini-cartbtn,
.product-card salla-add-product-button.product-cardnormal-cartbtn{
  border-radius: 16px !important;
}

/* Make "outline" add-to-cart feel premium */
.product-card salla-add-product-button[filloutline]{
  background: linear-gradient(135deg, rgba(14,165,164,.14), rgba(245,158,11,.10)) !important;
  border: 1px solid rgba(14,165,164,.25) !important;
}

.product-card salla-add-product-button[filloutline]:hover{
  border-color: rgba(14,165,164,.45) !important;
  filter: saturate(1.05);
}

/* If there is a normal .btn--add-to-cart class in some views */
.btn--add-to-cart{
  border-radius: 16px !important;
}

/* Headings underline (optional accent) */
.enhanced-title-border.home-block-line{
  height: 4px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, var(--nx1), var(--nx2)) !important;
}

/* Safety: hide our old injected WhatsApp button (if exists) */
#button{display:none!important;}

:root{
  --nxH1:#0ea5a4;  /* teal */
  --nxH2:#f59e0b;  /* amber */
  --nxH3:#111827;  /* ink */
}

/* Top bar */
.top-navbar{
  background-image: linear-gradient(90deg, var(--nxH3), var(--nxH1), var(--nxH2)) !important;
  background-color: transparent !important;
  color: #fff !important;
}

/* Main header */
.main-nav-container,
.main-menu-row{
  background-image: linear-gradient(90deg, var(--nxH3), rgba(14,165,164,.95), rgba(245,158,11,.95)) !important;
  background-color: transparent !important;
  color: #fff !important;
}

/* Sticky header container in your theme */
.main-nav-container.fixed-pinned .inner{
  background-image: linear-gradient(90deg, rgba(17,24,39,.92), rgba(14,165,164,.88), rgba(245,158,11,.88)) !important;
  background-color: transparent !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

/* Header buttons & links readability */
.top-navbar a,
.main-nav-container a,
.main-menu li > a{
  color: #fff !important;
}

.topnav-link-item{
  border-color: rgba(255,255,255,.18) !important;
}

/* Search input inside top bar */
.top-navbar .s-search-input{
  background-color: rgba(255,255,255,.14) !important;
  color: #fff !important;
}
.top-navbar .s-search-input::placeholder{
  color: rgba(255,255,255,.75) !important;
}
/* Footer sections in theme */
.store-footer,
.store-footer__inner,
.store-footer__newsletter,
.store-footer__contacts-row,
.footer-bottom{
  background-image: linear-gradient(135deg, rgba(17,24,39,1) 0%, rgba(14,165,164,.95) 55%, rgba(245,158,11,.95) 100%) !important;
  background-color: transparent !important;
  color: #fff !important;
}

/* Footer curve (svg path uses currentColor in many themes) */
.store-footer__curve,
.store-footer curve,
.store-footercurve{
  color: rgba(17,24,39,1) !important;
}

/* Footer text/links */
.store-footer a,
.store-footer h3,
.store-footer p,
.store-footer .footer-rights p{
  color: rgba(255,255,255,.92) !important;
}
.store-footer a:hover{ opacity: .85 !important; }

/* Contacts icons borders in footer */
.store-footer .contact-icon,
.store-footer .social-link{
  border-color: rgba(255,255,255,.22) !important;
}

/* remove the top curved band completely */
.store-footer__curve,
.store-footer__curve svg{
  display:none !important;
}

/* prevent any top gap if curve was taking space */
.store-footer{
  padding-top: 0 !important;
  margin-top: 2rem !important; /* اختياري */
}
/* remove section dividers inside footer */
.store-footer__inner,
.store-footer__newsletter,
.store-footer__contacts-row,
.footer-bottom{
  border: 0 !important;
  box-shadow: none !important;
}

/* if there are hr tags or pseudo dividers */
.store-footer hr{
  display:none !important;
}
:root{
  --nxF1:#0ea5a4;
  --nxF2:#f59e0b;
  --nxF3:#111827;
}

/* one gradient for the whole footer wrapper */
.store-footer{
  background-image: linear-gradient(135deg, rgba(17,24,39,1) 0%, rgba(14,165,164,.95) 55%, rgba(245,158,11,.95) 100%) !important;
  background-color: transparent !important;
}

/* make inner sections transparent so it looks like ONE block */
.store-footer__inner,
.store-footer__newsletter,
.store-footer__contacts-row,
.footer-bottom{
  background: transparent !important;
}

/* keep footer text readable */
.store-footer, .store-footer *{
  color: rgba(255,255,255,.92) !important;
}