/* =========================================================
   ERAINTERMEDIA MY ACCOUNT V2
   PART 1 - FOUNDATION
   01. VARIABLES
   02. RESET
   03. LAYOUT
   04. SIDEBAR
   05. CONTENT
   06. CARD SYSTEM
   07. TYPOGRAPHY
   08. BUTTONS
   09. UTILITIES
========================================================= */

/* =========================================================
   01. VARIABLES
========================================================= */
:root {
    --ea-bg: #f8fafc;
    --ea-surface: #ffffff;

    --ea-text: #0f172a;
    --ea-text-soft: #475569;
    --ea-muted: #94a3b8;

    --ea-border: #e2e8f0;
    --ea-border-light: #edf2f7;

    --ea-primary: #2563eb;
    --ea-primary-hover: #1d4ed8;

    --ea-success: #16a34a;
    --ea-danger: #dc2626;
    --ea-warning: #d97706;

    --ea-radius-sm: 12px;
    --ea-radius: 18px;
    --ea-radius-lg: 24px;

    --ea-shadow-sm: 0 2px 8px rgba(15, 23, 42, .04);
    --ea-shadow: 0 10px 28px rgba(15, 23, 42, .06);
    --ea-shadow-lg: 0 24px 60px rgba(15, 23, 42, .10);

    --ea-transition: .25s ease;
}

/* =========================================================
   02. MY ACCOUNT RESET
========================================================= */
.woocommerce-account .woocommerce *,
.woocommerce-account .woocommerce *:before,
.woocommerce-account .woocommerce *:after {
    box-sizing: border-box;
}

.woocommerce-account .woocommerce a {
    transition: var(--ea-transition);
}

.woocommerce-account .woocommerce img {
    max-width: 100%;
    height: auto;
}

/* =========================================================
   03. LAYOUT
========================================================= */
.woocommerce-account .woocommerce {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 40px;
    width: 100%;
    align-items: start;
}

/* Sidebar */
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
    min-width: 280px;
    position: sticky;
    top: 110px;
}

/* Content */
.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
    min-width: 0;
    max-width: none;
    display: block;
}

/* Semua child selalu full width */
.woocommerce-account .woocommerce-MyAccount-content > * {
    width: 100%;
}

/* spacing antar section */
.woocommerce-account .woocommerce-MyAccount-content > * + * {
    margin-top: 28px;
}

/* =========================================================
   04. SIDEBAR
========================================================= */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0;
    padding: 18px;
    list-style: none;
    background: #fff;
    border: 1px solid var(--ea-border);
    border-radius: 24px;
    box-shadow: var(--ea-shadow);
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
    margin: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li + li {
    margin-top: 8px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--ea-border-light);
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
    display: flex;
    align-items: center;
    min-height: 54px;
    padding: 0 18px;
    border-radius: 14px;
    text-decoration: none;
    font-weight: 600;
    color: var(--ea-text);
}

.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
    background: #eff6ff;
    color: var(--ea-primary);
}

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
    background: linear-gradient(135deg, #2563eb, #3b82f6);
    color: #fff;
    box-shadow: 0 12px 26px rgba(37, 99, 235, .20);
}

/* =========================================================
   05. CONTENT
========================================================= */
.woocommerce-account .woocommerce-notices-wrapper {
    margin-bottom: 28px;
}

.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error {
    border-radius: 18px;
}

/* =========================================================
   06. CARD SYSTEM
========================================================= */
.woocommerce-account .ea-card,
.woocommerce-account .woocommerce form,
.woocommerce-account .woocommerce-address-fields,
.woocommerce-account .address_book {
    width: 100%;
    background: #fff;
    border: 1px solid var(--ea-border);
    border-radius: 24px;
    padding: 32px;
    box-shadow: var(--ea-shadow);
}

/* table card akan dipakai part2 */
.woocommerce-account table.shop_table {
    width: 100%;
    background: #fff;
    border-collapse: separate;
    border-spacing: 0;
}

