/* ============================================
   VKARTE.LV - PROFESIONĀLS DIZAINS
   Krāsas: #FF2E54, balta, melna, gaiši pelēka
   ============================================ */

:root {
    --primary: #FF2E54;
    --primary-dark: #E02248;
    --primary-light: #FFF0F2;
    --text: #1A1A1A;
    --text-light: #6B6B6B;
    --border: #E5E5E5;
    --bg-input: #F7F7F8;
    --bg-page: #FAFAFA;
    --white: #FFFFFF;
}

/* ============================================
   LAPAS FONS
   ============================================ */
body.page-template-default,
body.woocommerce-account {
    background: var(--bg-page);
}

/* ============================================
   PAMATA KONTEINERS
   ============================================ */
.woocommerce-account .woocommerce {
    max-width: 1100px;
    margin: 40px auto;
    padding: 0 20px;
}

/* ============================================
   LOGIN UN REGISTER KOLONNAS (DESKTOP)
   ============================================ */
@media (min-width: 992px) {
    .woocommerce-account .woocommerce .u-columns,
    .woocommerce-account .woocommerce .col2-set {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 30px !important;
        margin: 0 !important;
    }
    
    .woocommerce-account .woocommerce .u-column1,
    .woocommerce-account .woocommerce .u-column2,
    .woocommerce-account .woocommerce .col-1,
    .woocommerce-account .woocommerce .col-2 {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* ============================================
   FORMAS - BALTAS KARTĪTES AR ĒNU
   ============================================ */
.woocommerce-account .woocommerce form.login,
.woocommerce-account .woocommerce form.register {
    background: var(--white) !important;
    border: 1px solid var(--border) !important;
    padding: 40px !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
    margin: 0 !important;
}

/* ============================================
   VIRSRAKSTI
   ============================================ */
.woocommerce-account .woocommerce h2 {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: var(--text) !important;
    margin: 0 0 28px 0 !important;
    padding-bottom: 16px !important;
    border-bottom: 2px solid var(--bg-input) !important;
    letter-spacing: -0.3px;
}

/* ============================================
   ETIĶETES
   ============================================ */
.woocommerce form .form-row label,
.vkarte-input-label {
    display: block !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--text) !important;
    margin-bottom: 8px !important;
}

.required {
    color: var(--primary) !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    margin-left: 2px;
}

.vkarte-optional {
    color: var(--text-light);
    font-weight: 400;
    font-size: 12px;
    margin-left: 4px;
}

/* ============================================
   INPUT LAUKI - REDZAMI UN ĒRTI
   ============================================ */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row input[type="text"],
.woocommerce form .form-row input[type="email"],
.woocommerce form .form-row input[type="tel"],
.woocommerce form .form-row input[type="password"],
.woocommerce form .form-row select,
.vkarte-input,
input.woocommerce-Input {
    width: 100% !important;
    min-height: 52px !important;
    padding: 0 16px !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: var(--text) !important;
    background: var(--bg-input) !important;
    border: 2px solid transparent !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
}

.woocommerce form .form-row input:focus,
.woocommerce form .form-row select:focus,
.vkarte-input:focus {
    background: var(--white) !important;
    border-color: var(--primary) !important;
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(255, 46, 84, 0.12) !important;
}

.woocommerce form .form-row input::placeholder,
.vkarte-input::placeholder {
    color: #A8A8A8 !important;
    font-weight: 400 !important;
}

/* ============================================
   FORMAS RINDAS
   ============================================ */
.woocommerce form .form-row,
.form-row,
.form-row-first,
.form-row-last,
.form-row-wide,
.vkarte-form-row {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Vārds + Uzvārds blakus uz datora */
@media (min-width: 768px) {
    .vkarte-row {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 14px !important;
    }
    
    .vkarte-row .form-row,
    .vkarte-row .form-row-first,
    .vkarte-row .form-row-last {
        margin-bottom: 0 !important;
    }
}

/* ============================================
   PAROLE AR "ACS" IKONU
   ============================================ */
.password-input,
.woocommerce-password-strength,
.show-password-input {
    position: relative;
}

.show-password-input {
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    cursor: pointer !important;
    color: var(--text-light) !important;
}

.woocommerce form .form-row .password-input {
    width: 100%;
    position: relative;
}

/* ============================================
   KONTA TIPA POGAS - SKAISTAS
   ============================================ */
.vkarte-account-type-wrapper {
    margin-bottom: 24px !important;
}

.vkarte-account-type-wrapper > .vkarte-input-label {
    display: block;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
}

.vkarte-type-options {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    width: 100% !important;
}

.vkarte-type-option {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    cursor: pointer !important;
    position: relative !important;
}

.vkarte-type-option input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    cursor: pointer !important;
    z-index: 1 !important;
}

.vkarte-type-card {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 52px !important;
    padding: 14px 16px !important;
    background: var(--bg-input) !important;
    border: 2px solid transparent !important;
    border-radius: 10px !important;
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: var(--text) !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

.vkarte-type-option:hover .vkarte-type-card {
    background: #EFEFEF !important;
}

.vkarte-type-option input[type="radio"]:checked + .vkarte-type-card {
    background: var(--primary-light) !important;
    border-color: var(--primary) !important;
    color: var(--primary) !important;
    font-weight: 600 !important;
}

/* ============================================
   FAILU UPLOAD
   ============================================ */
.vkarte-upload-row {
    margin-bottom: 18px !important;
}

.vkarte-file-upload-wrapper {
    display: block !important;
    margin-top: 8px;
    position: relative;
}

.vkarte-file-input {
    position: absolute !important;
    opacity: 0 !important;
    width: 0.1px !important;
    height: 0.1px !important;
    overflow: hidden !important;
}

.vkarte-file-label {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 52px !important;
    padding: 14px !important;
    background: var(--bg-input) !important;
    color: var(--text) !important;
    border: 2px dashed #C8C8C8 !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    transition: all 0.2s ease !important;
}

.vkarte-file-label:hover {
    background: var(--primary-light) !important;
    border-color: var(--primary) !important;
    color: var(--primary) !important;
}

.vkarte-file-name {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    color: var(--text-light);
    word-break: break-word;
    text-align: center;
}

.vkarte-hint {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: var(--text-light);
}

/* ============================================
   GDPR
   ============================================ */
.vkarte-gdpr {
    background: var(--bg-input) !important;
    padding: 16px !important;
    border-radius: 10px !important;
    margin-top: 20px !important;
}

.vkarte-checkbox-label {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    cursor: pointer !important;
    margin: 0 !important;
}

.vkarte-checkbox-label input[type="checkbox"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

.vkarte-checkbox-custom {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    border: 2px solid #CCCCCC !important;
    border-radius: 5px !important;
    background: var(--white) !important;
    margin-top: 1px !important;
    position: relative !important;
    transition: all 0.2s ease !important;
}

.vkarte-checkbox-label input[type="checkbox"]:checked + .vkarte-checkbox-custom {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
}

.vkarte-checkbox-label input[type="checkbox"]:checked + .vkarte-checkbox-custom::after {
    content: '' !important;
    position: absolute !important;
    left: 6px !important;
    top: 2px !important;
    width: 6px !important;
    height: 11px !important;
    border: solid var(--white) !important;
    border-width: 0 2.5px 2.5px 0 !important;
    transform: rotate(45deg) !important;
}

.vkarte-checkbox-text {
    font-size: 13px !important;
    color: var(--text) !important;
    line-height: 1.5 !important;
}

.vkarte-link {
    color: var(--primary) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

.vkarte-link:hover {
    text-decoration: underline !important;
}

/* ============================================
   SLĒPT BEZJĒDZĪGO WOOCOMMERCE GDPR TEKSTU
   ============================================ */
.woocommerce-privacy-policy-text,
.woocommerce form .woocommerce-privacy-policy-text p {
    display: none !important;
}

/* ============================================
   POGAS - SKAISTAS, AR ĒNU
   ============================================ */
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce #respond input#submit,
.woocommerce-account .woocommerce button.button,
.vkarte-submit-btn,
button[name="login"],
button[name="register"] {
    width: 100% !important;
    min-height: 52px !important;
    padding: 14px 24px !important;
    background: var(--primary) !important;
    color: var(--white) !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin-top: 8px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: 0 4px 14px rgba(255, 46, 84, 0.25) !important;
}

.woocommerce button.button:hover,
.vkarte-submit-btn:hover {
    background: var(--primary-dark) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(255, 46, 84, 0.35) !important;
}

/* ============================================
   "ATCERĒTIES MANI"
   ============================================ */
.woocommerce-form-login__rememberme {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    color: var(--text) !important;
    margin: 16px 0 !important;
    cursor: pointer;
}

.woocommerce-form-login__rememberme input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    accent-color: var(--primary) !important;
    margin: 0 !important;
}

/* ============================================
   "AIZMIRSI PAROLI"
   ============================================ */
.woocommerce-LostPassword,
.lost_password {
    margin-top: 16px !important;
    text-align: center !important;
}

.woocommerce-LostPassword a,
.lost_password a {
    color: var(--primary) !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.woocommerce-LostPassword a:hover {
    text-decoration: underline !important;
}

/* ============================================
   KĻŪDAS UN PAZIŅOJUMI
   ============================================ */
.woocommerce-error,
.woocommerce-message,
.woocommerce-info {
    background: var(--primary-light) !important;
    border: 1px solid var(--primary) !important;
    border-left: 4px solid var(--primary) !important;
    color: var(--text) !important;
    border-radius: 10px !important;
    padding: 14px 18px !important;
    font-size: 14px !important;
    list-style: none !important;
    margin-bottom: 20px !important;
}

.woocommerce-error::before,
.woocommerce-message::before,
.woocommerce-info::before {
    color: var(--primary) !important;
}

/* ============================================
   MONOSPACE NUMURIEM
   ============================================ */
#company_reg_number,
#company_vat,
#billing_phone,
#company_phone {
    font-family: 'SF Mono', Monaco, Consolas, monospace !important;
    letter-spacing: 0.5px !important;
}

/* ============================================
   PROFILA PABEIGŠANAS / FIELDS-GROUP
   ============================================ */
.vkarte-fields-group {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 0 24px 0 !important;
}

.vkarte-fields-title {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--text-light) !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin: 24px 0 16px 0 !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid var(--border) !important;
}

/* ============================================
   MOBILE - VIENA ZEM OTRAS
   ============================================ */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce {
        padding: 0 16px;
        margin: 20px auto;
    }
    
    .woocommerce-account .woocommerce form.login,
    .woocommerce-account .woocommerce form.register {
        padding: 24px 20px !important;
        margin-bottom: 20px !important;
        border-radius: 14px !important;
    }
    
    .woocommerce-account .woocommerce h2 {
        font-size: 22px !important;
        margin-bottom: 20px !important;
    }
    
    .vkarte-type-options {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
    
    .vkarte-row {
        display: block !important;
    }
    
    .vkarte-row .form-row {
        margin-bottom: 18px !important;
    }
    
    .woocommerce form .form-row input,
    .vkarte-input {
        font-size: 16px !important;
    }
}

/* ============================================
   DASHBOARD PĒC IELOGOŠANĀS
   ============================================ */
.vkarte-dashboard-profile {
    background: var(--white);
    padding: 24px;
    border-radius: 16px;
    text-align: center;
    margin-bottom: 30px;
    border: 1px solid var(--border);
}

.vkarte-dashboard-avatar img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--primary);
    margin-bottom: 14px;
}

