.elementor-127 .elementor-element.elementor-element-7ef4cacf{--display:flex;--min-height:152px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:4%;--padding-bottom:3%;--padding-left:8%;--padding-right:8%;}.elementor-127 .elementor-element.elementor-element-7ef4cacf:not(.elementor-motion-effects-element-type-background), .elementor-127 .elementor-element.elementor-element-7ef4cacf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lockd.co.za/wp-content/uploads/2026/08/Untitled-design-23.jpg");background-position:center center;background-size:cover;}.elementor-widget-theme-page-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-127 .elementor-element.elementor-element-42a92b93 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-127 .elementor-element.elementor-element-1da6abe7{font-family:"Poppins", Sans-serif;font-weight:500;color:#FFFFFF;}.elementor-127 .elementor-element.elementor-element-17f0e511{--display:flex;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-127 .elementor-element.elementor-element-7ef4cacf{--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}}@media(min-width:768px){.elementor-127 .elementor-element.elementor-element-7ef4cacf{--content-width:1412px;}}@media(max-width:767px){.elementor-127 .elementor-element.elementor-element-7ef4cacf{--min-height:122px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-127 .elementor-element.elementor-element-42a92b93 .elementor-heading-title{font-size:21px;}.elementor-127 .elementor-element.elementor-element-1da6abe7{font-size:12px;}.elementor-127 .elementor-element.elementor-element-17f0e511{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for container, class: .elementor-element-17f0e511 *//* =========================================
   LOCKD - MY ACCOUNT ADDRESS CARDS
   FULL WIDTH / STACKED
========================================= */