/* =========================================================
   07. TYPOGRAPHY
========================================================= */
.woocommerce-account h1 {
    margin: 0 0 14px;
    font-size: 34px;
    color: var(--ea-text);
}

.woocommerce-account h2 {
    margin: 0 0 20px;
    font-size: 30px;
    color: var(--ea-text);
}

.woocommerce-account h3 {
    margin: 0 0 12px;
    font-size: 22px;
    color: var(--ea-text);
}

.woocommerce-account p {
    color: var(--ea-text-soft);
    line-height: 1.8;
}

/* =========================================================
   08. BUTTON
========================================================= */
.woocommerce-account .button,
.woocommerce-account button.button {
    min-height: 48px;
    padding: 0 22px;
    border: none;
    border-radius: 14px;
    font-weight: 700;
    transition: var(--ea-transition);
}

.woocommerce-account .button:hover,
.woocommerce-account button.button:hover {
    transform: translateY(-2px);
}

/* =========================================================
   09. RESPONSIVE
========================================================= */
@media (max-width: 991px) {
    .woocommerce-account .woocommerce {
        display: block;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        position: relative;
        top: auto;
        min-width: 100%;
        margin-bottom: 28px;
    }

    .woocommerce-account .ea-card,
    .woocommerce-account .woocommerce form,
    .woocommerce-account .woocommerce-address-fields,
    .woocommerce-account .address_book {
        padding: 24px;
    }
}

@media (max-width: 576px) {
    .woocommerce-account h1 {
        font-size: 28px;
    }

    .woocommerce-account h2 {
        font-size: 24px;
    }

    .woocommerce-account h3 {
        font-size: 20px;
    }
}


/* =========================================================
   PART 2
   DASHBOARD
   ORDERS
   DOWNLOADS
========================================================= */

/* =========================================================
   DASHBOARD
========================================================= */
.ea-dashboard-card {
    background: #fff;
    border: 1px solid var(--ea-border);
    border-radius: 24px;
    padding: 32px;
    box-shadow: var(--ea-shadow);
}

.ea-dashboard-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    margin-bottom: 30px;
}

.ea-dashboard-title h2 {
    margin: 0;
    font-size: 34px;
}

.ea-dashboard-title p {
    margin: 10px 0 0;
    color: var(--ea-muted);
}

/* =========================================================
   SUMMARY
========================================================= */
.ea-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.ea-summary-card {
    border: 1px solid var(--ea-border);
    border-radius: 20px;
    padding: 24px;
    transition: .25s;
    background: #fff;
}

.ea-summary-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--ea-shadow);
}

.ea-summary-label {
    font-size: 13px;
    color: var(--ea-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 10px;
}

.ea-summary-value {
    font-size: 30px;
    font-weight: 700;
}

/* =========================================================
   QUICK LINK
========================================================= */
.ea-quick-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.ea-quick-links a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 22px;
    border-radius: 18px;
    border: 1px solid var(--ea-border);
    text-decoration: none;
    color: var(--ea-text);
    background: #fff;
}

.ea-quick-links a:hover {
    background: #f8fbff;
    border-color: #bfdbfe;
}

/* =========================================================
   ORDERS TABLE
========================================================= */
table.woocommerce-orders-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border: 1px solid var(--ea-border);
    border-radius: 24px;
    box-shadow: var(--ea-shadow);
}

/* header */
table.woocommerce-orders-table thead {
    background: #f8fafc;
}

table.woocommerce-orders-table thead th {
    padding: 22px 28px;
    font-size: 14px;
    font-weight: 700;
    color: var(--ea-text);
    text-transform: uppercase;
    border: none;
}

/* body */
table.woocommerce-orders-table tbody th,
table.woocommerce-orders-table tbody td {
    padding: 24px 28px;
    vertical-align: middle;
    border-top: 1px solid var(--ea-border-light);
    color: var(--ea-text-soft);
}