.vkarte-dashboard-logo img {
    max-width: 140px;
    max-height: 70px;
    object-fit: contain;
    margin-bottom: 14px;
}

.vkarte-dashboard-profile h3 {
    font-size: 20px;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 8px 0;
}

.vkarte-dashboard-profile p {
    color: var(--text-light);
    margin: 4px 0;
    font-size: 14px;
}

.vkarte-dashboard-profile p strong {
    color: var(--text);
}

/* ============================================
   LABOJUMS - LOGIN UN REGISTER VIENĀ LĪMENĪ
   ============================================ */

/* Galvenais konteiners ar grid */
@media (min-width: 992px) {
    
    .woocommerce-account .woocommerce {
        display: block;
    }
    
    /* Atrod un izkārto kolonnās jebkurā gadījumā */
    .woocommerce-account .woocommerce .u-columns {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 30px !important;
        align-items: start !important;
        margin: 0 !important;
        width: 100% !important;
    }
    
    /* Forsē abām kolonnām vienādu platumu */
    .woocommerce-account .woocommerce .u-column1.col-1,
    .woocommerce-account .woocommerce .u-column2.col-2 {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
    }
    
    /* Virsraksti H2 abām kolonnām vienā līmenī */
    .woocommerce-account .woocommerce .u-column1 h2,
    .woocommerce-account .woocommerce .u-column2 h2 {
        text-align: left !important;
        margin: 0 0 24px 0 !important;
        min-height: auto !important;
    }
    
    /* Ja kolonnas nav, formās arī piemēro grid */
    .woocommerce-account .woocommerce > h2 + form,
    .woocommerce-account .woocommerce form.login + h2 {
        margin-top: 0 !important;
    }
}

