/* ── SmartShop Suite: WooCommerce "My Account" page branding ─────────────────
   Applies the same accent color / rounded-corner language used in the
   Login/Register popup to the real WooCommerce My Account dashboard, so the
   two feel like one connected experience instead of two different products.
   Only visual styling — no WooCommerce markup, fields, or logic touched. */

.woocommerce-account {
    --sss-wc-accent: var( --sss-acc-accent, var( --sss-primary, #2c3e50 ) );
    --sss-wc-radius: var( --sss-border-radius, 8px );
}

/* Left nav (Orders / Downloads / Addresses / Account details / Logout) */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    border: 1px solid #eee;
    border-radius: var(--sss-wc-radius);
    overflow: hidden;
    padding: 6px;
    background: #fafafa;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
    border: none !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
    display: block;
    padding: 10px 14px;
    border-radius: calc(var(--sss-wc-radius) - 2px);
    color: #444;
    transition: background .15s, color .15s;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
    background: #fff;
    color: var(--sss-wc-accent);
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    background: var(--sss-wc-accent);
    color: #fff;
}

/* Buttons — Save changes, Place order, Pay, Cancel order, etc. */
.woocommerce-account .woocommerce-Button,
.woocommerce-account button.button,
.woocommerce-account input.button,
.woocommerce-account a.button {
    background: var(--sss-wc-accent) !important;
    color: #fff !important;
    border: none !important;
    border-radius: var(--sss-wc-radius) !important;
    font-weight: 600 !important;
    padding: 10px 18px !important;
    transition: filter .15s, transform .1s;
}
.woocommerce-account .woocommerce-Button:hover,
.woocommerce-account button.button:hover,
.woocommerce-account input.button:hover,
.woocommerce-account a.button:hover {
    filter: brightness(1.1);
    color: #fff !important;
}
.woocommerce-account .woocommerce-Button:active,
.woocommerce-account button.button:active { transform: scale(.98); }

/* Orders / Downloads tables */
.woocommerce-account table.woocommerce-orders-table,
.woocommerce-account table.woocommerce-table {
    border-radius: var(--sss-wc-radius);
    overflow: hidden;
    border: 1px solid #eee !important;
}
.woocommerce-account table.woocommerce-orders-table thead th,
.woocommerce-account table.woocommerce-table thead th {
    background: #fafafa;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #555;
}
.woocommerce-account .woocommerce-orders-table__cell-order-status mark.order-status {
    background: #eef7ee;
    color: var(--sss-wc-accent);
    border-radius: 50px;
    padding: 3px 12px;
    font-weight: 600;
}

/* Address cards */
.woocommerce-account .woocommerce-Address {
    border: 1px solid #eee;
    border-radius: var(--sss-wc-radius);
    padding: 16px 18px;
}
.woocommerce-account .woocommerce-Address-title h3 { margin-top: 0; }
.woocommerce-account .woocommerce-Address-title .edit {
    color: var(--sss-wc-accent);
    font-weight: 600;
}

/* Account details form inputs — match popup form fields */
.woocommerce-account .woocommerce-EditAccountForm input.woocommerce-Input,
.woocommerce-account .woocommerce-form-row input,
.woocommerce-account .woocommerce-form-row select,
.woocommerce-account .woocommerce-form-row textarea {
    border: 1.5px solid #ddd !important;
    border-radius: 7px !important;
    padding: 9px 12px !important;
}
.woocommerce-account .woocommerce-EditAccountForm input.woocommerce-Input:focus,
.woocommerce-account .woocommerce-form-row input:focus {
    outline: none;
    border-color: var(--sss-wc-accent) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--sss-wc-accent) 15%, transparent);
}

/* Success / error notices, kept readable but on-brand */
.woocommerce-account .woocommerce-message {
    border-top-color: var(--sss-wc-accent) !important;
}
.woocommerce-account .woocommerce-message::before {
    color: var(--sss-wc-accent) !important;
}