/* FILE_VERSION = 1.0.4
 * VOGO Shop & Account Style - cosul, pagina de comanda si contul clientului in stilul VOGO UI/UX (20.10.2026).
 * Reguli: butoane si campuri cu colturi de 5px, albastrul VOGO #0F6CBD, eticheta deasupra campului, campuri aliniate,
 * iconite plate albastre, spatiu compact; calculator (>= 1025px) si telefon (<= 768px). Site-ul nu are mod intunecat.
 * Fisier generat de tmp/shopui/build_css.py din style.css.in + iconite (sectiunea 9).
 */

/* =========================================================================
 * SECTIUNI:
 *   1. Variabile
 *   2. Butoanele (toate paginile din domeniu)
 *   3. Campurile simple (cupon, cantitate, calculatorul de livrare, formularele contului)
 *   4. Cosul
 *   5. Pagina de comanda
 *   6. Contul: meniul din stanga si cardurile din Panoul de control
 *   7. Contul: formularele (Adrese, Detalii cont) - eticheta deasupra, fara goluri
 *   8. Contul: tabelul comenzilor si detaliile comenzii
 *   9. Iconitele (generate)
 * ========================================================================= */

/* 1. Variabile, numai pe paginile din domeniu */
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account {
    --vsa-blue: #0F6CBD;
    --vsa-blue-dark: #0B5A9E;
    --vsa-blue-soft: #EAF3FB;
    --vsa-border: #cfd8e3;
    --vsa-line: #e6ebf1;
    --vsa-text: #1d2733;
    --vsa-muted: #5f6b7a;
    --vsa-radius: 5px;
    --vsa-field-h: 44px;
}

/* 2. Butoanele: albastru VOGO plin, colturi de 5px, inaltime fixa */
body.woocommerce-cart .woocommerce .button,
body.woocommerce-cart .checkout-button,
body.woocommerce-checkout .woocommerce .button,
body.woocommerce-checkout #place_order,
body.woocommerce-account .woocommerce .button,
body.woocommerce-account .woocommerce-Button {
    min-height: var(--vsa-field-h);
    padding: 0 20px !important;
    border: 1px solid var(--vsa-blue) !important;
    border-radius: var(--vsa-radius) !important;
    background: var(--vsa-blue) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: calc(var(--vsa-field-h) - 2px) !important;
    text-transform: none !important;
    box-shadow: none !important;
}

body.woocommerce-cart .woocommerce .button:hover,
body.woocommerce-cart .checkout-button:hover,
body.woocommerce-checkout .woocommerce .button:hover,
body.woocommerce-checkout #place_order:hover,
body.woocommerce-account .woocommerce .button:hover,
body.woocommerce-account .woocommerce-Button:hover {
    border-color: var(--vsa-blue-dark) !important;
    background: var(--vsa-blue-dark) !important;
}

/* Butoanele secundare (Actualizeaza in calculatorul de livrare, Vezi in lista comenzilor): contur albastru, fundal alb */
body.woocommerce-cart .shipping-calculator-form .button,
body.woocommerce-account .woocommerce-orders-table .button {
    background: #fff !important;
    color: var(--vsa-blue) !important;
}

body.woocommerce-cart .shipping-calculator-form .button:hover,
body.woocommerce-account .woocommerce-orders-table .button:hover {
    background: var(--vsa-blue-soft) !important;
    color: var(--vsa-blue-dark) !important;
}

/* Butonul principal (Finalizeaza comanda, Plasati comanda): pe toata latimea coloanei */
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
body.woocommerce-cart .cart-check .wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward,
body.woocommerce-checkout #place_order {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--vsa-blue) !important;
    border-radius: var(--vsa-radius) !important;
    background: var(--vsa-blue) !important;
    background-color: var(--vsa-blue) !important;
    width: 100%;
    min-height: 48px;
    line-height: 46px !important;
    font-size: 16px !important;
}

