.elementor-1544 .elementor-element.elementor-element-a0bb104{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-1544 .elementor-element.elementor-element-39f8431{--display:flex;--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-1544 .elementor-element.elementor-element-8f13da8.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}/* Start custom CSS *//* ============================================================
   UCL MY ACCOUNT PAGE — Template CSS (v1)
   ------------------------------------------------------------
   Paste into: WP Admin → Appearance → Customize → Additional CSS
                (loads sitewide, scoped to .woocommerce-account)

   This styles WooCommerce's native /my-account/ dashboard +
   all subpages (Orders, Downloads, Addresses, Edit Account,
   Payment Methods, Login).

   Optional: Add an Elementor hero above the WC shortcode by
   editing the page. See UCL My Account Page Build Guide.md.

   Page subroutes covered:
     /my-account/             — Dashboard (with membership block)
     /my-account/orders/      — Order history
     /my-account/downloads/   — Downloadable files (digital issues)
     /my-account/edit-address/— Billing + shipping addresses
     /my-account/edit-account/— Profile + password
     /my-account/payment-methods/ — Saved cards (if Woo set up)
     /my-account/customer-logout/  — Logout
     /my-account/ (not logged in)  — Login + Register forms
   ============================================================ */


/* ============================================================
   1. PAGE WRAPPER + OPTIONAL HERO
   ============================================================ */

/* If you're using the Elementor wrapper hero pattern, this is
   the class to put on the outer Container. */
.ucl-acct-hero,
.ucl-acct-hero.e-con {
    width: 100% !important;
    background: #F9FAFB !important;
    padding: 56px 24px 40px 24px !important;
    margin: 0 !important;
    border-bottom: 1px solid #E5E7EB !important;
    box-sizing: border-box !important;
}

.ucl-acct-hero > .e-con-inner {
    max-width: 1280px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    background: transparent !important;
}

.ucl-acct-eyebrow,
.ucl-acct-eyebrow p {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: #6B7280 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

.ucl-acct-title,
.ucl-acct-title h1,
.ucl-acct-title .elementor-heading-title {
    font-family: 'Fino Sans', 'Lora', Georgia, serif !important;
    font-size: clamp(36px, 5vw, 56px) !important;
    font-weight: 400 !important;
    color: #0F1419 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.025em !important;
    margin: 0 !important;
    padding: 0 !important;
    text-transform: none !important;
}

/* Main content area — wraps the WC shortcode output */
body.woocommerce-account .entry-content,
body.woocommerce-account .site-main,
body.woocommerce-account .content-area {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 56px 24px 96px 24px !important;
    background: transparent !important;
}

body.woocommerce-account .woocommerce {
    display: block !important;
}


/* ============================================================
   2. TWO-COLUMN DASHBOARD LAYOUT
   ============================================================ */

body.woocommerce-account .woocommerce-MyAccount-navigation {
    float: none !important;
    width: 100% !important;
    max-width: 240px !important;
    display: inline-block !important;
    vertical-align: top !important;
    margin: 0 48px 0 0 !important;
    padding: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
    display: inline-block !important;
    vertical-align: top !important;
    width: calc(100% - 288px) !important;
    max-width: 760px !important;
    margin: 0 !important;
    padding: 0 !important;
}

@media (max-width: 900px) {
    body.woocommerce-account .woocommerce-MyAccount-navigation,
    body.woocommerce-account .woocommerce-MyAccount-content {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 0 32px 0 !important;
    }
}


/* ============================================================
   3. SIDEBAR NAVIGATION
   ============================================================ */

.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #0F1419 !important;
}

.woocommerce-MyAccount-navigation li {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #E5E7EB !important;
}

.woocommerce-MyAccount-navigation li a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 16px 14px 0 !important;
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: #4B5563 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    position: relative !important;
}

.woocommerce-MyAccount-navigation li a::after {
    content: '→' !important;
    font-size: 14px !important;
    opacity: 0.3 !important;
    transition: opacity 0.2s ease, transform 0.2s ease !important;
    margin-left: 8px !important;
}