/* Ja WooCommerce neģenerē u-columns, manuāli salikt */
@media (min-width: 992px) {
    .woocommerce-account .woocommerce {
        max-width: 1100px !important;
        margin: 40px auto !important;
    }
    
    /* Ja login un register ir kā atsevišķi elementi (NEVIS kolonnās) */
    body:not(.logged-in) .woocommerce-account .woocommerce > h2,
    body:not(.logged-in) .woocommerce-account .woocommerce > form {
        display: none;
    }
}

/* Centrēt virsrakstu */
.woocommerce-account .woocommerce h2 {
    text-align: left !important;
}

/* ============================================
   SHORTCODE FORMU DIZAINS (ELEMENTORĀ)
   ============================================ */

.vkarte-form-wrapper {
    background: #ffffff;
    border: 1px solid #E5E5E5;
    padding: 35px;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    max-width: 100%;
    box-sizing: border-box;
}

.vkarte-form-wrapper form {
    margin: 0;
    padding: 0;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.vkarte-form-wrapper .form-row {
    margin-bottom: 18px;
}

/* Aizmirsi paroli forma — centrēts saturs */
.vkarte-lostpass-wrapper p:first-child {
    text-align: center;
    color: #6B6B6B;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 1.5;
}

/* Jau ielogojies paziņojums */
.vkarte-already-logged {
    background: #ffffff;
    padding: 40px 30px;
    text-align: center;
    border-radius: 16px;
    border: 1px solid #E5E5E5;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

.vkarte-already-logged p {
    font-size: 16px;
    color: #1A1A1A;
    margin-bottom: 20px;
}

.vkarte-logged-actions {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

.vkarte-link-btn {
    display: inline-block;
    padding: 14px 24px;
    background: #F7F7F8;
    color: #1A1A1A !important;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s ease;
}

.vkarte-link-btn:hover {
    background: #EFEFEF;
}

/* Submit poga shortcode formās */
.vkarte-form-wrapper .vkarte-submit-btn,
.vkarte-already-logged .vkarte-submit-btn {
    display: inline-block;
    width: 100%;
    text-align: center;
    text-decoration: none;
}

.vkarte-already-logged .vkarte-submit-btn {
    width: auto;
    padding: 14px 30px;
}

/* Mobile */
@media (max-width: 768px) {
    .vkarte-form-wrapper {
        padding: 24px 20px;
    }
}

/* ============================================
   PASLĒPT "RĀDĪT PAROLI" SARKANO KVADRĀTU
   ============================================ */

.show-password-input,
.woocommerce form .show-password-input {
    display: none !important;
}

/* Atjaunot paroles laukam pilnu platumu */
.password-input {
    display: block !important;
    width: 100% !important;
    position: relative !important;
}

.password-input input {
    width: 100% !important;
    padding-right: 16px !important;
}


/* ============================================
   AIZMIRSI PAROLI - PAZIŅOJUMI UN STILI
   ============================================ */

.vkarte-message {
    padding: 16px 20px;
    border-radius: 10px;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 1.5;
    border-left: 4px solid;
}

.vkarte-message-success {
    background: #E8F8EE;
    border-left-color: #2ECC71;
    color: #186A3B;
}

.vkarte-message-error {
    background: #FFF0F2;
    border-left-color: #FF2E54;
    color: #8B0000;
}

.vkarte-lostpass-intro {
    color: #6B6B6B;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 24px;
    text-align: center;
}

.vkarte-back-link a:hover {
    text-decoration: underline !important;
}

/* ============================================
   ADRESES SADAĻAS LABOJUMS DARBA KABINETĀ
   ============================================ */

/* Galvenais konteiners ar abām adresēm */
.woocommerce-account .woocommerce-Addresses {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
    margin: 24px 0 !important;
    width: 100% !important;
}

/* Katra adrese - kolonna */
.woocommerce-account .woocommerce-Address {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Adreses kartīte */
.woocommerce-account .woocommerce-Address-title {
    background: #FAFAFA !important;
    padding: 16px 20px !important;
    border-radius: 10px 10px 0 0 !important;
    border: 1px solid #E5E5E5 !important;
    border-bottom: none !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.woocommerce-account .woocommerce-Address-title h3 {
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1A1A1A !important;
}

.woocommerce-account .woocommerce-Address-title .edit {
    color: #FF2E54 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 6px 14px !important;
    border: 1px solid #FF2E54 !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
}

.woocommerce-account .woocommerce-Address-title .edit:hover {
    background: #FF2E54 !important;
    color: #fff !important;
}

/* Adreses saturs */
.woocommerce-account .woocommerce-Address address {
    background: #fff !important;
    padding: 20px !important;
    border-radius: 0 0 10px 10px !important;
    border: 1px solid #E5E5E5 !important;
    font-style: normal !important;
    color: #1A1A1A !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

/* Adreses paragraph */
.woocommerce-account .my_account_orders + .woocommerce-Address,
.woocommerce-account .woocommerce > p:first-of-type {
    color: #6B6B6B !important;
    font-size: 14px !important;
    margin-bottom: 20px !important;
}

/* ============================================
   MOBILE - VIENA ZEM OTRAS
   ============================================ */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce-Addresses {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    
    .woocommerce-account .woocommerce-Address-title {
        padding: 14px 16px !important;
    }
    
    .woocommerce-account .woocommerce-Address-title h3 {
        font-size: 16px !important;
    }
    
    .woocommerce-account .woocommerce-Address address {
        padding: 16px !important;
    }
}

/* ============================================
   LABOT ARĪ CITUS WOOCOMMERCE TWO-COLUMN LAYOUTUS
   ============================================ */

/* Pasūtījumu un downloads sadaļas */
.woocommerce-account .col2-set {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
}

.woocommerce-account .col2-set .col-1,
.woocommerce-account .col2-set .col-2 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}

@media (max-width: 768px) {
    .woocommerce-account .col2-set {
        grid-template-columns: 1fr !important;
    }
}

/* ============================================
   ADRESES BLAKUS - PIESPIEDU KĀRTĀ (v2)
   ============================================ */

/* Vairāki selektori, lai pārsniegtu visu citu */
body .woocommerce-account .woocommerce-Addresses,
body.woocommerce-account .woocommerce-Addresses,
.woocommerce .woocommerce-Addresses,
section.woocommerce-Addresses,
div.woocommerce-Addresses,
.woocommerce-MyAccount-content .woocommerce-Addresses {
    display: -ms-grid !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    -ms-grid-columns: 1fr 1fr !important;
    gap: 24px !important;
    grid-gap: 24px !important;
    margin: 24px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
}

/* Katra adreses kolonna */
body .woocommerce-account .woocommerce-Address,
body.woocommerce-account .woocommerce-Address,
.woocommerce .woocommerce-Address,
.woocommerce-Addresses .woocommerce-Address,
.woocommerce-Addresses > div {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* Pirmā adrese - pirmajā kolonnā */
body .woocommerce-account .woocommerce-Addresses .woocommerce-Address:nth-child(1) {
    grid-column: 1 !important;
    -ms-grid-column: 1 !important;
}

/* Otrā adrese - otrajā kolonnā */
body .woocommerce-account .woocommerce-Addresses .woocommerce-Address:nth-child(2) {
    grid-column: 2 !important;
    -ms-grid-column: 2 !important;
}

/* Ja Astra/WC izmanto col2-set */
body .woocommerce-account .col2-set,
body .woocommerce-account .u-columns {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
    width: 100% !important;
    float: none !important;
}

body .woocommerce-account .col-1,
body .woocommerce-account .col-2,
body .woocommerce-account .u-column1,
body .woocommerce-account .u-column2 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* MOBILE - viena zem otras */
@media (max-width: 768px) {
    body .woocommerce-account .woocommerce-Addresses,
    body.woocommerce-account .woocommerce-Addresses,
    .woocommerce .woocommerce-Addresses,
    section.woocommerce-Addresses,
    div.woocommerce-Addresses {
        grid-template-columns: 1fr !important;
        -ms-grid-columns: 1fr !important;
        gap: 16px !important;
    }
    
    body .woocommerce-account .woocommerce-Addresses .woocommerce-Address:nth-child(1),
    body .woocommerce-account .woocommerce-Addresses .woocommerce-Address:nth-child(2) {
        grid-column: 1 !important;
        -ms-grid-column: 1 !important;
    }
    
    body .woocommerce-account .col2-set,
    body .woocommerce-account .u-columns {
        grid-template-columns: 1fr !important;
    }
}

/* ============================================
   ADRESES KARTĪTES (ELEMENTOR SHORTCODES)
   ============================================ */

.vkarte-address-card {
    background: #fff;
    border: 1px solid #E5E5E5;
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
    transition: box-shadow 0.2s ease;
}

.vkarte-address-card:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}

.vkarte-address-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 22px;
    background: #FAFAFA;
    border-bottom: 1px solid #E5E5E5;
    flex-wrap: wrap;
    gap: 12px;
}

.vkarte-address-title {
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1A1A1A !important;
}

.vkarte-address-edit-btn {
    display: inline-block;
    padding: 8px 16px;
    background: transparent;
    color: #FF2E54 !important;
    border: 1.5px solid #FF2E54;
    border-radius: 6px;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.2s ease;
}

.vkarte-address-edit-btn:hover {
    background: #FF2E54;
    color: #fff !important;
}

.vkarte-address-body {
    padding: 22px;
}

.vkarte-address-body address {
    font-style: normal;
    color: #1A1A1A;
    line-height: 1.8;
    font-size: 15px;
    margin: 0;
}

.vkarte-no-address {
    color: #6B6B6B;
    font-style: italic;
    margin: 0;
    font-size: 14px;
}

/* Mobile */
@media (max-width: 768px) {
    .vkarte-address-header {
        padding: 14px 16px;
    }
    
    .vkarte-address-title {
        font-size: 16px !important;
    }
    
    .vkarte-address-body {
        padding: 16px;
    }
}

/* ============================================
   ADRESES DARBA KABINETA IEKŠPUSĒ
   ============================================ */

.vkarte-addresses-intro {
    color: #2E3B52;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 24px;
}

.vkarte-addresses-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: start;
}

.vkarte-address-card {
    background: #fff;
    border: 1px solid #E8E8E8;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03);
    height: 100%;
}

.vkarte-address-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 20px 22px;
    border-bottom: 1px solid #EFEFEF;
    background: #fff;
}

.vkarte-address-title {
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1A1A1A !important;
}

.vkarte-address-edit-btn {
    display: inline-block;
    padding: 9px 16px;
    border: 1.5px solid #FF2E54;
    color: #FF2E54 !important;
    border-radius: 8px;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.2s ease;
}

.vkarte-address-edit-btn:hover {
    background: #FF2E54;
    color: #fff !important;
}

.vkarte-address-body {
    padding: 22px;
}

.vkarte-address-body address {
    margin: 0;
    font-style: normal;
    color: #1A1A1A;
    line-height: 1.8;
    font-size: 15px;
}

.vkarte-no-address {
    margin: 0;
    color: #6B6B6B;
    font-style: italic;
}

@media (max-width: 768px) {
    .vkarte-addresses-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .vkarte-address-header {
        padding: 16px;
    }

    .vkarte-address-body {
        padding: 16px;
    }
}