/* 3. Campurile simple: colturi de 5px, contur gri-albastru, focus albastru */
body.woocommerce-cart .woocommerce input.input-text,
body.woocommerce-cart .woocommerce select,
body.woocommerce-cart .woocommerce .select2-selection,
body.woocommerce-checkout .woocommerce .select2-selection,
body.woocommerce-checkout .woocommerce select,
body.woocommerce-account .woocommerce input.input-text,
body.woocommerce-account .woocommerce input[type="password"],
body.woocommerce-account .woocommerce input[type="email"],
body.woocommerce-account .woocommerce select,
body.woocommerce-account .woocommerce textarea,
body.woocommerce-account .woocommerce .select2-selection {
    min-height: var(--vsa-field-h);
    border: 1px solid var(--vsa-border) !important;
    border-radius: var(--vsa-radius) !important;
    background-color: #fff;
    color: var(--vsa-text);
    font-size: 15px;
    box-shadow: none;
}

body.woocommerce-cart .woocommerce input.input-text:focus,
body.woocommerce-checkout .woocommerce .select2-container--open .select2-selection,
body.woocommerce-account .woocommerce input.input-text:focus,
body.woocommerce-account .woocommerce input[type="password"]:focus,
body.woocommerce-account .woocommerce textarea:focus {
    outline: none;
    border-color: var(--vsa-blue) !important;
    box-shadow: 0 0 0 3px rgba(15, 108, 189, 0.15);
}

/* Lista derulanta Select2 (Tara, Judet): textul centrat pe verticala in inaltimea campului */
body.woocommerce-cart .woocommerce .select2-selection .select2-selection__rendered,
body.woocommerce-checkout .woocommerce .select2-selection .select2-selection__rendered,
body.woocommerce-account .woocommerce .select2-selection .select2-selection__rendered {
    line-height: calc(var(--vsa-field-h) - 2px) !important;
    padding-left: 12px;
}

body.woocommerce-cart .woocommerce .select2-selection .select2-selection__arrow,
body.woocommerce-checkout .woocommerce .select2-selection .select2-selection__arrow,
body.woocommerce-account .woocommerce .select2-selection .select2-selection__arrow {
    height: calc(var(--vsa-field-h) - 2px) !important;
}

/* Cantitatea (- 1 +): un singur bloc cu colturi de 5px */
body.woocommerce-cart .woocommerce .quantity input,
body.woocommerce-checkout .woocommerce .quantity input {
    border-radius: 0 !important;
}

body.woocommerce-cart .woocommerce .quantity .minus,
body.woocommerce-checkout .woocommerce .quantity .minus {
    border-radius: var(--vsa-radius) 0 0 var(--vsa-radius) !important;
}

body.woocommerce-cart .woocommerce .quantity .plus,
body.woocommerce-checkout .woocommerce .quantity .plus {
    border-radius: 0 var(--vsa-radius) var(--vsa-radius) 0 !important;
}

/* 4. Cosul: cuponul pe un rand (camp + buton), casetele cu colturi de 5px */
body.woocommerce-cart .woocommerce .coupon {
    display: flex;
    gap: 8px;
    align-items: stretch;
}

body.woocommerce-cart .woocommerce .coupon input.input-text {
    flex: 1 1 auto;
    width: auto !important;
    margin: 0 !important;
}

body.woocommerce-cart .woocommerce .coupon .button {
    flex: 0 0 auto;
    width: auto !important;
    margin: 0 !important;
}

body.woocommerce-cart .wd-progress-bar,
body.woocommerce-cart .wd-free-progress-bar,
body.woocommerce-cart .cart-totals-inner,
body.woocommerce-cart .woocommerce-cart-form table,
body.woocommerce-cart [class*="supplier"] {
    border-radius: var(--vsa-radius) !important;
}

/* Totalul cosului: livrarea pe toata latimea coloanei, nu inghesuita in dreapta */
body.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals th,
body.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals td {
    display: block;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: left !important;
}

body.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals th {
    padding-bottom: 4px !important;
}

body.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals td::before {
    display: none !important;
}

body.woocommerce-cart .cart_totals .woocommerce-shipping-methods,
body.woocommerce-cart .cart_totals .woocommerce-shipping-destination {
    margin: 0 0 6px !important;
    text-align: left !important;
}

/* Calculatorul de livrare: caseta cu colturi de 5px, campurile pe toata latimea, la 8px unul de altul */
body.woocommerce-cart .shipping-calculator-form {
    margin-top: 8px;
    padding: 12px;
    border: 1px solid var(--vsa-line);
    border-radius: var(--vsa-radius);
    background: #fafcfe;
}