.woocommerce-MyAccount-navigation li a:hover {
    color: #0F1419 !important;
    padding-left: 6px !important;
}

.woocommerce-MyAccount-navigation li a:hover::after {
    opacity: 1 !important;
    transform: translateX(2px) !important;
}

.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard.is-active a {
    color: #0F1419 !important;
    background: #F9FAFB !important;
    padding-left: 12px !important;
    border-left: 2px solid #0F1419 !important;
}

.woocommerce-MyAccount-navigation li.is-active a::after {
    opacity: 1 !important;
}


/* ============================================================
   4. CONTENT AREA — common typography
   ============================================================ */

.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce > h2 {
    font-family: 'Fino Sans', 'Lora', Georgia, serif !important;
    font-weight: 400 !important;
    color: #0F1419 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
    margin: 0 0 20px 0 !important;
    padding: 0 0 12px 0 !important;
    border-bottom: 1px solid #E5E7EB !important;
    text-transform: none !important;
}

.woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce > h2 {
    font-size: 26px !important;
}

.woocommerce-MyAccount-content h3 {
    font-size: 20px !important;
    border-bottom: 0 none !important;
    padding-bottom: 0 !important;
    margin-top: 24px !important;
}

.woocommerce-MyAccount-content p,
.woocommerce-MyAccount-content {
    font-family: 'Lora', Georgia, serif !important;
    font-size: 16px !important;
    color: #4B5563 !important;
    line-height: 1.6 !important;
    margin: 0 0 16px 0 !important;
}

.woocommerce-MyAccount-content a:not(.button) {
    color: #0F1419 !important;
    text-decoration: none !important;
    border-bottom: 1px solid #0F1419 !important;
    padding-bottom: 1px !important;
    transition: opacity 0.2s ease !important;
}

.woocommerce-MyAccount-content a:not(.button):hover {
    opacity: 0.6 !important;
}

.woocommerce-MyAccount-content strong {
    color: #0F1419 !important;
    font-weight: 600 !important;
}


/* ============================================================
   5. MEMBERSHIP STATUS BLOCK (custom — top of Dashboard)
   ------------------------------------------------------------
   Rendered by [ucl_membership_dashboard_block] shortcode from
   UCL My Account PHP Helpers.php — hooked into
   woocommerce_account_dashboard action at priority 5.
   ============================================================ */

.ucl-acct-membership {
    background: #0F1419 !important;
    color: #FFFFFF !important;
    border-radius: 4px !important;
    padding: 28px 32px !important;
    margin: 0 0 36px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    position: relative !important;
    overflow: hidden !important;
}

.ucl-acct-membership--inactive {
    background: #F9FAFB !important;
    color: #0F1419 !important;
    border: 1px solid #E5E7EB !important;
}

.ucl-acct-membership-eyebrow {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.7) !important;
    margin: 0 !important;
    line-height: 1 !important;
}

.ucl-acct-membership--inactive .ucl-acct-membership-eyebrow {
    color: #6B7280 !important;
}

.ucl-acct-membership-title {
    font-family: 'Fino Sans', 'Lora', Georgia, serif !important;
    font-size: 28px !important;
    font-weight: 400 !important;
    color: #FFFFFF !important;
    line-height: 1.15 !important;
    letter-spacing: -0.015em !important;
    margin: 0 !important;
    text-transform: none !important;
}

.ucl-acct-membership--inactive .ucl-acct-membership-title {
    color: #0F1419 !important;
}

.ucl-acct-membership-meta {
    font-family: 'Lora', Georgia, serif !important;
    font-size: 15px !important;
    color: rgba(255, 255, 255, 0.85) !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

.ucl-acct-membership--inactive .ucl-acct-membership-meta {
    color: #4B5563 !important;
}

.ucl-acct-membership-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 8px !important;
}