/* Intro text */
.woocommerce-MyAccount-content-wrapper > p {
    margin: 0 0 22px !important;
    color: #555 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}


/* =========================================
   ADDRESS CONTAINER
========================================= */

.woocommerce-MyAccount-content-wrapper
.woocommerce-Addresses,
.woocommerce-MyAccount-content-wrapper
.woocommerce-Addresses.u-columns,
.woocommerce-MyAccount-content-wrapper
.woocommerce-Addresses.col2-set {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 20px 0 !important;
    gap: 20px !important;
}


/* =========================================
   REMOVE WOOCOMMERCE COLUMN WIDTHS
========================================= */

.woocommerce-MyAccount-content-wrapper
.woocommerce-Addresses .u-column1,
.woocommerce-MyAccount-content-wrapper
.woocommerce-Addresses .u-column2,
.woocommerce-MyAccount-content-wrapper
.woocommerce-Addresses .col-1,
.woocommerce-MyAccount-content-wrapper
.woocommerce-Addresses .col-2 {
    display: flex !important;
    flex-direction: column !important;

    float: none !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;

    flex: 0 0 100% !important;

    margin: 0 !important;
    padding: 25px !important;

    box-sizing: border-box !important;
}


/* =========================================
   ADDRESS CARD
========================================= */

.woocommerce-MyAccount-content-wrapper
.woocommerce-Address {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    max-width: 100% !important;

    min-height: 0 !important;

    margin: 0 !important;
    padding: 25px !important;

    background: #f8f8f8 !important;

    border: 1px solid #e5e5e5 !important;
    border-radius: 12px !important;

    box-sizing: border-box !important;

    float: none !important;

    transition: all 0.25s ease;
}


/* Hover */
.woocommerce-MyAccount-content-wrapper
.woocommerce-Address:hover {
    border-color: #000 !important;
    transform: translateY(-2px);
}


/* =========================================
   CARD HEADER
========================================= */

.woocommerce-MyAccount-content-wrapper
.woocommerce-Address-title {
    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;

    margin: 0 0 20px !important;
    padding: 0 0 15px !important;

    border-bottom: 1px solid #ddd !important;

    box-sizing: border-box !important;
}


/* Heading */
.woocommerce-MyAccount-content-wrapper
.woocommerce-Address-title h2 {
    margin: 0 !important;

    color: #000 !important;

    font-size: 17px !important;
    font-weight: 600 !important;

    line-height: 1.3 !important;
}


/* =========================================
   EDIT BUTTON
========================================= */

.woocommerce-MyAccount-content-wrapper
.woocommerce-Address-title .edit {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 8px 14px !important;

    background: #000 !important;
    color: #fff !important;

    border: 1px solid #000 !important;
    border-radius: 5px !important;

    font-size: 10px !important;
    font-weight: 600 !important;

    text-transform: uppercase;
    letter-spacing: 0.4px;

    text-decoration: none !important;

    white-space: nowrap;

    transition: all 0.2s ease;
}


/* Edit hover */
.woocommerce-MyAccount-content-wrapper
.woocommerce-Address-title .edit:hover {
    background: #fff !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}


/* =========================================
   ADDRESS TEXT
========================================= */

.woocommerce-MyAccount-content-wrapper
.woocommerce-Address address {
    display: block !important;

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    color: #333 !important;

    font-size: 13px !important;
    font-style: normal !important;
    line-height: 1.8 !important;

    box-sizing: border-box !important;
}


/* Remove inline WooCommerce height */
.woocommerce-MyAccount-content-wrapper
.woocommerce-Address address[style] {
    height: auto !important;
}


/* =========================================
   LOCKD - MY ACCOUNT DASHBOARD WELCOME
========================================= */

.woocommerce-MyAccount-content-wrapper {
    width: 100%;
    box-sizing: border-box;
}


/* Welcome message */
.woocommerce-MyAccount-content-wrapper > p:first-of-type {
    margin: 0 0 18px !important;
    padding: 24px 28px !important;

    background: #000 !important;
    color: #fff !important;

    border-radius: 12px !important;
    border: 1px solid #000 !important;

    font-size: 15px !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;

    box-sizing: border-box;
}


/* Username */
.woocommerce-MyAccount-content-wrapper > p:first-of-type strong {
    color: #fff !important;
    font-weight: 700 !important;
}


/* Logout link */
.woocommerce-MyAccount-content-wrapper > p:first-of-type a {
    color: #fff !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;

    transition: opacity 0.2s ease;
}


.woocommerce-MyAccount-content-wrapper > p:first-of-type a:hover {
    opacity: 0.65;
}


/* =========================================
   DASHBOARD DESCRIPTION
========================================= */

.woocommerce-MyAccount-content-wrapper > p:nth-of-type(2) {
    margin: 0 !important;
    padding: 26px 28px !important;

    background: #f8f8f8 !important;

    border: 1px solid #e7e7e7 !important;
    border-radius: 12px !important;

    color: #444 !important;

    font-size: 14px !important;
    line-height: 1.8 !important;

    box-sizing: border-box;

    box-shadow: none !important;
}


/* Links inside description */
.woocommerce-MyAccount-content-wrapper > p:nth-of-type(2) a {
    color: #000 !important;
    font-weight: 600 !important;

    text-decoration: none !important;

    border-bottom: 1px solid #000;

    padding-bottom: 1px;

    transition: all 0.2s ease;
}


.woocommerce-MyAccount-content-wrapper > p:nth-of-type(2) a:hover {
    opacity: 0.55;
}


/* =========================================
   REMOVE DEFAULT WOOCOMMERCE SPACING
========================================= */

.woocommerce-MyAccount-content-wrapper p:last-child {
    margin-bottom: 0 !important;
}


/* =========================================
   LOCKD - DOWNLOADS EMPTY STATE
========================================= */

.woocommerce-MyAccount-content .woocommerce-info {
    position: relative;

    display: flex !important;

    align-items: center;
    justify-content: space-between;

    gap: 25px;

    width: 100%;

    box-sizing: border-box;

    margin: 0 0 25px !important;
    padding: 28px 30px !important;

    background: #f8f8f8 !important;

    border: 1px solid #e5e5e5 !important;
    border-radius: 12px !important;

    color: #222 !important;

    font-size: 14px;
    line-height: 1.6;

    box-shadow: none !important;
}


/* Remove WooCommerce's default icon */
.woocommerce-MyAccount-content .woocommerce-info::before {
    display: none !important;
}


/* Text */
.woocommerce-MyAccount-content .woocommerce-info {
    font-weight: 400;
}


.woocommerce-MyAccount-content .woocommerce-info strong {
    color: #000 !important;
}


/* =========================================
   BROWSE PRODUCTS BUTTON
========================================= */

.woocommerce-MyAccount-content
.woocommerce-info .button.wc-forward {
    flex-shrink: 0;

    display: inline-flex !important;

    align-items: center;
    justify-content: center;

    min-height: 44px;

    padding: 12px 24px !important;

    background: #000 !important;

    color: #fff !important;

    -webkit-text-fill-color: #fff !important;

    border: 1px solid #000 !important;
    border-radius: 6px !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    line-height: 1.2 !important;

    text-transform: uppercase;
    letter-spacing: 0.5px;

    text-decoration: none !important;

    transition: all 0.25s ease;
}


/* Hover */
.woocommerce-MyAccount-content
.woocommerce-info .button.wc-forward:hover {
    background: #fff !important;

    color: #000 !important;

    -webkit-text-fill-color: #000 !important;

    border-color: #000 !important;
}


/* =========================================================
   ORDERS - DESKTOP
========================================================= */

.elementor-widget-woocommerce-my-account
.woocommerce-orders-table {
    width: 100% !important;

    border: 1px solid #e5e5e5 !important;

    border-radius: 12px !important;

    overflow: hidden !important;

    border-spacing: 0 !important;

    border-collapse: separate !important;

    color: #111 !important;
}


/* Header */
.elementor-widget-woocommerce-my-account
.woocommerce-orders-table thead,
.elementor-widget-woocommerce-my-account
.woocommerce-orders-table thead tr,
.elementor-widget-woocommerce-my-account
.woocommerce-orders-table thead th {
    background: #111111 !important;
    color: #ffffff !important;
}


/* Header text */
.elementor-widget-woocommerce-my-account
.woocommerce-orders-table thead * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}


/* Header cells */
.elementor-widget-woocommerce-my-account
.woocommerce-orders-table thead th {
    padding: 15px !important;

    font-size: 11px !important;

    font-weight: 600 !important;

    text-transform: uppercase !important;

    letter-spacing: .4px !important;

    vertical-align: middle !important;

    white-space: nowrap !important;
}


/* Body cells */
.elementor-widget-woocommerce-my-account
.woocommerce-orders-table tbody td {
    padding: 15px !important;

    background: #ffffff !important;

    border-bottom: 1px solid #eeeeee !important;

    color: #444444 !important;

    font-size: 13px !important;

    vertical-align: middle !important;
}


/* Last row */
.elementor-widget-woocommerce-my-account
.woocommerce-orders-table tbody tr:last-child td {
    border-bottom: 0 !important;
}


/* ==========================================================
   LOCKD MY ACCOUNT - CLEAN FINAL STYLE
   Elementor WooCommerce My Account Widget
========================================================== */


/* Main widget */
.elementor-widget-woocommerce-my-account {
    width: 100%;
}


/* WooCommerce wrapper */
.elementor-widget-woocommerce-my-account .woocommerce {
    width: 100%;
    max-width: 1200px;

    margin: 0 auto;

    display: flex;

    align-items: stretch;

    gap: 28px;
}


/* ==========================================================
   LEFT MENU
========================================================== */

.elementor-widget-woocommerce-my-account
.woocommerce-MyAccount-navigation {
    flex: 0 0 235px !important;

    width: 235px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Menu box */
.elementor-widget-woocommerce-my-account
.woocommerce-MyAccount-navigation ul {
    list-style: none !important;

    margin: 0 !important;

    padding: 8px !important;

    background: #0b0b0b !important;

    border-radius: 12px !important;

    box-sizing: border-box;
}


/* Menu item */
.elementor-widget-woocommerce-my-account
.woocommerce-MyAccount-navigation li {
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}


/* Menu links */
.elementor-widget-woocommerce-my-account
.woocommerce-MyAccount-navigation li a {
    display: flex !important;

    align-items: center;

    width: 100%;

    min-height: 48px;

    padding: 0 17px !important;

    box-sizing: border-box;

    background: transparent !important;

    color: #cfcfcf !important;

    border-radius: 8px !important;

    text-decoration: none !important;

    font-size: 13px !important;

    font-weight: 500 !important;

    transition: all 0.2s ease;
}


/* Hover */
.elementor-widget-woocommerce-my-account
.woocommerce-MyAccount-navigation li a:hover {
    background: #1c1c1c !important;

    color: #ffffff !important;
}


/* Active */
.elementor-widget-woocommerce-my-account
.woocommerce-MyAccount-navigation li.is-active a {
    background: #ffffff !important;

    color: #111111 !important;

    font-weight: 600 !important;
}


/* Logout */
.elementor-widget-woocommerce-my-account
.woocommerce-MyAccount-navigation
.woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top: 8px !important;

    padding-top: 8px !important;

    border-top: 1px solid #292929 !important;
}


.elementor-widget-woocommerce-my-account
.woocommerce-MyAccount-navigation
.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #999999 !important;
}


