/* Zoonique Theme v1 — beige & gold */
/* Tokens */
:root{
  --zq-brand:#B6863C;        /* gold */
  --zq-bg:#F5F0E6;           /* soft beige */
  --zq-ink:#1f1a12;          /* deep ink */
  --zq-muted:#7a705a;        /* muted text */
  --zq-line:#eadfcb;         /* light line */
  --zq-card:#ffffff;         /* card surface */
  --zq-shadow:0 8px 22px rgba(0,0,0,.06);
}

/* Utilities (opt-in) */
.zq-bg { background:var(--zq-bg) !important; }
.zq-card { background:var(--zq-card); border:1px solid #eee; border-radius:16px; box-shadow:var(--zq-shadow); }
.zq-text { color:var(--zq-ink) }
.zq-muted { color:var(--zq-muted) }

/* Buttons (works for .zq-btn and existing .z-btn) */
.zq-btn,.z-btn{
  display:inline-block; text-decoration:none; cursor:pointer;
  border:1px solid var(--zq-brand); border-radius:999px; padding:.52rem .95rem;
  font-weight:500; box-shadow:0 4px 10px rgba(182,134,60,.25);
}
.zq-btn--gold,.z-btn:not(.z-outline){ background:var(--zq-brand); color:#fff; }
.zq-btn--outline,.z-btn.z-outline{ background:#fff; color:var(--zq-brand); }

.zq-btn:hover,.z-btn:hover{ filter:brightness(.96) }

/* Chips/badges (works for .zq-chip and existing .z-chip/.z-badge) */
.zq-chip,.z-chip{ border:1px solid var(--zq-line); border-radius:999px; padding:.35rem .7rem; background:#fff; color:var(--zq-ink) }
.zq-chip--active,.z-chip.active{ background:var(--zq-brand); color:#fff; border-color:var(--zq-brand) }
.zq-badge,.z-badge{ font-size:.8rem; background:#f4efe4; color:var(--zq-muted); border:1px solid var(--zq-line); border-radius:8px; padding:.2rem .5rem }

/* Inputs (works for .zq-input and shop form fields) */
.zq-input,.zq-select,.z-search,.z-select,.z-form input,.z-form select{
  padding:.55rem .7rem; border:1px solid var(--zq-line); border-radius:12px; background:#fff;
}
.zq-input:focus,.zq-select:focus,.z-search:focus,.z-select:focus,.z-form input:focus,.z-form select:focus{
  outline:2px solid rgba(182,134,60,.25); outline-offset:2px;
}

/* Slider (works for generic range + shop price slider) */
input[type=range].zq-range,#priceMax{
  appearance:none; width:100%; height:4px; background:#e9e2d1; border-radius:999px;
}
input[type=range].zq-range::-webkit-slider-thumb,#priceMax::-webkit-slider-thumb{
  appearance:none; width:18px; height:18px; border-radius:50%; background:var(--zq-brand);
  border:2px solid #fff; box-shadow:0 0 0 2px var(--zq-brand);
}
input[type=range].zq-range::-moz-range-thumb,#priceMax::-moz-range-thumb{
  width:18px; height:18px; border-radius:50%; background:var(--zq-brand);
  border:2px solid #fff; box-shadow:0 0 0 2px var(--zq-brand);
}

/* Modal (matches the shop modal) */
.z-modal .z-dialog{ background:#fff; border-radius:20px; box-shadow:0 20px 50px rgba(0,0,0,.25) }
.z-modal .z-mhead{ border-bottom:1px solid #eee }
.z-modal .z-mimg{ background:var(--zq-bg); border-radius:16px }
.z-modal .z-actions .z-btn,.z-modal .z-actions .zq-btn{ margin-left:.25rem }

/* Card polish (applies to shop .z-card too) */
.z-card{ background:var(--zq-card); border:1px solid #eee; border-radius:16px; box-shadow:var(--zq-shadow) }
.z-card .z-title{ color:var(--zq-ink) }


/* Zoonique scoped overrides (safe) */
.zq-theme{ background:var(--zq-bg); }
.zq-theme h1,.zq-theme h2,.zq-theme h3,.zq-theme h4,.zq-theme h5,.zq-theme h6{ color:var(--zq-ink); }
.zq-theme .muted,.zq-theme .subtle,.zq-theme .text-muted{ color:var(--zq-muted) !important; }

/* Primary CTAs (keep WhatsApp green) */
.zq-theme button,
.zq-theme .btn,
.zq-theme .button,
.zq-theme [class*="btn-"],
.zq-theme .cta,
.zq-theme .cta-button,
.zq-theme a.btn:not([href*="wa.me"]),
.zq-theme a.button:not([href*="wa.me"]),
.zq-theme a.cta:not([href*="wa.me"]),
.zq-theme a.cta-button:not([href*="wa.me"]){
  background:var(--zq-brand) !important;
  color:#fff !important;
  border:1px solid var(--zq-brand) !important;
  border-radius:999px;
  box-shadow:0 4px 10px rgba(182,134,60,.25);
}
.zq-theme button:hover,
.zq-theme .btn:hover,
.zq-theme .button:hover,
.zq-theme [class*="btn-"]:hover,
.zq-theme .cta:hover,
.zq-theme .cta-button:hover,
.zq-theme a.btn:not([href*="wa.me"]):hover,
.zq-theme a.button:not([href*="wa.me"]):hover,
.zq-theme a.cta:not([href*="wa.me"]):hover,
.zq-theme a.cta-button:not([href*="wa.me"]):hover{
  filter:brightness(.96);
}

/* Cards */
.zq-theme .card,.zq-theme .tile,.zq-theme .feature,.zq-theme .box{
  background:var(--zq-card); border:1px solid #eee; border-radius:16px; box-shadow:var(--zq-shadow);
}
/* Zoonique scoped overrides (safe) */
.zq-theme{ background:var(--zq-bg); }
.zq-theme h1,.zq-theme h2,.zq-theme h3,.zq-theme h4,.zq-theme h5,.zq-theme h6{ color:var(--zq-ink); }
.zq-theme .muted,.zq-theme .subtle,.zq-theme .text-muted{ color:var(--zq-muted) !important; }

/* Primary CTAs (keep WhatsApp green) */
.zq-theme button,
.zq-theme .btn,
.zq-theme .button,
.zq-theme [class*="btn-"],
.zq-theme .cta,
.zq-theme .cta-button,
.zq-theme a.btn:not([href*="wa.me"]),
.zq-theme a.button:not([href*="wa.me"]),
.zq-theme a.cta:not([href*="wa.me"]),
.zq-theme a.cta-button:not([href*="wa.me"]){
  background:var(--zq-brand) !important;
  color:#fff !important;
  border:1px solid var(--zq-brand) !important;
  border-radius:999px;
  box-shadow:0 4px 10px rgba(182,134,60,.25);
}
.zq-theme button:hover,
.zq-theme .btn:hover,
.zq-theme .button:hover,
.zq-theme [class*="btn-"]:hover,
.zq-theme .cta:hover,
.zq-theme .cta-button:hover,
.zq-theme a.btn:not([href*="wa.me"]):hover,
.zq-theme a.button:not([href*="wa.me"]):hover,
.zq-theme a.cta:not([href*="wa.me"]):hover,
.zq-theme a.cta-button:not([href*="wa.me"]):hover{
  filter:brightness(.96);
}

/* Cards */
.zq-theme .card,.zq-theme .tile,.zq-theme .feature,.zq-theme .box{
  background:var(--zq-card); border:1px solid #eee; border-radius:16px; box-shadow:var(--zq-shadow);
}