/* WebARTing Woo Cart Addon – Frontend */
.wa-woo-cart{
  margin-top: 10px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center; /* κάτω από την κάρτα, στο κέντρο */
  flex-wrap: nowrap;
}

.wa-woo-cart .quantity{ margin:0; }

.wa-woo-cart .qty{
  width: 60px;
  text-align: center;
  padding: 6px 8px;
  border: 1px solid #ddd;
  border-radius: 6px; /* ελαφριά καμπυλότητα */
}

.wa-woo-cart .btn{
  display:inline-block;
  text-decoration:none;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-radius: 12px;         /* καμπυλότητα — επιπλέον ρυθμίζεται και inline */
  line-height:1.2;
  cursor:pointer;
}

/* Loading/added states */
.wa-woo-cart .wa-add.is-loading{ opacity:.65; pointer-events:none; }
.wa-woo-cart .wa-add.was-added{ animation: wa-pulse 0.6s ease; }

@keyframes wa-pulse{
  0%{ transform:scale(1); }
  40%{ transform:scale(1.04); }
  100%{ transform:scale(1); }
}

/* Added pill */
.wa-added-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  line-height:1;
  background:#16a34a; /* πράσινο OK */
  color:#fff;
  border-radius:999px;
  padding:6px 10px;
  margin-left: 6px;
  animation: wa-pop .25s ease;
  white-space: nowrap;
}
.wa-added-pill .wa-check{
  display:inline-block;
  font-weight:700;
}
@keyframes wa-pop{
  0%{ transform: scale(.85); opacity:0; }
  100%{ transform: scale(1); opacity:1; }
}
.wa-added-pill.fade-out{
  animation: wa-fade .5s ease forwards;
}
@keyframes wa-fade{
  to{ opacity:0; transform: translateY(-2px); }
}

/* Αν theme styles χρησιμοποιηθούν, κρατάμε μόνο layout στα δικά μας */
.wa-woo-cart .button.btn{ border-radius:12px; }

/* ===== Responsive στοίχιση: Tablet/Mobile κάθετα ===== */
@media (max-width: 1024px){
  .wa-woo-cart{
    flex-direction: column !important;     /* ποσότητα από πάνω, κουμπί από κάτω */
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 8px !important;
  }
  .wa-woo-cart .quantity,
  .wa-woo-cart .btn,
  .wa-woo-cart .wa-add{
    width: 100% !important;
  }
  .wa-woo-cart .qty{
    width: 100% !important;
    height: 42px !important;               /* άνετο touch target */
    border-radius: 10px !important;
  }
  .wa-woo-cart .btn,
  .wa-woo-cart .wa-add{
    text-align: center !important;
    padding: 12px 16px !important;
  }
  /* Το pill κάτω από το κουμπί, σε νέα γραμμή */
  .wa-added-pill{
    margin-left: 0;
    margin-top: 4px;
    align-self: center;
  }
}

/* Προαιρετικό πιο σφιχτό layout σε πολύ μικρές οθόνες */
@media (max-width: 480px){
  .wa-woo-cart{
    gap: 6px !important;
  }
}