/* ============================================================
   NXS - Estore: buton real WooCommerce "Adaugă în coș"
   Design identic cu butonul "Contactează un agent" de la
   template-ul "solicita-oferta" (relief verde + luciu sus).

   In product-offer.css efectul e definit doar pentru <a class="nxs-offer-cta">
   (selector "a.nxs-offer-cta"). Butonul de cos si cel sticky de aici
   sunt <button>, deci reproducem aceleasi valori, scopate la pagina estore.
   ============================================================ */

body.nxs-estore-page .nxs-estore-cta-anchor form.cart {
  display: flex;
  align-items: stretch;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0;
}

/* Cantitatea ramane in formular (trimisa ca 1), doar ascunsa vizual */
body.nxs-estore-page .nxs-estore-cta-anchor .quantity {
  display: none !important;
}

/* --- look Ducati (vizual comun) ---
   Woocommerce isi incarca propriile foi de stil (woocommerce-general-css,
   woocommerce-layout-css etc.) DUPA acest fisier, asa ca fiecare proprietate
   trebuie sa fie !important ca sa nu piarda in cascada.
   NU punem aici display/position: butonul sticky (.nxs-offer-cta--fixed)
   trebuie sa ramana controlat exclusiv de product-offer.css + product-offer.js
   (ascuns implicit, aparut doar pe mobil la scroll) - altfel apar 2 butoane. */
body.nxs-estore-page .nxs-estore-cta-anchor .single_add_to_cart_button,
body.nxs-estore-page .nxs-offer-cta--fixed.js-nxs-estore-fixed-add {
  appearance: none !important;
  -webkit-appearance: none !important;
  font-family: inherit !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 54px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 4px !important;
  cursor: pointer !important;

  text-transform: uppercase !important;
  letter-spacing: 1.1px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: normal !important;
  text-decoration: none !important;

  background: linear-gradient(180deg, #2d7d46 0%, #1e5f35 100%) !important;
  color: #fff !important;

  box-shadow:
    0 10px 18px rgba(0,0,0,.14),
    0 2px 0 rgba(255,255,255,.10) inset,
    0 -2px 0 rgba(0,0,0,.12) inset !important;

  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease !important;
}

/* Display/pozitionare: DOAR pentru butonul real din formular.
   Butonul sticky isi pastreaza display:none implicit + position:fixed
   pe mobil, definite in product-offer.css si comutate de product-offer.js. */
body.nxs-estore-page .nxs-estore-cta-anchor .single_add_to_cart_button {
  display: inline-flex !important;
  position: relative !important;
  width: 100% !important;
  flex: 1 1 auto !important;
}

/* luciu (highlight) sus, identic cu "Contactează un agent" */
body.nxs-estore-page .nxs-estore-cta-anchor .single_add_to_cart_button::before,
body.nxs-estore-page .nxs-offer-cta--fixed.js-nxs-estore-fixed-add::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(180deg,
    rgba(255,255,255,.28) 0%,
    rgba(255,255,255,.14) 18%,
    rgba(255,255,255,0) 55%);
  opacity: .95;
}

@media (hover: hover) {
  body.nxs-estore-page .nxs-estore-cta-anchor .single_add_to_cart_button:hover,
  body.nxs-estore-page .nxs-offer-cta--fixed.js-nxs-estore-fixed-add:hover {
    filter: brightness(1.03) !important;
    transform: translateY(-1px) !important;
    box-shadow:
      0 14px 24px rgba(0,0,0,.16),
      0 2px 0 rgba(255,255,255,.12) inset,
      0 -2px 0 rgba(0,0,0,.14) inset !important;
  }
}

body.nxs-estore-page .nxs-estore-cta-anchor .single_add_to_cart_button:active,
body.nxs-estore-page .nxs-offer-cta--fixed.js-nxs-estore-fixed-add:active {
  transform: translateY(1px) !important;
  box-shadow:
    0 8px 14px rgba(0,0,0,.14),
    0 1px 0 rgba(255,255,255,.10) inset,
    0 -2px 0 rgba(0,0,0,.18) inset !important;
}

body.nxs-estore-page .nxs-estore-cta-anchor .single_add_to_cart_button:disabled,
body.nxs-estore-page .nxs-estore-cta-anchor .single_add_to_cart_button.disabled {
  opacity: .6;
  cursor: not-allowed;
}

/* ============================================================
   NXS - Estore mobil: fara umbra verde sub imagine + fara
   cardul "Soluția ideală / Rate de la ..." (specifice template-ului
   "solicita-oferta", nu au sens pe un produs cu Adaugă în coș real).
   ============================================================ */
@media (max-width: 768px) {
  body.nxs-estore-page .nxs-gallery__stage::after {
    display: none !important;
  }

  body.nxs-estore-page .nxs-gallery__mobile-card {
    display: none !important;
  }
}