/* ZELQIVO — unified transparent glass clickable design
   Header intentionally excluded. Applies to buttons, quick view, cart, wishlist and other clickable controls. */

:root{--zq-red:#E53935;--zq-red-bright:#ff5a57;--zq-glass:rgba(255,255,255,.055);--zq-glass-strong:rgba(255,255,255,.10)}

/* ALL NON-HEADER BUTTON-LIKE CONTROLS */
body :not(header):not(header *) button,
body :not(header):not(header *) .btn,
body :not(header):not(header *) .button,
body :not(header):not(header *) [role="button"],
body :not(header):not(header *) input[type="button"],
body :not(header):not(header *) input[type="submit"],
body :not(header):not(header *) .clickable,
body :not(header):not(header *) [onclick]{
  color:var(--zq-red)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  border:1px solid rgba(229,57,53,.58)!important;
  border-radius:12px!important;
  box-shadow:0 8px 28px rgba(0,0,0,.20),0 0 18px rgba(229,57,53,.08),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(14px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(145%)!important;
  font-weight:800!important;
  text-shadow:0 0 12px rgba(229,57,53,.12)!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease!important;
  cursor:pointer!important;
  opacity:1!important;
}

body :not(header):not(header *) button:hover,
body :not(header):not(header *) .btn:hover,
body :not(header):not(header *) .button:hover,
body :not(header):not(header *) [role="button"]:hover,
body :not(header):not(header *) input[type="button"]:hover,
body :not(header):not(header *) input[type="submit"]:hover,
body :not(header):not(header *) .clickable:hover,
body :not(header):not(header *) [onclick]:hover{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(229,57,53,.90),rgba(139,22,22,.82))!important;
  border-color:var(--zq-red-bright)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.30),0 0 26px rgba(229,57,53,.28),inset 0 1px 0 rgba(255,255,255,.16)!important;
  transform:translateY(-1px)!important;
}

body :not(header):not(header *) button:active,
body :not(header):not(header *) .btn:active,
body :not(header):not(header *) .button:active,
body :not(header):not(header *) [role="button"]:active,
body :not(header):not(header *) input[type="button"]:active,
body :not(header):not(header *) input[type="submit"]:active{
  transform:translateY(0)!important;
  box-shadow:0 5px 18px rgba(0,0,0,.25),0 0 18px rgba(229,57,53,.20)!important;
}

/* ICONS INSIDE CLICKABLE CONTROLS */
body :not(header):not(header *) button svg,
body :not(header):not(header *) .btn svg,
body :not(header):not(header *) .button svg,
body :not(header):not(header *) [role="button"] svg,
body :not(header):not(header *) .clickable svg{
  color:currentColor!important;
  stroke:currentColor!important;
  fill:none!important;
  opacity:1!important;
}

/* LINKS THAT ARE CLEARLY BUTTON-LIKE */
body :not(header):not(header *) a.btn,
body :not(header):not(header *) a.button,
body :not(header):not(header *) a[role="button"],
body :not(header):not(header *) a.clickable{
  color:var(--zq-red)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  border:1px solid rgba(229,57,53,.58)!important;
  border-radius:12px!important;
  box-shadow:0 8px 28px rgba(0,0,0,.20),0 0 18px rgba(229,57,53,.08),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(14px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(145%)!important;
  text-decoration:none!important;
  font-weight:800!important;
}

/* CART + WISHLIST — same glass language */
#zelqivoCartPanel button,
#zelqivoCartPanel .btn,
#zelqivoCartPanel .button,
#zelqivoCartPanel [role="button"],
#zelqivoCartPanel .clickable,
#zelqivoWishlistPanel button,
#zelqivoWishlistPanel .btn,
#zelqivoWishlistPanel .button,
#zelqivoWishlistPanel [role="button"],
#zelqivoWishlistPanel .clickable{
  color:var(--zq-red)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  border:1px solid rgba(229,57,53,.58)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.22),0 0 18px rgba(229,57,53,.09),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(14px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(145%)!important;
}

/* CART +/- CONTROLS — always visible, same glass style */
#zelqivoCartPanel .qty button,
#zelqivoCartPanel .quantity button,
#zelqivoCartPanel .quantity-control button,
#zelqivoCartPanel .qty-control button,
#zelqivoCartPanel .z-qty button,
#zelqivoCartPanel .z-quantity button,
#zelqivoCartPanel [class*="qty"] button,
#zelqivoCartPanel [class*="quantity"] button{
  min-width:34px!important;
  width:34px!important;
  min-height:34px!important;
  height:34px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:9px!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:900!important;
  color:var(--zq-red)!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(229,57,53,.65)!important;
  visibility:visible!important;
  opacity:1!important;
}

/* QUICK VIEW / MODALS — glass controls and visible text */
.quick-view button,.quick-view .btn,.quick-view .button,.quick-view [role="button"],
.quick-view-modal button,.quick-view-modal .btn,.quick-view-modal .button,.quick-view-modal [role="button"],
.modal button,.modal .btn,.modal .button,.modal [role="button"],
.dialog button,.dialog .btn,.dialog .button,.dialog [role="button"],
.popup button,.popup .btn,.popup .button,.popup [role="button"]{
  color:var(--zq-red)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;
  border:1px solid rgba(229,57,53,.58)!important;
  border-radius:12px!important;
  backdrop-filter:blur(14px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(145%)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.22),0 0 18px rgba(229,57,53,.08),inset 0 1px 0 rgba(255,255,255,.08)!important;
}

/* PRODUCT-CARD ACTIONS — override black-content rule */
.product-card button,.product-card .btn,.product-card .button,.product-card [role="button"],
.p-card button,.p-card .btn,.p-card .button,.p-card [role="button"],
.cat-card button,.cat-card .btn,.cat-card .button,.cat-card [role="button"]{
  color:var(--zq-red)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  border:1px solid rgba(229,57,53,.58)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18),0 0 16px rgba(229,57,53,.08),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.product-card button:hover,.product-card .btn:hover,.product-card .button:hover,.product-card [role="button"]:hover,
.p-card button:hover,.p-card .btn:hover,.p-card .button:hover,.p-card [role="button"]:hover,
.cat-card button:hover,.cat-card .btn:hover,.cat-card .button:hover,.cat-card [role="button"]:hover{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(229,57,53,.90),rgba(139,22,22,.82))!important;
}

/* MOBILE — compact but still glass */
@media(max-width:700px){
  body :not(header):not(header *) button,
  body :not(header):not(header *) .btn,
  body :not(header):not(header *) .button,
  body :not(header):not(header *) [role="button"]{
    min-height:42px!important;
    border-radius:11px!important;
  }
}