/*
 Theme Name: Royal Elementor Kit Child – Scroler
 Template: royal-elementor-kit
 Description: Produit exclusif Scroler — Thème enfant avec champ quantité + badge stock (✓ En stock) et bouton noir/rouge. Optimisé pour Royal Elementor Kit.
 Version: 1.3.0
 Author: Quentin Desanti — Scroler Webservice
 Author URI: https://scroler.fr
 Text Domain: scroler-rek-child
*/

/* Bloc d'achat */
.ra-qty-add-to-cart {
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  align-items:center;
  justify-content:center;
}

/* Badge stock générique */
.ra-qty-add-to-cart .ra-stock {
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.02em;
  padding:.32rem .7rem;
  border:1px solid #111;
  border-radius:999px;
  line-height:1.2;
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  white-space:nowrap;
}

/* ✓ En stock: fond vert + texte blanc */
.ra-qty-add-to-cart .ra-stock--ok {
  background:#16a34a;
  color:#fff;
  border-color:#16a34a;
  box-shadow:0 2px 8px rgba(22,163,74,.25);
}
.ra-qty-add-to-cart .ra-stock--ok .ra-v { color:#fff; font-weight:900; }

/* Pas de stock */
.ra-qty-add-to-cart .ra-stock--oos {
  border-color:#bdbdbd;
  color:#444;
  background:#f3f3f3;
}

/* Champ quantité */
.ra-qty-add-to-cart .quantity { margin:0; }
.ra-qty-add-to-cart .qty{
  width:76px; text-align:center; padding:.55rem .5rem;
  border:1px solid #d0d0d0; border-radius:999px; outline:0;
  transition:border-color .2s, box-shadow .2s;
}
.ra-qty-add-to-cart .qty:hover,
.ra-qty-add-to-cart .qty:focus{ border-color:#e10600; box-shadow:0 0 0 2px rgba(225,6,0,.12); }

/* Bouton: noir normal, rouge au hover */
.ra-qty-add-to-cart .button.add_to_cart_button{
  position:relative; padding:.75rem 1.05rem;
  border:1px solid #111; border-radius:999px;
  background:#111; color:#fff; font-weight:800; line-height:1;
  transition:background .25s, color .25s, border-color .25s, transform .08s, box-shadow .25s;
}
.ra-qty-add-to-cart .button.add_to_cart_button:hover,
.ra-qty-add-to-cart .button.add_to_cart_button:focus-visible{
  background:#e10600; border-color:#e10600; color:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.18), 0 0 0 3px rgba(225,6,0,.18);
}
.ra-qty-add-to-cart .button.add_to_cart_button:active{ transform:translateY(1px) scale(.985); }

@media (max-width:480px){
  .ra-qty-add-to-cart { gap:.5rem; }
  .ra-qty-add-to-cart .qty { width:68px; }
}