body.woocommerce-cart .shipping-calculator-form .form-row {
    width: 100% !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
}

body.woocommerce-cart .shipping-calculator-form .button {
    width: 100%;
}

body.woocommerce-cart .shipping-calculator-button {
    color: var(--vsa-blue) !important;
    font-size: 14px !important;
    font-weight: 600;
    text-transform: none !important;
}

body.woocommerce-cart .cart-check .wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward:hover {
    background: var(--vsa-blue-dark) !important;
    background-color: var(--vsa-blue-dark) !important;
}

/* Formularul "Schimbati adresa" din total (randuri p.vogo-float): eticheta deasupra, campuri de 44px cu colturi de 5px */
body.woocommerce-cart .woocommerce-shipping-calculator__title {
    margin: 6px 0 8px !important;
    font-size: 15px !important;
    font-weight: 600;
}

body.woocommerce-cart .woocommerce-shipping-calculator__form .form-row {
    width: 100% !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
}

body.woocommerce-cart .woocommerce-shipping-calculator__form .form-row > label {
    position: static !important;
    display: block;
    margin: 0 0 4px !important;
    padding: 0 !important;
    transform: none !important;
    background: none !important;
    color: var(--vsa-muted) !important;
    font-size: 13px !important;
    font-weight: 600;
    line-height: 1.3;
}

body.woocommerce-cart .woocommerce-shipping-calculator__form input,
body.woocommerce-cart .woocommerce-shipping-calculator__form select {
    min-height: var(--vsa-field-h);
    border: 1px solid var(--vsa-border) !important;
    border-radius: var(--vsa-radius) !important;
    background-color: #fff;
    box-shadow: none !important;
    width: 100% !important;
    height: var(--vsa-field-h);
    padding: 0 12px !important;
}

body.woocommerce-cart .woocommerce-shipping-calculator__form input::placeholder {
    color: #8a96a5;
}

body.woocommerce-cart .woocommerce-shipping-calculator__form .button {
    width: 100%;
    background: #fff !important;
    color: var(--vsa-blue) !important;
}

/* Butonul de comanda si Google Pay: mai putin spatiu intre ele */
body.woocommerce-cart .wc-proceed-to-checkout {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    padding-top: 0 !important;
}

/* 5. Pagina de comanda: casetele (estimarea livrarii, metodele de plata) cu colturi de 5px */
body.woocommerce-checkout .woocommerce-checkout-review-order,
body.woocommerce-checkout #payment,
body.woocommerce-checkout #payment .payment_box,
body.woocommerce-checkout .woocommerce-info {
    border-radius: var(--vsa-radius) !important;
}

body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
    row-gap: 0 !important;
    column-gap: 16px !important;
}

body.woocommerce-checkout .woocommerce-billing-fields .form-row,
body.woocommerce-checkout .woocommerce-shipping-fields .form-row,
body.woocommerce-checkout .woocommerce-additional-fields .form-row {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}

body.woocommerce-checkout #payment ul.payment_methods li {
    padding-top: 6px;
    padding-bottom: 6px;
}

body.woocommerce-checkout #payment input[type="radio"],
body.woocommerce-checkout input[type="checkbox"],
body.woocommerce-account input[type="checkbox"] {
    accent-color: var(--vsa-blue);
}

/* 6. Contul: blocul "Detalii cont" din stanga dubleaza Panoul de control -> raman doar titlul si meniul */
body.woocommerce-account .wd-my-account-sidebar > h3:not(.woocommerce-MyAccount-title),
body.woocommerce-account .wd-my-account-sidebar > p {
    display: none !important;
}

body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-title {
    margin-bottom: 8px;
    padding: 0 0 8px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.03em;
}