.elementor-widget-woocommerce-my-account
.woocommerce-MyAccount-navigation
.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    color: #ffffff !important;
}


/* ==========================================================
   RIGHT CONTENT
========================================================== */

.elementor-widget-woocommerce-my-account
.woocommerce-MyAccount-content {
    flex: 1 1 auto !important;

    width: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    min-width: 0;
}


/* Elementor's wrapper */
.elementor-widget-woocommerce-my-account
.woocommerce-MyAccount-content-wrapper {
    width: 100%;

    margin: 0;

    padding: 0;
}


/* ==========================================================
   GENERAL CONTENT
========================================================== */

.elementor-widget-woocommerce-my-account
.woocommerce-MyAccount-content p {
    margin-top: 0;

    margin-bottom: 18px;

    color: #666666;

    font-size: 14px;

    line-height: 1.7;
}


/* Main content links */
.elementor-widget-woocommerce-my-account
.woocommerce-MyAccount-content a {
    color: #111111;

    text-decoration: none;
}


.elementor-widget-woocommerce-my-account
.woocommerce-MyAccount-content a:hover {
    text-decoration: underline;
}


/* ==========================================================
   ADDRESS PAGE
========================================================== */

.elementor-widget-woocommerce-my-account
.woocommerce-Addresses {
    display: grid !important;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 20px;

    width: 100%;

    margin: 25px 0 0 !important;
}