table.woocommerce-orders-table tbody tr:first-child th,
table.woocommerce-orders-table tbody tr:first-child td {
    border-top: none;
}

table.woocommerce-orders-table tbody tr {
    transition: .25s;
}

table.woocommerce-orders-table tbody tr:hover {
    background: #fbfdff;
}

/* =========================================================
   ORDER NUMBER
========================================================= */
.woocommerce-orders-table__cell-order-number a {
    font-weight: 700;
    color: var(--ea-primary);
    text-decoration: none;
}

.woocommerce-orders-table__cell-order-number a:hover {
    text-decoration: underline;
}

/* =========================================================
   STATUS
========================================================= */
.woocommerce-orders-table__cell-order-status {
    font-weight: 600;
}

/* =========================================================
   ACTION BUTTON
========================================================= */
.woocommerce-orders-table .button {
    min-height: 42px;
    padding: 0 18px;
    border-radius: 12px;
}

/* =========================================================
   DOWNLOAD TABLE
========================================================= */
table.woocommerce-table {
    width: 100%;
    border: 1px solid var(--ea-border);
    border-radius: 24px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    box-shadow: var(--ea-shadow);
}

table.woocommerce-table th {
    background: #f8fafc;
    padding: 22px 28px;
}

table.woocommerce-table td {
    padding: 22px 28px;
}

/* =========================================================
   EMPTY
========================================================= */
.woocommerce-info {
    padding: 28px;
    border: 1px dashed var(--ea-border);
    border-radius: 18px;
    background: #fff;
}

/* =========================================================
   PAGINATION
========================================================= */
.woocommerce-pagination {
    margin-top: 36px;
    display: flex;
    justify-content: center;
}

.woocommerce-pagination ul {
    display: flex;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
    border: none;
}

.woocommerce-pagination li {
    border: none;
}

.woocommerce-pagination a,
.woocommerce-pagination span {
    width: 46px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 14px;
    border: 1px solid var(--ea-border);
    background: #fff;
}

.woocommerce-pagination .current {
    background: var(--ea-primary);
    color: #fff;
    border-color: var(--ea-primary);
}

/* Next / Prev pakai teks panjang ("Selanjutnya"/"Sebelumnya"),
   jangan dipaksa kotak 46x46 seperti nomor halaman.
   Class asli dari markup: woocommerce-button--next / woocommerce-Button--next */
.woocommerce-pagination .woocommerce-button--next,
.woocommerce-pagination .woocommerce-Button--next,
.woocommerce-pagination .woocommerce-button--previous,
.woocommerce-pagination .woocommerce-Button--previous {
    width: auto;
    height: auto;
    min-width: 120px;
    min-height: 46px;
    padding: 0 22px;
    white-space: nowrap;
    border-radius: 14px;
}

/* =========================================================
   ACTION CELL (kolom AKSI: Bayar / Lihat / Batal)
   Catatan: SENGAJA tidak pakai display:flex di <td> ini —
   itu bikin cell lepas dari struktur baris tabel sehingga
   border row jadi tidak sejajar dengan kolom lain.
========================================================= */
.woocommerce-orders-table__cell-order-actions {
    text-align: right;
}
.woocommerce-orders-table__cell-order-actions .button {
    margin: 4px 0 4px 10px;
}

/* Bayar - aksi utama/penting, dikasih warna primary */
.woocommerce-orders-table .button.pay {
    background: var(--ea-primary);
    border: none;
    color: #fff !important;
}
.woocommerce-orders-table .button.pay:hover {
    background: var(--ea-primary-hover);
}

/* Lihat - aksi netral */
.woocommerce-orders-table .button.view {
    background: #fff;
    border: 1px solid var(--ea-border);
    color: var(--ea-text) !important;
}
.woocommerce-orders-table .button.view:hover {
    background: #f8fafc;
}