/* Meniul contului: randuri compacte de 38px, iconita albastra, randul activ marcat in albastru */
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0;
    padding: 0;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li {
    margin: 0 0 2px !important;
    padding: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li > a {
    display: flex !important;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    padding: 6px 10px !important;
    border-radius: var(--vsa-radius) !important;
    color: var(--vsa-text) !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    background: transparent !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li > a br,
body.woocommerce-account .wd-my-account-links a br {
    display: none;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li > a:hover {
    background: var(--vsa-blue-soft) !important;
    color: var(--vsa-blue) !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active > a {
    background: var(--vsa-blue-soft) !important;
    color: var(--vsa-blue) !important;
    font-weight: 600;
    box-shadow: inset 3px 0 0 var(--vsa-blue);
}

/* Iconita din stanga fiecarui rand de meniu: masca SVG vopsita in albastru (desenele sunt in sectiunea 9) */
body.woocommerce-account .woocommerce-MyAccount-navigation li > a::before {
    content: "" !important;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin: 0 !important;
    background-color: var(--vsa-blue);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    font-family: inherit !important;
}

/* Cardurile din Panoul de control: grila compacta, iconita albastra de 28px, colturi de 5px */
body.woocommerce-account .wd-my-account-links {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px !important;
    margin: 12px 0 0 !important;
}

body.woocommerce-account .wd-my-account-links > div {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: none !important;
}

body.woocommerce-account .wd-my-account-links > div > a {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 100%;
    min-height: 92px;
    padding: 14px 8px !important;
    border: 1px solid var(--vsa-line) !important;
    border-radius: var(--vsa-radius) !important;
    background: #fff !important;
    box-shadow: none !important;
    color: var(--vsa-text) !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
}

body.woocommerce-account .wd-my-account-links > div > a:hover {
    border-color: var(--vsa-blue) !important;
    background: var(--vsa-blue-soft) !important;
    color: var(--vsa-blue) !important;
}

body.woocommerce-account .wd-my-account-links > div > a::before {
    content: "" !important;
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    background-color: var(--vsa-blue);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    font-family: inherit !important;
    font-size: 0 !important;
    color: transparent !important;
}

/* Panoul de control: textele de deasupra cardurilor mai stranse */
body.woocommerce-account .woocommerce-MyAccount-content > p {
    margin-bottom: 6px;
}

body.woocommerce-account .woocommerce-MyAccount-content > h3,
body.woocommerce-account .woocommerce-MyAccount-content h2 {
    margin-bottom: 12px;
    font-size: 20px;
}

/* Calculator: meniul in stanga pe 250px, continutul pe restul latimii */
@media (min-width: 1025px) {
    body.woocommerce-account .woocommerce-my-account-wrapper {
        display: grid !important;
        grid-template-columns: 250px minmax(0, 1fr);
        gap: 32px;
        align-items: start;
    }

    body.woocommerce-account .wd-my-account-sidebar,
    body.woocommerce-account .woocommerce-MyAccount-content {
        width: auto !important;
        max-width: none !important;
        flex: none !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.woocommerce-account .wd-my-account-sidebar {
        position: sticky;
        top: 20px;
        padding-right: 24px !important;
        border-right: 1px solid var(--vsa-line);
    }

    body.woocommerce-account .woocommerce-MyAccount-content {
        border: 0 !important;
    }
}

/* Telefon si tableta: meniul devine un rand de butoane derulat orizontal, continutul urca imediat sub el */
@media (max-width: 1024px) {
    body.woocommerce-account .woocommerce-my-account-wrapper {
        display: block !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.woocommerce-account .wd-my-account-sidebar {
        width: 100% !important;
        max-width: none !important;
        margin: 0 0 12px !important;
        padding: 0 !important;
        border: 0 !important;
    }

    body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-title {
        display: none !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation ul {
        display: flex;
        gap: 6px;
        overflow-x: auto;
        padding-bottom: 6px;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation li {
        flex: 0 0 auto;
        margin: 0 !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation li > a {
        gap: 6px;
        min-height: 36px;
        padding: 6px 12px !important;
        border: 1px solid var(--vsa-border);
        background: #fff !important;
        white-space: nowrap;
        font-size: 13px;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active > a {
        border-color: var(--vsa-blue);
        background: var(--vsa-blue-soft) !important;
        box-shadow: none;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation li > a::before {
        flex-basis: 16px;
        width: 16px;
        height: 16px;
    }

    body.woocommerce-account .woocommerce-MyAccount-content {
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
        border: 0 !important;
    }
}

@media (max-width: 768px) {
    body.woocommerce-account .wd-my-account-links {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px !important;
    }

    body.woocommerce-account .wd-my-account-links > div > a {
        min-height: 78px;
        padding: 10px 4px !important;
        font-size: 12px;
    }

    body.woocommerce-account .wd-my-account-links > div > a::before {
        width: 24px !important;
        height: 24px !important;
    }
}

/* 7. Formularele contului: fara <br> si goluri; eticheta deasupra campului, 13px, gri */
body.woocommerce-account .woocommerce-MyAccount-content form .form-row {
    margin: 0 0 12px !important;
    padding: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content form .form-row > br,
body.woocommerce-account .woocommerce-MyAccount-content form .woocommerce-input-wrapper > br,
body.woocommerce-account .woocommerce-MyAccount-content form > p:empty,
body.woocommerce-account .woocommerce-address-fields__field-wrapper > p:empty {
    display: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-content form .floating-group,
body.woocommerce-account .woocommerce-MyAccount-content form .woocommerce-input-wrapper {
    display: flex !important;
    flex-direction: column-reverse;
    gap: 4px;
    position: static;
    width: 100%;
}

body.woocommerce-account .woocommerce-MyAccount-content form .floating-group > label,
body.woocommerce-account .woocommerce-MyAccount-content form .woocommerce-input-wrapper > label,
body.woocommerce-account .woocommerce-MyAccount-content form .form-row > label {
    position: static !important;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    background: none !important;
    color: var(--vsa-muted) !important;
    font-size: 13px !important;
    font-weight: 600;
    line-height: 1.3;
}

body.woocommerce-account .woocommerce-MyAccount-content form .form-row > label {
    margin-bottom: 4px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content form input.input-text,
body.woocommerce-account .woocommerce-MyAccount-content form input[type="password"] {
    height: var(--vsa-field-h);
    padding: 0 12px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content form .required {
    color: #c62828;
    border: 0;
    text-decoration: none;
}

/* Textul ajutator (de ex. "Asa va aparea numele tau") lipit de camp */
body.woocommerce-account .woocommerce-MyAccount-content form em,
body.woocommerce-account .woocommerce-MyAccount-content form .description {
    display: block;
    margin-top: 2px;
    color: var(--vsa-muted);
    font-size: 12px;
}

/* Calculator: campurile pe doua coloane egale, aliniate (Nume / Prenume, Oras / Judet ...) */
@media (min-width: 769px) {
    body.woocommerce-account .woocommerce-address-fields__field-wrapper {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        column-gap: 16px;
        align-items: start;
    }

    body.woocommerce-account .woocommerce-address-fields__field-wrapper > .form-row {
        width: auto !important;
        float: none !important;
    }

    body.woocommerce-account .woocommerce-address-fields__field-wrapper > p:not(.form-row) {
        display: none !important;
    }
}

/* Schimbare parola: caseta cu colturi de 5px; pe calculator cele trei campuri pe un rand */
body.woocommerce-account .woocommerce-EditAccountForm fieldset {
    margin: 4px 0 12px !important;
    padding: 10px 14px 0 !important;
    border: 1px solid var(--vsa-line) !important;
    border-radius: var(--vsa-radius) !important;
}

body.woocommerce-account .woocommerce-EditAccountForm fieldset legend {
    padding: 0 6px !important;
    font-size: 15px !important;
    font-weight: 600;
}

@media (min-width: 769px) {
    body.woocommerce-account .woocommerce-EditAccountForm fieldset .password-float-hint {
        display: flex !important;
        align-items: flex-end;
        column-gap: 12px;
        width: 100%;
    }

    body.woocommerce-account .woocommerce-EditAccountForm fieldset .password-float-hint > .form-row {
        flex: 1 1 0;
        min-width: 0;
        width: auto !important;
        float: none !important;
    }
}

body.woocommerce-account .woocommerce-EditAccountForm .password-input {
    display: block;
    position: relative;
    width: 100%;
}

/* Poza de profil: butonul de alegere a fisierului in stilul VOGO */
body.woocommerce-account .woocommerce-MyAccount-content input[type="file"]::file-selector-button {
    margin-right: 10px;
    padding: 8px 14px;
    border: 1px solid var(--vsa-blue);
    border-radius: var(--vsa-radius);
    background: #fff;
    color: var(--vsa-blue);
    font-weight: 600;
    cursor: pointer;
}

/* Adrese: cele doua adrese ca si carduri cu colturi de 5px, linkul de editare albastru */
body.woocommerce-account .woocommerce-Address {
    padding: 14px !important;
    border: 1px solid var(--vsa-line);
    border-radius: var(--vsa-radius);
}

body.woocommerce-account .woocommerce-Address-title .edit,
body.woocommerce-account .woocommerce-MyAccount-content a.edit {
    color: var(--vsa-blue) !important;
    font-weight: 600;
}

/* 8. Tabelul comenzilor si detaliile comenzii: colturi de 5px, randuri compacte */
body.woocommerce-account .woocommerce-orders-table,
body.woocommerce-account .woocommerce-table--order-details,
body.woocommerce-account .woocommerce-customer-details address {
    border-radius: var(--vsa-radius) !important;
}

body.woocommerce-account .woocommerce-orders-table th,
body.woocommerce-account .woocommerce-orders-table td {
    padding: 10px 8px !important;
}

body.woocommerce-account .woocommerce-orders-table .button {
    min-height: 34px;
    padding: 0 14px !important;
    line-height: 32px !important;
    font-size: 14px !important;
}

/* Telefon: fiecare comanda e un card cu colturi de 5px, randurile eticheta / valoare pe 32px */
@media (max-width: 768px) {
    body.woocommerce-account .woocommerce-orders-table tbody tr {
        display: block;
        margin: 0 0 10px;
        padding: 6px 12px;
        border: 1px solid var(--vsa-line);
        border-radius: var(--vsa-radius);
    }

    body.woocommerce-account .woocommerce-orders-table tbody td,
    body.woocommerce-account .woocommerce-orders-table tbody th {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        min-height: 30px;
        padding: 3px 0 !important;
        border: 0 !important;
        line-height: 1.3 !important;
        text-align: right;
    }

    body.woocommerce-account .woocommerce-orders-table tbody td::before,
    body.woocommerce-account .woocommerce-orders-table tbody th::before {
        float: none !important;
        margin: 0 12px 0 0 !important;
        padding: 0 !important;
        color: var(--vsa-muted);
        font-weight: 600;
        line-height: 1.3 !important;
        text-align: left;
    }

    body.woocommerce-account .woocommerce-orders-table tbody th {
        font-weight: 700;
    }

    body.woocommerce-account .woocommerce-orders-table tbody td > p,
    body.woocommerce-account .woocommerce-orders-table tbody th > p {
        margin: 0 !important;
    }
}

/* 9. Iconitele VOGO (contur plat, albastru) ale meniului contului si ale cardurilor din Panoul de control.
 *    Generate de tmp/shopui/build_css.py: nu se editeaza de mana. */
body .woocommerce-MyAccount-navigation-link--dashboard > a::before,
body .wd-my-account-links .dashboard-link > a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x=%223%22 y=%223%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3Crect x=%2214%22 y=%223%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3Crect x=%223%22 y=%2214%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3Crect x=%2214%22 y=%2214%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x=%223%22 y=%223%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3Crect x=%2214%22 y=%223%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3Crect x=%223%22 y=%2214%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3Crect x=%2214%22 y=%2214%22 width=%227%22 height=%227%22 rx=%221%22/%3E%3C/svg%3E");
}
body .woocommerce-MyAccount-navigation-link--edit-account > a::before,
body .wd-my-account-links .edit-account-link > a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%2212%22 cy=%228%22 r=%224%22/%3E%3Cpath d=%22M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%2212%22 cy=%228%22 r=%224%22/%3E%3Cpath d=%22M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7%22/%3E%3C/svg%3E");
}
body .woocommerce-MyAccount-navigation-link--orders > a::before,
body .wd-my-account-links .orders-link > a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x=%225%22 y=%224%22 width=%2214%22 height=%2217%22 rx=%222%22/%3E%3Cpath d=%22M9 4V3h6v1M9 10h6M9 14h6M9 18h4%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x=%225%22 y=%224%22 width=%2214%22 height=%2217%22 rx=%222%22/%3E%3Cpath d=%22M9 4V3h6v1M9 10h6M9 14h6M9 18h4%22/%3E%3C/svg%3E");
}
body .woocommerce-MyAccount-navigation-link--downloads > a::before,
body .wd-my-account-links .downloads-link > a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M12 3v12M7 10l5 5 5-5M4 19h16%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M12 3v12M7 10l5 5 5-5M4 19h16%22/%3E%3C/svg%3E");
}
body .woocommerce-MyAccount-navigation-link--edit-address > a::before,
body .wd-my-account-links .edit-address-link > a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z%22/%3E%3Ccircle cx=%2212%22 cy=%229.5%22 r=%222.5%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z%22/%3E%3Ccircle cx=%2212%22 cy=%229.5%22 r=%222.5%22/%3E%3C/svg%3E");
}
body .woocommerce-MyAccount-navigation-link--payment-methods > a::before,
body .wd-my-account-links .payment-methods-link > a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x=%222.5%22 y=%225%22 width=%2219%22 height=%2214%22 rx=%222%22/%3E%3Cpath d=%22M2.5 10h19M6 15h4%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x=%222.5%22 y=%225%22 width=%2219%22 height=%2214%22 rx=%222%22/%3E%3Cpath d=%22M2.5 10h19M6 15h4%22/%3E%3C/svg%3E");
}
body .woocommerce-MyAccount-navigation-link--referrals > a::before,
body .wd-my-account-links .referrals-link > a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%229%22 cy=%228%22 r=%223.5%22/%3E%3Cpath d=%22M2.5 20c0-3.6 2.9-6 6.5-6s6.5 2.4 6.5 6%22/%3E%3Cpath d=%22M16 4.5a3.5 3.5 0 0 1 0 7M18 14c2.2.6 3.5 2.8 3.5 6%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%229%22 cy=%228%22 r=%223.5%22/%3E%3Cpath d=%22M2.5 20c0-3.6 2.9-6 6.5-6s6.5 2.4 6.5 6%22/%3E%3Cpath d=%22M16 4.5a3.5 3.5 0 0 1 0 7M18 14c2.2.6 3.5 2.8 3.5 6%22/%3E%3C/svg%3E");
}
body .woocommerce-MyAccount-navigation-link--referral-purchases > a::before,
body .wd-my-account-links .referral-purchases-link > a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M5 8h14l-1 13H6L5 8z%22/%3E%3Cpath d=%22M9 8V6a3 3 0 0 1 6 0v2%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M5 8h14l-1 13H6L5 8z%22/%3E%3Cpath d=%22M9 8V6a3 3 0 0 1 6 0v2%22/%3E%3C/svg%3E");
}
body .woocommerce-MyAccount-navigation-link--product-recommendation > a::before,
body .wd-my-account-links .product-recommendation-link > a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M7 10v11H3V10h4zM7 10l4-7c1.7 0 2.8 1.3 2.5 3L13 9h6a2 2 0 0 1 2 2.3l-1.4 7.6A2.5 2.5 0 0 1 17.1 21H7%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M7 10v11H3V10h4zM7 10l4-7c1.7 0 2.8 1.3 2.5 3L13 9h6a2 2 0 0 1 2 2.3l-1.4 7.6A2.5 2.5 0 0 1 17.1 21H7%22/%3E%3C/svg%3E");
}
body .woocommerce-MyAccount-navigation-link--oblio-invoices > a::before,
body .wd-my-account-links .oblio-invoices-link > a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9l-6-6z%22/%3E%3Cpath d=%22M14 3v6h6M8 13h8M8 17h6%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9l-6-6z%22/%3E%3Cpath d=%22M14 3v6h6M8 13h8M8 17h6%22/%3E%3C/svg%3E");
}
body .woocommerce-MyAccount-navigation-link--subscriptions > a::before,
body .wd-my-account-links .subscriptions-link > a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M17 2l3 3-3 3%22/%3E%3Cpath d=%22M4 11V9a4 4 0 0 1 4-4h12M7 22l-3-3 3-3%22/%3E%3Cpath d=%22M20 13v2a4 4 0 0 1-4 4H4%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M17 2l3 3-3 3%22/%3E%3Cpath d=%22M4 11V9a4 4 0 0 1 4-4h12M7 22l-3-3 3-3%22/%3E%3Cpath d=%22M20 13v2a4 4 0 0 1-4 4H4%22/%3E%3C/svg%3E");
}
body .woocommerce-MyAccount-navigation-link--my-cities > a::before,
body .wd-my-account-links .my-cities-link > a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M3 21h18M5 21V8l5-3v16M10 21V3l9 4v14%22/%3E%3Cpath d=%22M13 10h3M13 14h3M13 18h3%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M3 21h18M5 21V8l5-3v16M10 21V3l9 4v14%22/%3E%3Cpath d=%22M13 10h3M13 14h3M13 18h3%22/%3E%3C/svg%3E");
}
body .woocommerce-MyAccount-navigation-link--my-area-of-interest > a::before,
body .wd-my-account-links .my-area-of-interest-link > a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M12 3l2.8 5.7 6.2.9-4.5 4.4 1 6.2L12 17.3 6.5 20.2l1-6.2L3 9.6l6.2-.9L12 3z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M12 3l2.8 5.7 6.2.9-4.5 4.4 1 6.2L12 17.3 6.5 20.2l1-6.2L3 9.6l6.2-.9L12 3z%22/%3E%3C/svg%3E");
}
body .woocommerce-MyAccount-navigation-link--my-user-group > a::before,
body .wd-my-account-links .my-user-group-link > a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%2212%22 cy=%227%22 r=%223%22/%3E%3Ccircle cx=%225%22 cy=%2210%22 r=%222.2%22/%3E%3Ccircle cx=%2219%22 cy=%2210%22 r=%222.2%22/%3E%3Cpath d=%22M6.5 20c0-3.3 2.5-5.5 5.5-5.5s5.5 2.2 5.5 5.5M1.5 19c0-2.3 1.4-3.8 3.5-4M22.5 19c0-2.3-1.4-3.8-3.5-4%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%2212%22 cy=%227%22 r=%223%22/%3E%3Ccircle cx=%225%22 cy=%2210%22 r=%222.2%22/%3E%3Ccircle cx=%2219%22 cy=%2210%22 r=%222.2%22/%3E%3Cpath d=%22M6.5 20c0-3.3 2.5-5.5 5.5-5.5s5.5 2.2 5.5 5.5M1.5 19c0-2.3 1.4-3.8 3.5-4M22.5 19c0-2.3-1.4-3.8-3.5-4%22/%3E%3C/svg%3E");
}
body .woocommerce-MyAccount-navigation-link--my-articles > a::before,
body .wd-my-account-links .my-articles-link > a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M4 4h16v12H8l-4 4V4z%22/%3E%3Cpath d=%22M8 9h8M8 12h5%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M4 4h16v12H8l-4 4V4z%22/%3E%3Cpath d=%22M8 9h8M8 12h5%22/%3E%3C/svg%3E");
}
body .woocommerce-MyAccount-navigation-link--my-requests > a::before,
body .wd-my-account-links .my-requests-link > a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M3 13l3-8h12l3 8v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-6z%22/%3E%3Cpath d=%22M3 13h5l1.5 2.5h5L16 13h5%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M3 13l3-8h12l3 8v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-6z%22/%3E%3Cpath d=%22M3 13h5l1.5 2.5h5L16 13h5%22/%3E%3C/svg%3E");
}
body .woocommerce-MyAccount-navigation-link--my-contributions > a::before,
body .wd-my-account-links .my-contributions-link > a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M12 20s-8-4.7-8-10.5A4.5 4.5 0 0 1 12 7a4.5 4.5 0 0 1 8 2.5C20 15.3 12 20 12 20z%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M12 20s-8-4.7-8-10.5A4.5 4.5 0 0 1 12 7a4.5 4.5 0 0 1 8 2.5C20 15.3 12 20 12 20z%22/%3E%3C/svg%3E");
}
body .woocommerce-MyAccount-navigation-link--customer-logout > a::before,
body .wd-my-account-links .customer-logout-link > a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M10 4H5a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h5M15 8l4 4-4 4M9 12h10%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M10 4H5a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h5M15 8l4 4-4 4M9 12h10%22/%3E%3C/svg%3E");
}