/* =========================================================
   RESISPAR · COMPRA GLOBAL NAS VITRINES
   Quantidade + Comprar + WhatsApp iguais na home/categorias/busca.
   ========================================================= */
:root{--aio-resispar-blue:#203065;--aio-resispar-blue-hover:#17244f;--aio-whatsapp:#18b94a}

/* bloco de ações */
.page-home .product .aio-card-actions,
.page-catalog .product .aio-card-actions,
.page-search .product .aio-card-actions,
.catalog-content .showcase-catalog .product .aio-card-actions,
.aio-modern-showcase .product .aio-card-actions{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:7px!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin:8px 12px 0!important;
  padding:0!important;
  position:static!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  background:transparent!important;
}

.aio-card-purchase-row{
  display:grid!important;
  grid-template-columns:76px minmax(0,1fr)!important;
  gap:7px!important;
  align-items:stretch!important;
  width:100%!important;
}

.aio-card-qty{
  display:grid!important;
  grid-template-columns:24px minmax(22px,1fr) 24px!important;
  align-items:center!important;
  width:76px!important;
  height:46px!important;
  min-width:76px!important;
  padding:0!important;
  border:1px solid #bcc8d8!important;
  border-radius:9px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
.aio-card-qty__button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:24px!important;
  height:44px!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  color:#5e6a7d!important;
  font:700 18px/1 Arial,sans-serif!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.aio-card-qty__button:hover{color:var(--aio-resispar-blue)!important;background:#f5f7fb!important}
.aio-card-qty__input{
  width:100%!important;
  min-width:0!important;
  height:44px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#4f5c70!important;
  text-align:center!important;
  font:600 12px/1 Arial,sans-serif!important;
  appearance:textfield!important;
  -moz-appearance:textfield!important;
  -webkit-text-fill-color:#243858!important;
  opacity:1!important;
  visibility:visible!important;
  display:block!important;
  box-shadow:none!important;
}
.aio-card-qty__input::-webkit-outer-spin-button,
.aio-card-qty__input::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}


/* Comprar azul Resispar */
.page-home .product .aio-card-buy,
.page-catalog .product .aio-card-buy,
.page-search .product .aio-card-buy,
.catalog-content .showcase-catalog .product .aio-card-buy,
.aio-modern-showcase .product .aio-card-buy,
.aio-card-buy{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid var(--aio-resispar-blue)!important;
  border-radius:9px!important;
  background:var(--aio-resispar-blue)!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:800!important;
  text-transform:none!important;
  box-shadow:none!important;
  cursor:pointer!important;
  text-decoration:none!important;
}
.aio-card-buy:hover{background:var(--aio-resispar-blue-hover)!important;border-color:var(--aio-resispar-blue-hover)!important;color:#fff!important}
.aio-card-buy.is-loading{opacity:.8!important;cursor:wait!important}

/* WhatsApp sempre logo abaixo */
.aio-card-whatsapp{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}
.aio-card-whatsapp .btn-pay-wp{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid var(--aio-whatsapp)!important;
  border-radius:8px!important;
  background:#f2fff5!important;
  color:var(--aio-whatsapp)!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.aio-card-whatsapp .btn-pay-wp:hover{background:#e8fbed!important;color:#10913a!important;border-color:#10913a!important}
.aio-card-whatsapp .btn-pay-wp svg{display:block!important;width:16px!important;height:16px!important;fill:currentColor!important;flex:0 0 16px!important}

/* Ver detalhes continua abaixo, sem colidir com as novas ações */
.page-home .aio-modern-showcase .product>.aio-product-details,
.catalog-content .showcase-catalog .product>.aio-product-details,
.page-search .product>.aio-product-details{
  margin-top:7px!important;
}

/* Carrinho lateral: CTAs de compra em azul Resispar */
.aio-plus-related-add,
.aio-plus-cart-checkout{
  background:var(--aio-resispar-blue)!important;
  border-color:var(--aio-resispar-blue)!important;
  color:#fff!important;
}
.aio-plus-related-add:hover,
.aio-plus-cart-checkout:hover{
  background:var(--aio-resispar-blue-hover)!important;
  border-color:var(--aio-resispar-blue-hover)!important;
  color:#fff!important;
}
.aio-plus-cart-continue{
  background:#fff!important;
  border-color:var(--aio-resispar-blue)!important;
  color:var(--aio-resispar-blue)!important;
}
.aio-plus-cart-continue:hover{background:#f4f6fb!important;color:var(--aio-resispar-blue-hover)!important}

/* fallback do carrinho nativo, caso apareça antes do React */
.plugoo .plugoo-cart-preview-sidebar .botao-commerce,
.plugoo .plugoo-cart-preview-sidebar .btn:not(.clean-cart){
  background:var(--aio-resispar-blue)!important;
  border-color:var(--aio-resispar-blue)!important;
  color:#fff!important;
}

@media(max-width:767px){
  .page-home .product .aio-card-actions,
  .page-catalog .product .aio-card-actions,
  .page-search .product .aio-card-actions,
  .catalog-content .showcase-catalog .product .aio-card-actions,
  .aio-modern-showcase .product .aio-card-actions{margin-left:9px!important;margin-right:9px!important;gap:6px!important}
  .aio-card-purchase-row{grid-template-columns:72px minmax(0,1fr)!important;gap:6px!important}
  .aio-card-qty{width:72px!important;min-width:72px!important;height:43px!important;grid-template-columns:22px minmax(20px,1fr) 22px!important}
  .aio-card-qty__button{width:22px!important;height:41px!important;font-size:17px!important}
  .aio-card-qty__input{height:41px!important;font-size:11px!important}
  .aio-card-buy{height:43px!important;min-height:43px!important;font-size:11px!important}
  .aio-card-whatsapp .btn-pay-wp{height:38px!important;min-height:38px!important;font-size:10px!important}
}

/* AIO hotfix 2026-09-21: seletor estável e sem observer pesado */
.aio-card-qty > .aio-card-qty__button{display:flex!important;opacity:1!important;visibility:visible!important;position:relative!important;z-index:3!important;color:#203065!important;background:#fff!important;}
.aio-card-qty > .aio-card-qty__input{display:block!important;opacity:1!important;visibility:visible!important;position:relative!important;z-index:2!important;color:#203065!important;-webkit-text-fill-color:#203065!important;background:#fff!important;}
.aio-card-qty > .aio-card-qty__button:first-child{border-right:1px solid #eef2f7!important;}
.aio-card-qty > .aio-card-qty__button:last-child{border-left:1px solid #eef2f7!important;}