/* Address card */
.elementor-widget-woocommerce-my-account
.woocommerce-Address {
    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    float: none !important;

    background: #ffffff;

    border: 1px solid #e5e5e5;

    border-radius: 12px;

    overflow: hidden;

    box-sizing: border-box;
}


/* Address card header */
.elementor-widget-woocommerce-my-account
.woocommerce-Address-title {
    display: flex !important;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    margin: 0 !important;

    padding: 18px 20px !important;

    background: #fafafa;

    border-bottom: 1px solid #e9e9e9;
}


/* Address title */
.elementor-widget-woocommerce-my-account
.woocommerce-Address-title h2 {
    margin: 0 !important;

    color: #111111 !important;

    font-size: 16px !important;

    font-weight: 600 !important;
}


/* Edit button */
.elementor-widget-woocommerce-my-account
.woocommerce-Address-title .edit {
    display: inline-flex !important;

    align-items: center;

    justify-content: center;

    padding: 8px 12px !important;

    background: #111111 !important;

    color: #ffffff !important;

    border-radius: 6px !important;

    font-size: 11px !important;

    font-weight: 600 !important;

    white-space: nowrap;

    text-decoration: none !important;

    transition: background 0.2s ease;
}


.elementor-widget-woocommerce-my-account
.woocommerce-Address-title .edit:hover {
    background: #333333 !important;

    color: #ffffff !important;
}


/* Address */
.elementor-widget-woocommerce-my-account
.woocommerce-Address address {
    height: auto !important;

    min-height: 155px;

    margin: 0 !important;

    padding: 20px !important;

    background: #ffffff;

    color: #555555;

    font-size: 13px;

    line-height: 1.8;

    font-style: normal;
}


/* ==========================================================
   ACCOUNT DETAILS FORM
========================================================== */

.elementor-widget-woocommerce-my-account
.woocommerce-EditAccountForm {
    width: 100%;

    box-sizing: border-box;

    padding: 28px !important;

    background: #ffffff;

    border: 1px solid #e5e5e5;

    border-radius: 12px;
}


/* Form rows */
.elementor-widget-woocommerce-my-account
.woocommerce-EditAccountForm .form-row {
    margin-bottom: 20px !important;
}


/* Labels */
.elementor-widget-woocommerce-my-account
.woocommerce-EditAccountForm label {
    display: block;

    margin-bottom: 7px;

    color: #222222;

    font-size: 12px;

    font-weight: 600;
}


/* Inputs */
.elementor-widget-woocommerce-my-account
.woocommerce-EditAccountForm input {
    width: 100% !important;

    min-height: 46px;

    padding: 11px 13px !important;

    box-sizing: border-box;

    background: #fafafa !important;

    border: 1px solid #dedede !important;

    border-radius: 7px !important;

    color: #111111 !important;

    font-size: 13px;
}


/* Focus */
.elementor-widget-woocommerce-my-account
.woocommerce-EditAccountForm input:focus {
    outline: none !important;

    background: #ffffff !important;

    border-color: #111111 !important;

    box-shadow: 0 0 0 2px rgba(0,0,0,0.05) !important;
}


/* Password section */
.elementor-widget-woocommerce-my-account
.woocommerce-EditAccountForm fieldset {
    margin: 25px 0 20px !important;

    padding: 22px !important;

    background: #fafafa;

    border: 1px solid #e5e5e5 !important;

    border-radius: 10px !important;
}


.elementor-widget-woocommerce-my-account
.woocommerce-EditAccountForm legend {
    padding: 0 7px;

    color: #111111;

    font-size: 15px;

    font-weight: 600;
}