/* Batal - aksi destruktif, dikasih warna danger */
.woocommerce-orders-table .button.cancel {
    background: #fff5f5;
    border: 1px solid #fecaca;
    color: var(--ea-danger) !important;
}
.woocommerce-orders-table .button.cancel:hover {
    background: #fee2e2;
}

/* =========================================================
   ORDER DETAIL
========================================================= */
.woocommerce-order-details,
.woocommerce-customer-details {
    border: 1px solid var(--ea-border);
    border-radius: 24px;
    padding: 32px;
    background: #fff;
    box-shadow: var(--ea-shadow);
}

.woocommerce-customer-details address {
    margin-top: 20px;
    padding: 22px;
    border-radius: 18px;
    background: #f8fafc;
    border: 1px solid var(--ea-border);
    font-style: normal;
    line-height: 1.9;
}

/* =========================================================
   RESPONSIVE
========================================================= */
@media (max-width: 991px) {
    .ea-summary {
        grid-template-columns: 1fr;
    }

    .ea-quick-links {
        grid-template-columns: 1fr;
    }

    .ea-dashboard-header {
        display: block;
    }
}

@media (max-width: 768px) {
    table.woocommerce-orders-table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    table.woocommerce-table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}


/* =========================================================
   PART 3
   ADDRESS BOOK
========================================================= */

/* =========================================================
   HIDE DEFAULT WOOCOMMERCE ADDRESS
========================================================= */
.woocommerce-account .woocommerce-Addresses {
    display: none;
}

/* =========================================================
   WRAPPER
========================================================= */
.woocommerce-account .address_book {
    width: 100%;
    background: #fff;
    border: 1px solid var(--ea-border);
    border-radius: 24px;
    padding: 32px;
    box-shadow: var(--ea-shadow);
}

/* =========================================================
   HEADER
========================================================= */
.woocommerce-account .ea-address-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--ea-border-light);
}

.woocommerce-account .ea-address-title h2 {
    margin: 0;
    font-size: 30px;
}

.woocommerce-account .ea-address-title span {
    display: inline-flex;
    align-items: center;
    margin-top: 12px;
    padding: 8px 16px;
    border-radius: 999px;
    background: #eff6ff;
    color: var(--ea-primary);
    font-size: 13px;
    font-weight: 700;
}

/* =========================================================
   ADD BUTTON
========================================================= */
.woocommerce-account .ea-address-action .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 22px;
    border-radius: 14px;
    background: var(--ea-primary);
    color: #fff;
    text-decoration: none;
}

.woocommerce-account .ea-address-action .button:hover {
    background: var(--ea-primary-hover);
}

/* =========================================================
   GRID
========================================================= */
.woocommerce-account .addresses.address-book {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 24px;
    width: 100%;
}

/* =========================================================
   CARD
========================================================= */
.woocommerce-account .wc-address-book-address {
    display: flex;
    flex-direction: column;
    min-height: 320px;
    background: #fff;
    border: 1px solid var(--ea-border);
    border-radius: 22px;
    padding: 28px;
    transition: .25s;
}

.woocommerce-account .wc-address-book-address:hover {
    transform: translateY(-4px);
    box-shadow: var(--ea-shadow-lg);
    border-color: #bfdbfe;
}

/* =========================================================
   DEFAULT CARD
========================================================= */
.woocommerce-account .wc-address-book-address-default {
    border: 2px solid var(--ea-primary);
}

/* =========================================================
   CARD HEADER
========================================================= */
.woocommerce-account .ea-card-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 22px;
}

.woocommerce-account .ea-card-title h3 {
    margin: 0;
    font-size: 22px;
}

/* =========================================================
   DEFAULT BADGE
========================================================= */
.woocommerce-account .ea-default-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 14px;
    border-radius: 999px;
    background: var(--ea-primary);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

