/* ===============================
   Giftwow — Moonlight Theme (Final)
   NO marquee / NO scrolling text
   =============================== */

:root{
  --gw-white: #FFFFFF;
  --gw-snow:  #F6F6F6;
  --gw-mist:  #EDEDED;
  --gw-silver:#CBCBCB;
  --gw-muted: #B0B0B0;
  --gw-ink:   #949494;
  --gw-ink-2: #7F7F7F;

  --gw-radius: 18px;
  --gw-shadow: 0 10px 30px rgba(0,0,0,.06);
}

/* ===============================
   Base page
   =============================== */
body,
.main-content,
.salla-theme,
.store-wrapper{
  background: var(--gw-snow) !important;
  color: var(--gw-ink) !important;
}

/* Links */
a{ color: var(--gw-ink) !important; }
a:hover{ color: var(--gw-ink-2) !important; }

/* Headings */
h1,h2,h3,h4,h5{
  color: var(--gw-ink) !important;
  letter-spacing: .2px;
}

/* Dividers */
hr,
.divider,
[class*="separator"]{
  border-color: var(--gw-silver) !important;
}

/* ===============================
   Header (WHITE + dark grey text/icons)
   =============================== */
header,
#site-header-outer,
.site-header,
.top-header{
  background-color: #FFFFFF !important;
  border-bottom: 1px solid var(--gw-silver) !important;
}

/* Header text/icons */
.site-header,
.site-header a,
.site-header span,
.site-header i,
.site-header svg{
  color: var(--gw-ink) !important;
  fill: var(--gw-ink) !important;
}

/* Keep logo image normal */
.site-header img{
  filter: none !important;
}

/* Search field in header */
.site-header input,
.site-header .s-search-input{
  background: #FFFFFF !important;
  color: var(--gw-ink) !important;
  border: 1px solid var(--gw-silver) !important;
}

/* Remove any background images inside header */
header *,
#site-header-outer *,
.site-header *{
  background-image: none !important;
}

/* Cart count bubble (if present) */
.s-cart-summary-count{
  background: var(--gw-ink) !important;
  color: var(--gw-white) !important;
}

/* Hide top header info bar */
.top-header__info{ display: none !important; }
.top-header{ padding: 0 !important; margin: 0 !important; }

/* ===============================
   Cards / blocks
   =============================== */
.card,
.product-card,
.category-card,
.panel,
.box,
[class*="card"],
[class*="box"]{
  background: var(--gw-white) !important;
  border: 1px solid var(--gw-silver) !important;
  border-radius: var(--gw-radius) !important;
  box-shadow: var(--gw-shadow) !important;
}

/* ===============================
   Inputs
   =============================== */
input, select, textarea{
  background: var(--gw-white) !important;
  border: 1px solid var(--gw-silver) !important;
  border-radius: 14px !important;
  color: var(--gw-ink) !important;
}
input:focus, select:focus, textarea:focus{
  outline: none !important;
  border-color: var(--gw-muted) !important;
  box-shadow: 0 0 0 4px rgba(176,176,176,.25) !important;
}

/* ===============================
   Buttons (safe selectors)
   =============================== */
.btn,
.s-button-btn,
.s-button-element,
.checkout-btn,
.add-to-cart,
.btn--add-to-cart button{
  background: var(--gw-ink) !important;
  color: var(--gw-white) !important;
  border: 1px solid var(--gw-ink) !important;
  border-radius: 16px !important;
  transition: transform .15s ease, opacity .15s ease;
}
.btn:hover,
.s-button-btn:hover,
.s-button-element:hover{
  opacity: .92 !important;
  transform: translateY(-1px);
}

/* Outline buttons */
.btn-outline,
.btn-secondary,
[class*="btn-outline"]{
  background: transparent !important;
  color: var(--gw-ink) !important;
  border: 1px solid var(--gw-muted) !important;
}

/* ===============================
   Hero / banner soft gradient (optional)
   =============================== */
.hero, .page-header, .banner, [class*="hero"], [class*="page-header"]{
  background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 60%, #EDEDED 100%) !important;
}

/* ===============================
   Footer background image + overlay
   =============================== */
footer,
.footer,
.site-footer,
.store-footer{
  background-image: url("https://i.ibb.co/v6Kkz3B1/giftwow-BG.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  position: relative !important;
}

/* Overlay for readability */
footer::before,
.footer::before,
.site-footer::before,
.store-footer::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(255,255,255,0.65);
  pointer-events:none;
}

/* Make footer content appear above overlay */
footer > *,
.footer > *,
.site-footer > *,
.store-footer > *{
  position: relative;
  z-index: 1;
}

/* Footer bottom full-width clean */
.footer .footer__bottom{
  width: 100% !important;
  background: rgba(237,237,237,0.9) !important;
  border-top: 1px solid var(--gw-silver) !important;
  padding: 14px 0 !important;
}
.footer .footer__bottom p{
  margin: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Remove any decorative “pill” in footer bottom */
.footer .footer__bottom p::before,
.footer .footer__bottom p::after,
.footer .footer__bottom span::before,
.footer .footer__bottom span::after{
  content: none !important;
  display: none !important;
}

/* ===============================
   Section titles (underline style)
   =============================== */
.title.title--primary.title--has-dash,
.title.title--primary.title--x-large.title--has-dash{
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 0 10px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--gw-silver) !important;
  box-shadow: none !important;
  color: var(--gw-ink) !important;
}

/* ===============================
   Product cards: center name + button under
   =============================== */
.product-block .donating-wrap{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 16px 14px 18px !important;
}

.product-block .product-block__info{
  width: 100% !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
}

.product-block .product-title h2.title{
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
  width: 100% !important;
  color: var(--gw-ink) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  font-size: 18px !important;
}

.product-block .price-wrapper{
  width: 100% !important;
  text-align: center !important;
}
.product-block .price-wrapper span{
  color: var(--gw-ink) !important;
  font-weight: 600 !important;
}

/* Move add-to-cart below */
.product-block .btn--floated.btn--add-to-cart{
  position: static !important;
  inset: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: 220px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* Button full width */
.product-block .btn--add-to-cart .s-button-btn,
.product-block .btn--add-to-cart .s-button-element{
  width: 100% !important;
  border-radius: 12px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ===============================
   Remove gap between header and content
   =============================== */
.s-design-before,
.s-design-invisible-dom{
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
}

header + section,
#site-header-outer + section,
.site-header + section{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.hero,
.header-block,
.home-block--main-slider{
  margin-top: 0 !important;
  padding-top: 0 !important;
}