/* === BUTOANE "ADĂUGĂ ÎN COȘ" – VERDE KLARHOME === */
.add_to_cart_button,
.single_add_to_cart_button {
  background-color: #7bba54 !important; /* Verde KlarHome */
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 10px 28px !important;
  text-transform: none !important;
  letter-spacing: 0.3px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.12);
  transition: all 0.3s ease;
  white-space: nowrap !important; /* textul rămâne pe un singur rând */
}

.add_to_cart_button:hover,
.single_add_to_cart_button:hover {
  background-color: #6aa94a !important;
  transform: translateY(-1px);
  box-shadow: 0 5px 14px rgba(0,0,0,0.18);
}

/* === OPTIMIZARE MOBIL === */
@media (max-width: 480px) {
  .add_to_cart_button,
  .single_add_to_cart_button {
    font-size: 15px !important;
    padding: 10px 18px !important;
    display: inline-block;
    white-space: nowrap !important;
  }
}
/* --- FIX off-canvas pe tablete (Lenovo Tab M10, Chrome) --- */
@media (min-width: 850px) and (max-width: 1199px) {
  .off-canvas-overlay {
    pointer-events: auto !important;
    z-index: 9998 !important; /* peste conținut */
    opacity: .6 !important;   /* vizibil ca overlay */
  }
  .off-canvas {
    pointer-events: auto !important;
    will-change: transform;
  }
  .off-canvas.open {
    transform: translateX(0) !important; /* sigur deschis */
  }
  .off-canvas-close, .off-canvas .close-button, .off-canvas .icon-close {
    pointer-events: auto !important;
    z-index: 10000 !important;
  }
  html.off-canvas-open, body.off-canvas-open {
    overflow: hidden !important; /* blochează scrollul fundalului */
    touch-action: none;
  }
}
/* FIX KlarHome - off-canvas pe tablete (Lenovo Tab M10) */
@media (min-width: 850px) and (max-width: 1199px) {
  .off-canvas-overlay {
    pointer-events: auto !important;
    z-index: 9998 !important;
    opacity: .6 !important;
  }
  .off-canvas.open {
    transform: translateX(0) !important;
    pointer-events: auto !important;
  }
  html.off-canvas-open, body.off-canvas-open {
    overflow: hidden !important;
    touch-action: none;
  }
}