/* =========================================================
   ADDRESS
========================================================= */
.woocommerce-account .ea-card-address {
    flex: 1;
}

.woocommerce-account .ea-card-address address {
    margin: 0;
    font-style: normal;
    color: var(--ea-text-soft);
    line-height: 1.9;
}

/* =========================================================
   FOOTER
========================================================= */
.woocommerce-account .ea-card-footer {
    display: flex;
    gap: 12px;
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px solid var(--ea-border-light);
}

/* =========================================================
   BUTTONS
========================================================= */
.woocommerce-account .ea-btn {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: .25s;
}

.woocommerce-account .ea-btn-outline {
    border: 1px solid var(--ea-border);
    background: #fff;
    color: var(--ea-text);
}

.woocommerce-account .ea-btn-outline:hover {
    background: #f8fafc;
}

.woocommerce-account .ea-btn-danger {
    border: 1px solid #fecaca;
    background: #fff5f5;
    color: var(--ea-danger);
}

.woocommerce-account .ea-btn-danger:hover {
    background: #fee2e2;
}

.woocommerce-account .ea-btn-primary {
    background: var(--ea-primary);
    color: #fff;
    border: none;
}

.woocommerce-account .ea-btn-primary:hover {
    background: var(--ea-primary-hover);
}

/* =========================================================
   HIDE DISABLED BUTTON
========================================================= */
.woocommerce-account .wc-address-book-add-new-address .disabled {
    display: none !important;
}

/* =========================================================
   EMPTY STATE
========================================================= */
.woocommerce-account .address-book-empty {
    padding: 42px;
    text-align: center;
    border: 2px dashed var(--ea-border);
    border-radius: 22px;
    color: var(--ea-text-soft);
}

