/*
 * Adaugare rapida in cos.
 *
 * Marcajul randat (form.cart, .fusion-button-wrapper, .quantity/.minus/.plus/
 * .qty, .single_add_to_cart_button.button.alt) e cel nativ WooCommerce/Avada
 * -- acelasi cu cel de pe pagina de produs. Culorile, bordurile, latimile
 * stepper-ului si ale butonului sunt deja stilizate de tema (vezi
 * wp-content/themes/Avada/assets/css/dynamic/woocommerce/woocommerce.css,
 * selectori .fusion-body .quantity / .fusion-body .quantity .minus/.plus, si
 * clasele .single_add_to_cart_button.button.alt) si de
 * assets/min/js/general/avada-quantity.js (care adauga butoanele -/+). Nu
 * duplicam nimic din toate astea aici.
 *
 * Singurul rol al acestui fisier e sa pozitioneze controlul in interiorul
 * cardului de produs din listare/grila: spatiu deasupra lui si un layout
 * care nu strica grid-ul de 3 coloane si nu da overflow pe mobil, unde
 * coloana e ingusta. Daca stepper-ul si butonul nu incap unul langa altul,
 * trec pe randul urmator (flex-wrap), in loc sa se micsoreze butonul pana
 * cand textul se taie.
 */

.arc-add-to-cart {
    margin: 10px 0 0;
    max-width: 100%;
}

.arc-add-to-cart .fusion-button-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    max-width: 100%;
}

/* Butonul preia stilul de buton al temei.
   Regulile Avada pentru .single_add_to_cart_button nu ajung in listari (sunt
   scopate pe contextul paginii de produs), asa ca refolosim exact variabilele
   pe care le foloseste tema. Daca magazinul schimba culoarea butoanelor din
   optiunile Avada, butonul de aici o urmeaza automat — nicio culoare scrisa
   de mana. Valorile de rezerva reflecta setarile actuale. */
.arc-add-to-cart .single_add_to_cart_button {
    background: var(--button_gradient_top_color, #5cb5e3);
    color: var(--button_accent_color, #ffffff);
    border: var(--button_border_width, 0px) solid var(--button_border_color, transparent);
    border-radius: var(--button_border_radius, 0px);
    padding: var(--button_padding, 11px 23px);
    font-size: var(--button_font_size, 13px);
    line-height: var(--button_line_height, 16px);
    text-transform: var(--button_text_transform, uppercase);
    font-weight: 400;
    transition: all .2s;
    cursor: pointer;
}

.arc-add-to-cart .single_add_to_cart_button:hover,
.arc-add-to-cart .single_add_to_cart_button:focus {
    background: var(--button_gradient_top_color_hover, #e8373d);
    color: var(--button_accent_hover_color, #ffffff);
}

/* Cutia de cantitate isi pastreaza latimea naturala; butonul ia tot ce ramane.
   Cand coloana e prea ingusta si butonul trece pe rand nou, flex-grow il face
   sa ocupe randul intreg. min-width nu e coborat sub continut, ca eticheta sa
   se poata infasura in loc sa fie taiata. */
.arc-add-to-cart .quantity {
    flex: 0 0 auto;
}

.arc-add-to-cart .single_add_to_cart_button {
    flex: 1 1 auto;
}

/* Tema pune .fusion-body .quantity { border-radius: 6px } din --form_border_radius,
   deci cutia de cantitate iese rotunjita langa un buton cu colturi drepte. O legam
   la raza butonului, nu la zero fix: daca magazinul da vreodata rotunjire butoanelor,
   cele doua raman potrivite. Selectorul include .fusion-body ca sa depaseasca
   specificitatea regulii temei fara !important. */
.fusion-body .arc-add-to-cart .quantity {
    border-radius: var(--button_border_radius, 0px);
}