.ucl-acct-membership-btn,
a.ucl-acct-membership-btn {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    border-radius: 999px !important;
    padding: 14px 26px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    border: 1px solid #FFFFFF !important;
    background: #FFFFFF !important;
    color: #0F1419 !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: fit-content !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    gap: 4px !important;
}

.ucl-acct-membership-btn:hover {
    background: #F9FAFB !important;
    color: #0F1419 !important;
    border-color: #F9FAFB !important;
    opacity: 1 !important;
}

.ucl-acct-membership-btn--secondary {
    background: transparent !important;
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
}

.ucl-acct-membership-btn--secondary:hover {
    background: #FFFFFF !important;
    color: #0F1419 !important;
    border-color: #FFFFFF !important;
}

/* Inactive card CTA — editorial underlined text, no fill */
.ucl-acct-membership--inactive .ucl-acct-membership-btn,
.ucl-acct-membership--inactive a.ucl-acct-membership-btn {
    background: transparent !important;
    background-color: transparent !important;
    color: #0F1419 !important;
    border: 0 none !important;
    border-bottom: 1px solid #0F1419 !important;
    border-radius: 0 !important;
    padding: 0 0 4px 0 !important;
    max-width: fit-content !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    align-self: flex-start !important;
}

.ucl-acct-membership--inactive .ucl-acct-membership-btn:hover,
.ucl-acct-membership--inactive a.ucl-acct-membership-btn:hover {
    background: transparent !important;
    color: #0F1419 !important;
    border-bottom-color: #0F1419 !important;
    opacity: 0.55 !important;
}


/* ============================================================
   6. ORDERS TABLE
   ============================================================ */

.woocommerce-orders-table,
table.woocommerce-orders-table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 0 0 24px 0 !important;
    border-top: 1px solid #0F1419 !important;
    background: transparent !important;
}

.woocommerce-orders-table thead {
    background: transparent !important;
}

.woocommerce-orders-table thead th {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: #6B7280 !important;
    padding: 14px 12px !important;
    text-align: left !important;
    border-bottom: 1px solid #E5E7EB !important;
    background: transparent !important;
}

.woocommerce-orders-table tbody tr {
    background: transparent !important;
}

.woocommerce-orders-table tbody td {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 14px !important;
    color: #374151 !important;
    padding: 18px 12px !important;
    border-bottom: 1px solid #E5E7EB !important;
    background: transparent !important;
    vertical-align: middle !important;
}

.woocommerce-orders-table tbody tr:hover td {
    background: #F9FAFB !important;
}

.woocommerce-orders-table .woocommerce-orders-table__cell-order-number {
    font-weight: 600 !important;
    color: #0F1419 !important;
}

.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions {
    text-align: right !important;
}

/* Order status pill */
.woocommerce-orders-table mark,
.woocommerce-orders-table .order-status {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    background: #E5E7EB !important;
    color: #374151 !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    line-height: 1 !important;
    display: inline-block !important;
}

.woocommerce-orders-table .order-status.status-completed {
    background: rgba(5, 150, 105, 0.12) !important;
    color: #065F46 !important;
}

.woocommerce-orders-table .order-status.status-processing {
    background: rgba(245, 158, 11, 0.12) !important;
    color: #92400E !important;
}

.woocommerce-orders-table .order-status.status-cancelled,
.woocommerce-orders-table .order-status.status-failed {
    background: rgba(220, 38, 38, 0.12) !important;
    color: #991B1B !important;
}


/* ============================================================
   7. DOWNLOADS TABLE
   ============================================================ */

.woocommerce-table--order-downloads,
.woocommerce-MyAccount-downloads table {
    width: 100% !important;
    border-collapse: collapse !important;
    border-top: 1px solid #0F1419 !important;
}

.woocommerce-MyAccount-downloads th {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: #6B7280 !important;
    padding: 14px 12px !important;
    text-align: left !important;
    border-bottom: 1px solid #E5E7EB !important;
    background: transparent !important;
}