/* Save button */
.elementor-widget-woocommerce-my-account
.woocommerce-Button {
    display: inline-flex !important;

    align-items: center;

    justify-content: center;

    min-height: 44px;

    padding: 0 22px !important;

    background: #111111 !important;

    color: #ffffff !important;

    border: 0 !important;

    border-radius: 7px !important;

    font-size: 12px !important;

    font-weight: 600 !important;

    cursor: pointer;

    transition: background 0.2s ease;
}


.elementor-widget-woocommerce-my-account
.woocommerce-Button:hover {
    background: #333333 !important;

    color: #ffffff !important;
}


/* =========================================================
   MOBILE ONLY
   DESKTOP ABOVE REMAINS UNCHANGED
========================================================= */

@media (max-width: 767px) {

    /* =====================================================
       MAIN ACCOUNT LAYOUT
    ===================================================== */

    .elementor-widget-woocommerce-my-account
    .woocommerce {
        display: block !important;

        width: 100% !important;

        max-width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;
    }


    /* =====================================================
       LEFT MENU
    ===================================================== */

    .elementor-widget-woocommerce-my-account
    .woocommerce-MyAccount-navigation {
        display: block !important;

        width: 100% !important;

        max-width: 100% !important;

        margin: 0 0 20px !important;

        padding: 0 !important;
    }


    .elementor-widget-woocommerce-my-account
    .woocommerce-MyAccount-navigation ul {
        display: grid !important;

        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 6px !important;

        width: 100% !important;

        margin: 0 !important;

        padding: 7px !important;

        box-sizing: border-box !important;
    }


    .elementor-widget-woocommerce-my-account
    .woocommerce-MyAccount-navigation li {
        display: block !important;

        width: auto !important;

        min-width: 0 !important;

        margin: 0 !important;

        padding: 0 !important;

        border: 0 !important;

        box-sizing: border-box !important;
    }


    .elementor-widget-woocommerce-my-account
    .woocommerce-MyAccount-navigation li a {
        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        width: 100% !important;

        min-height: 44px !important;

        padding: 8px 6px !important;

        box-sizing: border-box !important;

        text-align: center !important;

        font-size: 11px !important;

        line-height: 1.2 !important;
    }


    /* Active */
    .elementor-widget-woocommerce-my-account
    .woocommerce-MyAccount-navigation
    li.is-active a {
        background: #ffffff !important;

        color: #111111 !important;
    }


    /* Logout */
    .elementor-widget-woocommerce-my-account
    .woocommerce-MyAccount-navigation
    .woocommerce-MyAccount-navigation-link--customer-logout {
        margin-top: 0 !important;

        padding-top: 0 !important;

        border-top: 0 !important;
    }


    /* =====================================================
       RIGHT CONTENT
    ===================================================== */

    .elementor-widget-woocommerce-my-account
    .woocommerce-MyAccount-content {
        display: block !important;

        width: 100% !important;

        max-width: 100% !important;

        min-width: 0 !important;

        margin: 0 !important;

        padding: 0 !important;

        box-sizing: border-box !important;
    }


    .elementor-widget-woocommerce-my-account
    .woocommerce-MyAccount-content-wrapper {
        width: 100% !important;

        max-width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       WELCOME
    ===================================================== */

    .woocommerce-MyAccount-content-wrapper
    > p:first-of-type {
        padding: 20px !important;

        margin: 0 0 15px !important;

        font-size: 13px !important;

        line-height: 1.7 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       DESCRIPTION
    ===================================================== */

    .woocommerce-MyAccount-content-wrapper
    > p:nth-of-type(2) {
        padding: 20px !important;

        margin: 0 !important;

        font-size: 12px !important;

        line-height: 1.7 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       ADDRESS SECTION
    ===================================================== */

    .elementor-widget-woocommerce-my-account
    .woocommerce-Addresses {
        display: grid !important;

        grid-template-columns: minmax(0, 1fr) !important;

        gap: 15px !important;

        width: 100% !important;

        max-width: 100% !important;

        margin: 20px 0 0 !important;

        padding: 0 !important;

        box-sizing: border-box !important;
    }


    .woocommerce-MyAccount-content-wrapper
    .woocommerce-Addresses,
    .woocommerce-MyAccount-content-wrapper
    .woocommerce-Addresses.u-columns,
    .woocommerce-MyAccount-content-wrapper
    .woocommerce-Addresses.col2-set {
        display: grid !important;

        grid-template-columns: 1fr !important;

        width: 100% !important;

        max-width: 100% !important;

        margin: 20px 0 0 !important;

        padding: 0 !important;

        gap: 15px !important;
    }


    /* Address columns */

    .woocommerce-MyAccount-content-wrapper
    .woocommerce-Addresses .u-column1,
    .woocommerce-MyAccount-content-wrapper
    .woocommerce-Addresses .u-column2,
    .woocommerce-MyAccount-content-wrapper
    .woocommerce-Addresses .col-1,
    .woocommerce-MyAccount-content-wrapper
    .woocommerce-Addresses .col-2,

    .elementor-widget-woocommerce-my-account
    .woocommerce-Addresses .u-column1,
    .elementor-widget-woocommerce-my-account
    .woocommerce-Addresses .u-column2,
    .elementor-widget-woocommerce-my-account
    .woocommerce-Addresses .col-1,
    .elementor-widget-woocommerce-my-account
    .woocommerce-Addresses .col-2 {
        display: block !important;

        width: 100% !important;

        max-width: 100% !important;

        min-width: 0 !important;

        float: none !important;

        flex: none !important;

        margin: 0 !important;

        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* Address card */

    .woocommerce-MyAccount-content-wrapper
    .woocommerce-Address,

    .elementor-widget-woocommerce-my-account
    .woocommerce-Address {
        display: block !important;

        width: 100% !important;

        max-width: 100% !important;

        min-width: 0 !important;

        margin: 0 !important;

        padding: 0 !important;

        float: none !important;

        transform: none !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       ADDRESS HEADER
    ===================================================== */

    .woocommerce-MyAccount-content-wrapper
    .woocommerce-Address-title,

    .elementor-widget-woocommerce-my-account
    .woocommerce-Address-title {
        display: flex !important;

        flex-direction: row !important;

        align-items: center !important;

        justify-content: space-between !important;

        gap: 10px !important;

        width: 100% !important;

        padding: 15px !important;

        box-sizing: border-box !important;
    }


    .woocommerce-MyAccount-content-wrapper
    .woocommerce-Address-title h2,

    .elementor-widget-woocommerce-my-account
    .woocommerce-Address-title h2 {
        font-size: 14px !important;

        line-height: 1.3 !important;

        margin: 0 !important;
    }


    /* Edit button */

    .woocommerce-MyAccount-content-wrapper
    .woocommerce-Address-title .edit,

    .elementor-widget-woocommerce-my-account
    .woocommerce-Address-title .edit {
        width: auto !important;

        min-width: 50px !important;

        padding: 7px 11px !important;

        font-size: 9px !important;

        white-space: nowrap !important;
    }


    /* =====================================================
       ADDRESS TEXT
    ===================================================== */

    .woocommerce-MyAccount-content-wrapper
    .woocommerce-Address address,

    .elementor-widget-woocommerce-my-account
    .woocommerce-Address address {
        height: auto !important;

        min-height: 0 !important;

        padding: 16px !important;

        font-size: 11px !important;

        line-height: 1.7 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       ACCOUNT DETAILS
    ===================================================== */

    .elementor-widget-woocommerce-my-account
    .woocommerce-EditAccountForm {
        width: 100% !important;

        padding: 20px !important;

        box-sizing: border-box !important;
    }


    .elementor-widget-woocommerce-my-account
    .woocommerce-EditAccountForm input {
        width: 100% !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       DOWNLOADS
    ===================================================== */

    .woocommerce-MyAccount-content
    .woocommerce-info {
        flex-direction: column !important;

        align-items: flex-start !important;

        gap: 16px !important;

        padding: 20px !important;

        box-sizing: border-box !important;
    }


    .woocommerce-MyAccount-content
    .woocommerce-info .button.wc-forward {
        width: 100% !important;
    }


    /* =====================================================
       ORDERS
       MOBILE TABLE WITH INTERNAL SCROLL
    ===================================================== */

    /* The content itself becomes the scroll area */
    .elementor-widget-woocommerce-my-account
    .woocommerce-MyAccount-content:has(.woocommerce-orders-table) {
        display: block !important;

        width: 100% !important;

        max-width: 100% !important;

        min-width: 0 !important;

        overflow-x: auto !important;

        overflow-y: visible !important;

        -webkit-overflow-scrolling: touch !important;

        scrollbar-width: thin !important;

        box-sizing: border-box !important;
    }


    /* Prevent the wrapper from creating page width */
    .elementor-widget-woocommerce-my-account
    .woocommerce-MyAccount-content-wrapper:has(.woocommerce-orders-table) {
        width: 100% !important;

        max-width: none !important;

        min-width: 0 !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }


    /* Keep proper table layout */
    .elementor-widget-woocommerce-my-account
    .woocommerce-orders-table {
        display: table !important;

        width: 760px !important;

        min-width: 760px !important;

        max-width: none !important;

        margin: 0 !important;

        table-layout: auto !important;

        border-collapse: separate !important;

        border-spacing: 0 !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }


    /* Table header group */
    .elementor-widget-woocommerce-my-account
    .woocommerce-orders-table thead {
        display: table-header-group !important;
    }


    /* Table body group */
    .elementor-widget-woocommerce-my-account
    .woocommerce-orders-table tbody {
        display: table-row-group !important;
    }


    /* Rows */
    .elementor-widget-woocommerce-my-account
    .woocommerce-orders-table tr {
        display: table-row !important;
    }


    /* Cells */
    .elementor-widget-woocommerce-my-account
    .woocommerce-orders-table th,
    .elementor-widget-woocommerce-my-account
    .woocommerce-orders-table td {
        display: table-cell !important;

        box-sizing: border-box !important;

        vertical-align: middle !important;
    }


    /* =====================================================
       ORDER TITLES
    ===================================================== */

    .elementor-widget-woocommerce-my-account
    .woocommerce-orders-table thead th {
        padding: 13px 14px !important;

        background: #111111 !important;

        color: #ffffff !important;

        -webkit-text-fill-color: #ffffff !important;

        font-size: 10px !important;

        font-weight: 600 !important;

        line-height: 1.3 !important;

        text-transform: uppercase !important;

        letter-spacing: .4px !important;

        text-align: left !important;

        white-space: nowrap !important;

        vertical-align: middle !important;
    }


    /* =====================================================
       REMOVE DUPLICATE MOBILE TITLES
    ===================================================== */

    .elementor-widget-woocommerce-my-account
    .woocommerce-orders-table td::before {
        display: none !important;

        content: none !important;
    }


    /* =====================================================
       ORDER CONTENT
    ===================================================== */

    .elementor-widget-woocommerce-my-account
    .woocommerce-orders-table tbody td {
        display: table-cell !important;

        padding: 14px !important;

        background: #ffffff !important;

        border-bottom: 1px solid #eeeeee !important;

        color: #444444 !important;

        -webkit-text-fill-color: #444444 !important;

        font-size: 11px !important;

        line-height: 1.5 !important;

        text-align: left !important;

        vertical-align: middle !important;

        white-space: normal !important;
    }


    /* =====================================================
       ORDER NUMBER
    ===================================================== */

    .elementor-widget-woocommerce-my-account
    .woocommerce-orders-table
    .woocommerce-orders-table__cell-order-number {
        min-width: 105px !important;

        white-space: nowrap !important;

        text-align: left !important;
    }


    .elementor-widget-woocommerce-my-account
    .woocommerce-orders-table
    .woocommerce-orders-table__cell-order-number a {
        display: inline-block !important;

        color: #111111 !important;

        -webkit-text-fill-color: #111111 !important;

        font-weight: 600 !important;

        white-space: nowrap !important;

        text-decoration: none !important;
    }


    /* =====================================================
       DATE
    ===================================================== */

    .elementor-widget-woocommerce-my-account
    .woocommerce-orders-table
    .woocommerce-orders-table__cell-order-date {
        min-width: 115px !important;

        white-space: nowrap !important;

        text-align: left !important;
    }


    /* =====================================================
       STATUS
    ===================================================== */

    .elementor-widget-woocommerce-my-account
    .woocommerce-orders-table
    .woocommerce-orders-table__cell-order-status {
        min-width: 105px !important;

        white-space: nowrap !important;

        text-align: left !important;
    }


    /* =====================================================
       TOTAL
    ===================================================== */

    .elementor-widget-woocommerce-my-account
    .woocommerce-orders-table
    .woocommerce-orders-table__cell-order-total {
        min-width: 150px !important;

        white-space: nowrap !important;

        text-align: left !important;
    }


    /* =====================================================
       ACTIONS
    ===================================================== */

    .elementor-widget-woocommerce-my-account
    .woocommerce-orders-table
    .woocommerce-orders-table__cell-order-actions {
        min-width: 150px !important;

        white-space: nowrap !important;

        text-align: left !important;
    }


    /* =====================================================
       VIEW BUTTON
    ===================================================== */

    .elementor-widget-woocommerce-my-account
    .woocommerce-orders-table
    .woocommerce-orders-table__cell-order-actions .button {
        display: inline-flex !important;

        align-items: center !important;

        justify-content: center !important;

        min-width: 70px !important;

        min-height: 34px !important;

        padding: 7px 12px !important;

        background: #111111 !important;

        color: #ffffff !important;

        -webkit-text-fill-color: #ffffff !important;

        border: 1px solid #111111 !important;

        border-radius: 5px !important;

        font-size: 10px !important;

        font-weight: 600 !important;

        line-height: 1.2 !important;

        white-space: nowrap !important;

        text-decoration: none !important;
    }


    /* Button hover */
    .elementor-widget-woocommerce-my-account
    .woocommerce-orders-table
    .woocommerce-orders-table__cell-order-actions .button:hover {
        background: #ffffff !important;

        color: #111111 !important;

        -webkit-text-fill-color: #111111 !important;
    }


    /* Rows */
    .elementor-widget-woocommerce-my-account
    .woocommerce-orders-table tbody tr {
        display: table-row !important;

        background: #ffffff !important;
    }


    /* Row hover */
    .elementor-widget-woocommerce-my-account
    .woocommerce-orders-table tbody tr:hover td {
        background: #fafafa !important;
    }


    /* =====================================================
       NO EXTRA PAGE SPACE
    ===================================================== */

    .elementor-widget-woocommerce-my-account
    .woocommerce-MyAccount-content:has(.woocommerce-orders-table) {
        margin-right: 0 !important;

        padding-right: 0 !important;

        padding-bottom: 0 !important;

        margin-bottom: 0 !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 550px) {

    .elementor-widget-woocommerce-my-account
    .woocommerce-MyAccount-navigation ul {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 5px !important;
    }


    .elementor-widget-woocommerce-my-account
    .woocommerce-MyAccount-navigation li a {
        min-height: 42px !important;

        padding: 7px 5px !important;

        font-size: 10px !important;
    }


    .elementor-widget-woocommerce-my-account
    .woocommerce-Address-title {
        flex-direction: row !important;

        align-items: center !important;
    }


    .elementor-widget-woocommerce-my-account
    .woocommerce-Address-title .edit {
        width: auto !important;
    }


    /* Orders */
    .elementor-widget-woocommerce-my-account
    .woocommerce-orders-table {
        width: 760px !important;

        min-width: 760px !important;
    }


    .elementor-widget-woocommerce-my-account
    .woocommerce-orders-table thead th {
        padding: 12px 13px !important;

        font-size: 9px !important;
    }


    .elementor-widget-woocommerce-my-account
    .woocommerce-orders-table tbody td {
        padding: 12px 13px !important;

        font-size: 10px !important;
    }

}


/* =========================================================
   VERY SMALL PHONES
========================================================= */

@media (max-width: 380px) {

    .elementor-widget-woocommerce-my-account
    .woocommerce-MyAccount-navigation ul {
        gap: 4px !important;

        padding: 5px !important;
    }


    .elementor-widget-woocommerce-my-account
    .woocommerce-MyAccount-navigation li a {
        min-height: 40px !important;

        font-size: 9px !important;
    }


    .woocommerce-MyAccount-content-wrapper
    > p:first-of-type {
        padding: 17px !important;

        font-size: 12px !important;
    }


    .woocommerce-MyAccount-content-wrapper
    > p:nth-of-type(2) {
        padding: 17px !important;

        font-size: 11px !important;
    }


    .elementor-widget-woocommerce-my-account
    .woocommerce-Address-title {
        padding: 13px !important;
    }


    .elementor-widget-woocommerce-my-account
    .woocommerce-Address address {
        padding: 14px !important;

        font-size: 10px !important;
    }


    /* Orders */
    .elementor-widget-woocommerce-my-account
    .woocommerce-orders-table {
        width: 760px !important;

        min-width: 760px !important;
    }


    .elementor-widget-woocommerce-my-account
    .woocommerce-orders-table thead th {
        padding: 11px 12px !important;

        font-size: 9px !important;
    }


    .elementor-widget-woocommerce-my-account
    .woocommerce-orders-table tbody td {
        padding: 11px 12px !important;

        font-size: 10px !important;
    }

}


/* =========================================================
   SHIPPING ADDRESS TITLE SPACING
   MOBILE ONLY
========================================================= */

@media (max-width: 767px) {

    .woocommerce-MyAccount-content-wrapper
    .woocommerce-Address-title h2 {
        margin-right: -135px !important;
    }

}/* End custom CSS */