/* =========================================================
   RESPONSIVE
========================================================= */
@media (max-width: 991px) {
    .woocommerce-account .ea-address-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .woocommerce-account .addresses.address-book {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {
    .woocommerce-account .address_book {
        padding: 22px;
    }

    .woocommerce-account .wc-address-book-address {
        padding: 22px;
    }

    .woocommerce-account .ea-card-footer {
        flex-direction: column;
    }

    .woocommerce-account .ea-btn {
        width: 100%;
    }
}


/* =========================================================
   PART 4
   EDIT ADDRESS
   FORM
   SELECT2
========================================================= */

/* =========================================================
   EDIT ADDRESS WRAPPER
   (tanpa kartu sendiri — mengikuti box luar/parent, biar
   tidak dobel dengan wrapper .address_book / .woocommerce form)
========================================================= */
.woocommerce-account .woocommerce-address-fields {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* =========================================================
   FORM GRID
========================================================= */
.woocommerce-account .woocommerce-address-fields__field-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.woocommerce-account .form-row {
    width: 100%;
    margin: 0;
}

.woocommerce-account .form-row-wide {
    grid-column: 1 / -1;
}

/* =========================================================
   LABEL
========================================================= */
.woocommerce-account .form-row label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--ea-text);
}

/* =========================================================
   INPUT
========================================================= */
.woocommerce-account input[type=text],
.woocommerce-account input[type=email],
.woocommerce-account input[type=tel],
.woocommerce-account input[type=password],
.woocommerce-account textarea,
.woocommerce-account select {
    width: 100%;
    min-height: 52px;
    padding: 0 16px;
    border: 1px solid var(--ea-border);
    border-radius: 14px;
    background: #fff;
    color: var(--ea-text);
    transition: .25s;
    box-shadow: none;
}

.woocommerce-account textarea {
    min-height: 140px;
    padding: 16px;
    resize: vertical;
}

/* =========================================================
   FOCUS
========================================================= */
.woocommerce-account input:focus,
.woocommerce-account textarea:focus,
.woocommerce-account select:focus {
    outline: none;
    border-color: #93c5fd;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, .12);
}

/* =========================================================
   PLACEHOLDER
========================================================= */
.woocommerce-account ::placeholder {
    color: #94a3b8;
}

/* =========================================================
   SELECT2
========================================================= */
.woocommerce-account .select2-container {
    width: 100% !important;
}

.woocommerce-account .select2-selection--single {
    height: 52px !important;
    border: 1px solid var(--ea-border) !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    background: #fff !important;
}

.woocommerce-account .select2-selection__rendered {
    line-height: 50px !important;
    padding-left: 16px !important;
    color: var(--ea-text) !important;
}

.woocommerce-account .select2-selection__arrow {
    height: 50px !important;
    right: 12px !important;
}

.woocommerce-account .select2-container--open .select2-selection--single {
    border-color: #93c5fd !important;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, .12);
}

/* dropdown */
.select2-dropdown {
    border: 1px solid var(--ea-border) !important;
    border-radius: 14px !important;
    overflow: hidden;
    box-shadow: var(--ea-shadow);
}

.select2-search__field {
    border: none !important;
}

.select2-results__option {
    padding: 12px 16px;
}

/* =========================================================
   ERROR
========================================================= */
.woocommerce-account .woocommerce-invalid input,
.woocommerce-account .woocommerce-invalid textarea,
.woocommerce-account .woocommerce-invalid .select2-selection {
    border-color: #ef4444 !important;
}

.woocommerce-account .woocommerce-invalid input:focus,
.woocommerce-account .woocommerce-invalid textarea:focus {
    box-shadow: 0 0 0 4px rgba(239, 68, 68, .10);
}

/* =========================================================
   DESCRIPTION
========================================================= */
.woocommerce-account .description {
    margin-top: 8px;
    font-size: 13px;
    color: var(--ea-muted);
}

/* =========================================================
   SAVE BUTTON
========================================================= */
.woocommerce-account button[name="save_address"] {
    margin-top: 32px;
    min-height: 52px;
    padding: 0 28px;
    border: none;
    border-radius: 14px;
    background: var(--ea-primary);
    color: #fff;
    font-weight: 700;
}

.woocommerce-account button[name="save_address"]:hover {
    background: var(--ea-primary-hover);
}

/* =========================================================
   ACCOUNT DETAILS
========================================================= */
.woocommerce-account fieldset {
    margin-top: 36px;
    padding-top: 30px;
    border: none;
    border-top: 1px solid var(--ea-border-light);
}

.woocommerce-account legend {
    padding: 0;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    color: var(--ea-text);
}

/* =========================================================
   RESPONSIVE
========================================================= */
@media (max-width: 991px) {
    .woocommerce-account .woocommerce-address-fields {
        padding: 24px;
    }

    .woocommerce-account .woocommerce-address-fields__field-wrapper {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {
    .woocommerce-account .woocommerce-address-fields {
        padding: 20px;
    }

    .woocommerce-account button[name="save_address"] {
        width: 100%;
    }
}


/* =========================================================
   V2 FINAL PATCH
========================================================= */

/* =====================================
   ACTIVE SIDEBAR
===================================== */
.woocommerce-account .woocommerce-MyAccount-navigation .is-active > a {
    color: #fff !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active > a * {
    color: #fff !important;
}

/* =====================================
   REMOVE ADDRESS DESCRIPTION
===================================== */
.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type {
    display: none;
}

/* =====================================
   ADD NEW ADDRESS BUTTON
===================================== */
.ea-address-action .button,
.ea-address-action .button:visited,
.ea-address-action .button:hover {
    color: #fff !important;
}

/* =====================================
   ORDER TABLE
===================================== */
table.woocommerce-orders-table {
    overflow: hidden;
    border-radius: 24px;
}

/* lebih lega */
.woocommerce-account table.woocommerce-orders-table thead th {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
    vertical-align: middle !important;
    line-height: normal !important;
}
.woocommerce-account table.woocommerce-orders-table tbody td,
.woocommerce-account table.woocommerce-orders-table tbody th {
    padding-top: 24px;
    padding-bottom: 24px;
}

/* padding kiri */
table.woocommerce-orders-table th:first-child,
table.woocommerce-orders-table td:first-child {
    padding-left: 34px;
}

/* padding kanan */
table.woocommerce-orders-table th:last-child,
table.woocommerce-orders-table td:last-child {
    padding-right: 34px;
}

/* =====================================
   ACTION BUTTON
===================================== */
.woocommerce-orders-table .button {
    min-width: 84px;
    height: 42px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

/* =====================================
   ADDRESS CARD
===================================== */
.wc-address-book-address {
    position: relative;
    overflow: hidden;
}
.wc-address-book-address-default {
    border: 2px solid var(--ea-primary);
    box-shadow: 0 18px 40px rgba(37, 99, 235, .08);
}

/* =====================================
   DEFAULT BADGE
===================================== */
.ea-default-badge {
    min-width: 90px;
    height: 36px;
    padding: 0 18px;
    white-space: nowrap;
}

/* =====================================
   ADDRESS FOOTER
===================================== */
.ea-card-footer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}
.ea-btn {
    width: 100%;
    min-height: 46px;
    white-space: nowrap;
    font-size: 15px;
}
.ea-btn-primary {
    background: var(--ea-primary);
    color: #fff;
}
.ea-btn-primary:hover {
    background: var(--ea-primary-hover);
}

/* =====================================
   BUTTON TEXT
===================================== */
.ea-btn-primary,
.ea-btn-primary:hover,
.ea-btn-primary:visited {
    color: #fff !important;
}
.ea-btn-outline {
    color: var(--ea-text);
}
.ea-btn-danger {
    color: #ef4444;
}

/* =====================================
   ADD ADDRESS BUTTON
===================================== */
.wc-address-book-add-new-address .button {
    min-width: 220px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* =====================================
   HIDE DISABLED BUTTON
===================================== */
.wc-address-book-add-new-address .disabled {
    display: none !important;
}

/* =========================================================
   PART 5
   FIX FORM LOGIN & REGISTER (OVERRIDE GRID DASHBOARD)
========================================================= */

/* 1. Bebaskan form dan notifikasi dari kolom 280px agar full width */
.woocommerce-account .woocommerce-notices-wrapper,
.woocommerce-account .woocommerce #customer_login {
    grid-column: 1 / -1; /* Memaksa elemen membentang penuh melewati sidebar */
}

/* 2. Atur wrapper form Login & Register */
.woocommerce-account .woocommerce #customer_login {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    max-width: 1280px; /* Lebar maksimal form gabungan */
    margin: 0 auto; /* Ketengahkan di layar */
    width: 100%;
}

/* 3. Bagi form kiri (Masuk) dan kanan (Daftar) masing-masing 50% */
.woocommerce-account .woocommerce #customer_login .u-column1,
.woocommerce-account .woocommerce #customer_login .u-column2 {
    flex: 1;
    min-width: 320px;
    padding: 0;
    margin-bottom: 100px;
    width: 100%;
}

/* 4. Terapkan gaya "Card System" ke kotak login biar seragam dengan V2-mu */
.woocommerce-account .woocommerce #customer_login form.login,
.woocommerce-account .woocommerce #customer_login form.register {
    background: #fff;
    border: 1px solid var(--ea-border);
    border-radius: 24px;
    padding: 32px;
    box-shadow: var(--ea-shadow);
    margin: 0;
    height: 100%; /* Biar tinggi kotak Masuk & Daftar sejajar */
}

/* 5. Perbaiki lebar input text di dalam form login */
.woocommerce-account .woocommerce #customer_login form.login input.input-text,
.woocommerce-account .woocommerce #customer_login form.register input.input-text {
    width: 100%;
    margin-bottom: 12px;
}