.woocommerce-MyAccount-downloads td {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 14px !important;
    color: #374151 !important;
    padding: 18px 12px !important;
    border-bottom: 1px solid #E5E7EB !important;
    vertical-align: middle !important;
}

.woocommerce-MyAccount-downloads .download-file a {
    font-family: 'Fino Sans', 'Lora', Georgia, serif !important;
    font-size: 16px !important;
    color: #0F1419 !important;
    text-decoration: none !important;
    border: 0 none !important;
}

.woocommerce-MyAccount-downloads .download-file a:hover {
    opacity: 0.65 !important;
}


/* ============================================================
   8. ADDRESS BLOCKS
   ============================================================ */

.woocommerce-Addresses,
.u-columns {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
    margin: 24px 0 0 0 !important;
}

@media (max-width: 768px) {
    .woocommerce-Addresses,
    .u-columns {
        grid-template-columns: 1fr !important;
    }
}

.woocommerce-Address {
    background: #F9FAFB !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 4px !important;
    padding: 24px !important;
}

.woocommerce-Address-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #E5E7EB !important;
}

.woocommerce-Address-title h3 {
    font-family: 'Fino Sans', 'Lora', Georgia, serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #0F1419 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 none !important;
    text-transform: none !important;
}

.woocommerce-Address address {
    font-family: 'Lora', Georgia, serif !important;
    font-style: normal !important;
    font-size: 15px !important;
    color: #4B5563 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

.woocommerce-Address-title .edit {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: #0F1419 !important;
    text-decoration: none !important;
    border-bottom: 1px solid #0F1419 !important;
    padding-bottom: 2px !important;
}


/* ============================================================
   9. FORMS (edit account, edit address, login, register)
   ============================================================ */

.woocommerce form .form-row,
.woocommerce-MyAccount-content form p {
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
    display: block !important;
}

.woocommerce form .form-row label,
.woocommerce-MyAccount-content form label {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: #6B7280 !important;
    margin: 0 0 6px 0 !important;
    display: block !important;
    line-height: 1.3 !important;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-MyAccount-content input[type="text"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="tel"],
.woocommerce-MyAccount-content input[type="password"],
.woocommerce-MyAccount-content input[type="number"],
.woocommerce-MyAccount-content textarea,
.woocommerce-MyAccount-content select {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 15px !important;
    color: #0F1419 !important;
    background: #FFFFFF !important;
    border: 1px solid #D1D5DB !important;
    border-radius: 2px !important;
    padding: 12px 14px !important;
    width: 100% !important;
    line-height: 1.4 !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease !important;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce-MyAccount-content input:focus,
.woocommerce-MyAccount-content textarea:focus,
.woocommerce-MyAccount-content select:focus {
    border-color: #0F1419 !important;
    outline: none !important;
}

.woocommerce-MyAccount-content textarea {
    min-height: 100px !important;
    resize: vertical !important;
}

/* Required asterisk */
.woocommerce form .form-row .required,
.woocommerce form .form-row abbr.required {
    color: #DC2626 !important;
    text-decoration: none !important;
    margin-left: 2px !important;
}

/* Two-column form rows */
.woocommerce form .form-row-first {
    width: 48% !important;
    float: left !important;
    margin-right: 4% !important;
}

.woocommerce form .form-row-last {
    width: 48% !important;
    float: right !important;
    margin-right: 0 !important;
}

.woocommerce form .form-row-wide {
    width: 100% !important;
    clear: both !important;
}

.woocommerce form::after {
    content: '' !important;
    display: table !important;
    clear: both !important;
}

@media (max-width: 600px) {
    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
    }
}


/* ============================================================
   10. BUTTONS (shared across the dashboard)
   ============================================================ */

.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content button[type="submit"],
.woocommerce-MyAccount-content input[type="submit"],
.woocommerce-MyAccount-content .woocommerce-button,
.woocommerce .button {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    border-radius: 999px !important;
    padding: 13px 24px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    border: 1px solid #0F1419 !important;
    background: #0F1419 !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
    text-align: center !important;
}

.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content button[type="submit"]:hover,
.woocommerce-MyAccount-content input[type="submit"]:hover,
.woocommerce .button:hover {
    background: #1F2937 !important;
    border-color: #1F2937 !important;
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* Outline button variant — used for secondary actions like "Cancel" */
.woocommerce-MyAccount-content .button.alt,
.woocommerce-MyAccount-content .button.cancel,
.woocommerce-MyAccount-content .woocommerce-button--view {
    background: transparent !important;
    color: #0F1419 !important;
    border-color: #0F1419 !important;
}

.woocommerce-MyAccount-content .button.alt:hover,
.woocommerce-MyAccount-content .button.cancel:hover {
    background: #0F1419 !important;
    color: #FFFFFF !important;
}


/* ============================================================
   11. LOGIN + REGISTER FORMS (non-logged-in state)
   ============================================================ */

body.woocommerce-account:not(.logged-in) .woocommerce {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 48px !important;
    max-width: 880px !important;
    margin: 0 auto !important;
}

@media (max-width: 768px) {
    body.woocommerce-account:not(.logged-in) .woocommerce {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
    }
}

.woocommerce-form-login,
.woocommerce-form-register {
    background: #F9FAFB !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 4px !important;
    padding: 32px !important;
    margin: 0 !important;
}

.u-column1 > h2,
.u-column2 > h2 {
    font-family: 'Fino Sans', 'Lora', Georgia, serif !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    color: #0F1419 !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    border-bottom: 0 none !important;
    text-transform: none !important;
}

.woocommerce-LostPassword,
.woocommerce-form-login__rememberme,
.lost_password {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 12px !important;
    margin: 12px 0 !important;
}

.woocommerce-LostPassword a {
    color: #0F1419 !important;
    text-decoration: none !important;
    border-bottom: 1px solid #0F1419 !important;
    padding-bottom: 1px !important;
}


/* ============================================================
   12. NOTICES (success, error, info messages)
   ============================================================ */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notice {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    padding: 14px 20px 14px 20px !important;
    margin: 0 0 24px 0 !important;
    border-radius: 4px !important;
    border: 1px solid !important;
    background-image: none !important;
}

.woocommerce-message {
    background: rgba(5, 150, 105, 0.08) !important;
    color: #065F46 !important;
    border-color: rgba(5, 150, 105, 0.3) !important;
}

.woocommerce-info {
    background: rgba(15, 20, 25, 0.04) !important;
    color: #0F1419 !important;
    border-color: #E5E7EB !important;
}

.woocommerce-error {
    background: rgba(220, 38, 38, 0.08) !important;
    color: #991B1B !important;
    border-color: rgba(220, 38, 38, 0.3) !important;
}

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
    display: none !important;
}


/* ============================================================
   CHANGELOG
   ------------------------------------------------------------
   v1 (2026-05-27): Initial My Account page CSS. Twelve sections:
                    (1) Page wrapper + optional Elementor hero.
                    (2) Two-column dashboard layout (240px nav,
                    760px content, single-column under 900px).
                    (3) Sidebar navigation — Inter caps with
                    left-border active state. (4) Content area
                    common typography (Fino Sans h2/h3, Lora
                    body). (5) Custom membership status block
                    rendered by [ucl_membership_dashboard_block]
                    shortcode — black filled card for active
                    members, light gray outlined for inactive.
                    (6) Orders table with status pills. (7)
                    Downloads table. (8) Address blocks as cards.
                    (9) Form fields — Inter caps labels, clean
                    inputs. (10) Buttons — pill style matching
                    rest of brand. (11) Login + register forms
                    in 2-up grid. (12) Notices with subtle
                    colored backgrounds (success/info/error).
                    Mobile responsive at 900px (sidebar stacks)
                    and 600px (form rows stack).
   ============================================================ *//* End custom CSS */