.elementor-34 .elementor-element.elementor-element-64501ac2{--display:flex;}.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 );}/* Start custom CSS for text-editor, class: .elementor-element-3c14088 *//* =========================================================
   INKMYWEAR — WOOCOMMERCE MY ACCOUNT
   COMPLETE PREMIUM BLACK / WHITE DESIGN

   SUPPORTS:
   - Login
   - Register
   - Dashboard
   - Orders
   - View Order
   - Downloads
   - Addresses
   - Account Details
   - Lost Password
   - Logout Navigation
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700;800&display=swap');


/* =========================================================
   01 — GLOBAL
========================================================= */

body.woocommerce-account {

    background:#F4F4F2 !important;

    color:#18181B;

    font-family:"Inter",sans-serif;

}


body.woocommerce-account *,
body.woocommerce-account *::before,
body.woocommerce-account *::after {

    box-sizing:border-box;

}


body.woocommerce-account a {

    text-decoration:none;

}


body.woocommerce-account .site-main,
body.woocommerce-account main,
body.woocommerce-account .entry-content {

    overflow:visible !important;

}



/* =========================================================
   02 — PAGE TITLE
========================================================= */

body.woocommerce-account .entry-header .entry-title,
body.woocommerce-account .page-header .page-title,
body.woocommerce-account h1.entry-title {

    width:min(
        1400px,
        calc(100% - 70px)
    );

    max-width:100%;

    margin:
        70px
        auto
        0 !important;

    font-family:"Bebas Neue",sans-serif !important;

    font-size:clamp(
        65px,
        7vw,
        110px
    ) !important;

    font-weight:400 !important;

    line-height:.82 !important;

    letter-spacing:0 !important;

    text-transform:uppercase;

    color:#000000 !important;

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

}


/* Subtitle */

body.woocommerce-account
.entry-header .entry-title::after,
body.woocommerce-account
.page-header .page-title::after,
body.woocommerce-account
h1.entry-title::after {

    content:"Your orders. Your details. Your INKMYWEAR account.";

    display:block;

    max-width:650px;

    margin-top:22px;

    font-family:"Inter",sans-serif;

    font-size:13px;

    font-weight:500;

    line-height:1.75;

    letter-spacing:0;

    text-transform:none;

    color:#71717A !important;

    -webkit-text-fill-color:#71717A !important;

}



/* =========================================================
   03 — MAIN ACCOUNT WRAPPER
========================================================= */

body.woocommerce-account .woocommerce {

    width:min(
        1400px,
        calc(100% - 70px)
    );

    max-width:100%;

    margin:0 auto;

    padding:
        65px
        0
        120px;

}



/* =========================================================
   04 — NOTICES
========================================================= */

body.woocommerce-account
.woocommerce-message,
body.woocommerce-account
.woocommerce-info,
body.woocommerce-account
.woocommerce-error {

    width:100%;

    margin:
        0
        0
        25px !important;

    padding:
        20px
        24px
        20px
        55px !important;

    background:#FFFFFF !important;

    color:#18181B !important;

    -webkit-text-fill-color:#18181B !important;

    border:
        1px solid
        rgba(0,0,0,.12) !important;

    border-top:0 !important;

    border-radius:0 !important;

    box-shadow:none !important;

    font-family:"Inter",sans-serif;

    font-size:11px;

    line-height:1.7;

}


body.woocommerce-account
.woocommerce-message::before,
body.woocommerce-account
.woocommerce-info::before,
body.woocommerce-account
.woocommerce-error::before {

    color:#000000 !important;

}



/* =========================================================
   05 — LOGGED IN ACCOUNT LAYOUT
========================================================= */

body.woocommerce-account.logged-in
.woocommerce {

    display:grid;

    grid-template-columns:
        310px
        minmax(0,1fr);

    gap:28px;

    align-items:start;

}



/* =========================================================
   06 — ACCOUNT NAVIGATION
========================================================= */

body.woocommerce-account
.woocommerce-MyAccount-navigation {

    width:100% !important;

    float:none !important;

    position:sticky;

    top:110px;

    margin:0 !important;

    padding:0 !important;

    background:#18181B;

}


body.woocommerce-account
.woocommerce-MyAccount-navigation::before {

    content:"YOUR ACCOUNT";

    display:block;

    padding:
        30px
        28px
        20px;

    color:#71717A !important;

    -webkit-text-fill-color:#71717A !important;

    font-family:"Inter",sans-serif;

    font-size:7px;

    font-weight:800;

    letter-spacing:1.5px;

    text-transform:uppercase;

}


body.woocommerce-account
.woocommerce-MyAccount-navigation::after {

    content:"MY INKMYWEAR";

    display:block;

    padding:
        0
        28px
        30px;

    border-bottom:
        1px solid
        rgba(255,255,255,.12);

    font-family:"Bebas Neue",sans-serif;

    font-size:43px;

    line-height:.85;

    color:#FFFFFF !important;

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

}



/* NAV LIST */

body.woocommerce-account
.woocommerce-MyAccount-navigation ul {

    margin:0 !important;

    padding:0 !important;

    list-style:none !important;

}


body.woocommerce-account
.woocommerce-MyAccount-navigation li {

    margin:0 !important;

    padding:0 !important;

    border-bottom:
        1px solid
        rgba(255,255,255,.12);

}


body.woocommerce-account
.woocommerce-MyAccount-navigation li a,
body.woocommerce-account
.woocommerce-MyAccount-navigation li a:visited,
body.woocommerce-account
.woocommerce-MyAccount-navigation li a:hover,
body.woocommerce-account
.woocommerce-MyAccount-navigation li a:focus,
body.woocommerce-account
.woocommerce-MyAccount-navigation li a:active {

    min-height:68px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    padding:
        0
        28px;

    background:transparent !important;

    color:#A1A1AA !important;

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

    font-family:"Inter",sans-serif;

    font-size:8px;

    font-weight:700;

    letter-spacing:1.2px;

    text-transform:uppercase;

    transition:
        background .25s ease,
        color .25s ease;

}


body.woocommerce-account
.woocommerce-MyAccount-navigation li a::after {

    content:"→";

    font-size:16px;

    font-weight:400;

}


/* Active */

body.woocommerce-account
.woocommerce-MyAccount-navigation
li.is-active a {

    background:#FFFFFF !important;

    color:#000000 !important;

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

}


/* Hover */

body.woocommerce-account
.woocommerce-MyAccount-navigation
li:not(.is-active) a:hover {

    background:#202023 !important;

    color:#FFFFFF !important;

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

}



/* Logout */

body.woocommerce-account
.woocommerce-MyAccount-navigation-link--customer-logout a {

    color:#FFFFFF !important;

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

}



/* =========================================================
   07 — ACCOUNT CONTENT
========================================================= */

body.woocommerce-account
.woocommerce-MyAccount-content {

    width:100% !important;

    min-width:0;

    float:none !important;

    margin:0 !important;

    padding:45px !important;

    background:#FFFFFF;

    border:
        1px solid
        rgba(0,0,0,.12);

}



/* Main account headings */

body.woocommerce-account
.woocommerce-MyAccount-content h2,
body.woocommerce-account
.woocommerce-MyAccount-content h3 {

    font-family:"Bebas Neue",sans-serif !important;

    font-weight:400 !important;

    line-height:.9 !important;

    color:#000000 !important;

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

}


body.woocommerce-account
.woocommerce-MyAccount-content h2 {

    margin:
        0
        0
        30px !important;

    font-size:clamp(
        42px,
        4.5vw,
        68px
    ) !important;

}


body.woocommerce-account
.woocommerce-MyAccount-content h3 {

    font-size:36px !important;

}



/* Paragraphs */

body.woocommerce-account
.woocommerce-MyAccount-content p {

    color:#52525B !important;

    -webkit-text-fill-color:#52525B !important;

    font-size:12px;

    line-height:1.8;

}


body.woocommerce-account
.woocommerce-MyAccount-content p:first-child {

    margin-top:0;

}



/* Links inside content */

body.woocommerce-account
.woocommerce-MyAccount-content a:not(.button),
body.woocommerce-account
.woocommerce-MyAccount-content a:not(.button):visited {

    color:#000000 !important;

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

    font-weight:700;

    text-decoration:underline !important;

}



/* =========================================================
   08 — DASHBOARD INTRO
========================================================= */

body.woocommerce-account
.woocommerce-MyAccount-content
> p {

    max-width:850px;

}


body.woocommerce-account
.woocommerce-MyAccount-content
> p:first-of-type {

    padding:
        25px;

    background:#F4F4F2;

    border-left:
        3px solid
        #000000;

}



/* =========================================================
   09 — LOGIN / REGISTER PAGE
========================================================= */

body.woocommerce-account:not(.logged-in)
#customer_login {

    display:grid !important;

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

    gap:20px;

    margin:0 !important;

}


body.woocommerce-account:not(.logged-in)
#customer_login::before {

    display:none;

}


body.woocommerce-account:not(.logged-in)
#customer_login .col-1,
body.woocommerce-account:not(.logged-in)
#customer_login .col-2 {

    width:100% !important;

    max-width:100% !important;

    min-width:0;

    float:none !important;

    margin:0 !important;

    padding:0 !important;

}



/* Login / register cards */

body.woocommerce-account
.woocommerce-form-login,
body.woocommerce-account
.woocommerce-form-register {

    min-height:580px;

    margin:0 !important;

    padding:42px !important;

    display:flex;

    flex-direction:column;

    background:#FFFFFF !important;

    border:
        1px solid
        rgba(0,0,0,.12) !important;

    border-radius:0 !important;

}



/* Login form black */

body.woocommerce-account
#customer_login .col-1
.woocommerce-form-login {

    background:#000000 !important;

    color:#FFFFFF !important;

}



/* Login / register headings */

body.woocommerce-account
#customer_login h2 {

    margin:
        0
        0
        30px !important;

    font-family:"Bebas Neue",sans-serif !important;

    font-size:clamp(
        50px,
        5vw,
        78px
    ) !important;

    font-weight:400 !important;

    line-height:.85 !important;

    text-transform:uppercase;

    color:#000000 !important;

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

}


body.woocommerce-account
#customer_login .col-1 h2 {

    color:#FFFFFF !important;

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

}



/* Eyebrows */

body.woocommerce-account
#customer_login .col-1 h2::before {

    content:"01 / WELCOME BACK";

}


body.woocommerce-account
#customer_login .col-2 h2::before {

    content:"02 / CREATE YOUR ACCOUNT";

}


body.woocommerce-account
#customer_login h2::before {

    display:block;

    margin-bottom:15px;

    font-family:"Inter",sans-serif;

    font-size:7px;

    font-weight:800;

    letter-spacing:1.5px;

    color:#71717A !important;

    -webkit-text-fill-color:#71717A !important;

}



/* =========================================================
   10 — FORM LABELS
========================================================= */

body.woocommerce-account
form
.form-row {

    margin:
        0
        0
        20px !important;

}


body.woocommerce-account
form
.form-row label {

    display:block;

    margin:
        0
        0
        9px !important;

    color:#52525B !important;

    -webkit-text-fill-color:#52525B !important;

    font-family:"Inter",sans-serif;

    font-size:8px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

}


body.woocommerce-account
#customer_login
.col-1
.form-row label {

    color:#A1A1AA !important;

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

}



/* =========================================================
   11 — FORM INPUTS
========================================================= */

body.woocommerce-account
input.input-text,
body.woocommerce-account
input[type="text"],
body.woocommerce-account
input[type="email"],
body.woocommerce-account
input[type="password"],
body.woocommerce-account
input[type="tel"],
body.woocommerce-account
select,
body.woocommerce-account
textarea {

    width:100% !important;

    min-height:58px !important;

    margin:0 !important;

    padding:
        0
        17px !important;

    background:#F8F8F6 !important;

    color:#000000 !important;

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

    border:
        1px solid
        rgba(0,0,0,.16) !important;

    border-radius:0 !important;

    outline:none !important;

    box-shadow:none !important;

    font-family:"Inter",sans-serif !important;

    font-size:12px !important;

    transition:
        border-color .25s ease,
        background .25s ease;

}


/* Login card dark inputs */

body.woocommerce-account
#customer_login
.col-1
input.input-text,
body.woocommerce-account
#customer_login
.col-1
input[type="text"],
body.woocommerce-account
#customer_login
.col-1
input[type="email"],
body.woocommerce-account
#customer_login
.col-1
input[type="password"] {

    background:#18181B !important;

    color:#FFFFFF !important;

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

    border-color:
        rgba(255,255,255,.18) !important;

}


body.woocommerce-account
input:focus,
body.woocommerce-account
select:focus,
body.woocommerce-account
textarea:focus {

    border-color:#000000 !important;

    background:#FFFFFF !important;

}


body.woocommerce-account
#customer_login
.col-1 input:focus {

    border-color:#FFFFFF !important;

    background:#202023 !important;

}



/* Password eye */

body.woocommerce-account
.show-password-input {

    top:50% !important;

    transform:
        translateY(-50%);

}



/* =========================================================
   12 — REMEMBER ME / LOST PASSWORD
========================================================= */

body.woocommerce-account
.woocommerce-form-login__rememberme {

    display:flex !important;

    align-items:center;

    gap:9px;

    color:#A1A1AA !important;

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

}


body.woocommerce-account
.woocommerce-LostPassword {

    margin-top:auto !important;

    padding-top:22px;

    border-top:
        1px solid
        rgba(255,255,255,.14);

}


body.woocommerce-account
.woocommerce-LostPassword a,
body.woocommerce-account
.woocommerce-LostPassword a:visited {

    color:#FFFFFF !important;

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

    font-size:9px;

    font-weight:700;

    letter-spacing:.8px;

    text-decoration:underline !important;

}



/* =========================================================
   13 — BUTTONS
========================================================= */

body.woocommerce-account
button.button,
body.woocommerce-account
a.button,
body.woocommerce-account
.woocommerce-button,
body.woocommerce-account
button.button:hover,
body.woocommerce-account
a.button:hover,
body.woocommerce-account
.woocommerce-button:hover {

    min-height:58px !important;

    display:inline-flex !important;

    align-items:center;

    justify-content:center;

    gap:15px;

    padding:
        0
        25px !important;

    background:#000000 !important;

    background-image:none !important;

    color:#FFFFFF !important;

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

    border:
        1px solid
        #000000 !important;

    border-radius:0 !important;

    outline:none !important;

    box-shadow:none !important;

    font-family:"Inter",sans-serif !important;

    font-size:8px !important;

    font-weight:800 !important;

    letter-spacing:1.4px;

    text-transform:uppercase;

    text-decoration:none !important;

}



/* Login button white */

body.woocommerce-account
#customer_login
.col-1
button.button,
body.woocommerce-account
#customer_login
.col-1
button.button:hover {

    background:#FFFFFF !important;

    color:#000000 !important;

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

    border-color:#FFFFFF !important;

}



/* =========================================================
   14 — ORDERS TABLE
========================================================= */

body.woocommerce-account
table.shop_table,
body.woocommerce-account
table.woocommerce-orders-table {

    width:100% !important;

    margin:
        0
        0
        30px !important;

    border:
        1px solid
        rgba(0,0,0,.12) !important;

    border-radius:0 !important;

    border-collapse:collapse !important;

    background:#FFFFFF !important;

}


body.woocommerce-account
table.shop_table thead {

    background:#000000;

}


body.woocommerce-account
table.shop_table thead th {

    padding:
        18px
        16px !important;

    background:#000000 !important;

    color:#FFFFFF !important;

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

    border:0 !important;

    font-family:"Inter",sans-serif;

    font-size:7px !important;

    font-weight:800 !important;

    letter-spacing:1.2px;

    text-transform:uppercase;

}


body.woocommerce-account
table.shop_table tbody td {

    padding:
        20px
        16px !important;

    border-top:
        1px solid
        rgba(0,0,0,.1) !important;

    color:#52525B !important;

    -webkit-text-fill-color:#52525B !important;

    font-size:11px;

    vertical-align:middle;

}


body.woocommerce-account
table.shop_table tbody td a:not(.button) {

    color:#000000 !important;

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

    font-weight:700;

}



/* Order action buttons */

body.woocommerce-account
.woocommerce-orders-table__cell-order-actions {

    display:flex;

    flex-wrap:wrap;

    gap:6px;

}



/* =========================================================
   15 — VIEW ORDER PAGE
========================================================= */

body.woocommerce-account
.woocommerce-order-details {

    margin-top:45px;

}


body.woocommerce-account
.woocommerce-order-details__title,
body.woocommerce-account
.woocommerce-column__title {

    margin:
        0
        0
        25px !important;

    font-family:"Bebas Neue",sans-serif !important;

    font-size:42px !important;

    font-weight:400 !important;

    line-height:.9 !important;

    color:#000000 !important;

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

}



/* =========================================================
   16 — ADDRESSES
========================================================= */

body.woocommerce-account
.woocommerce-Addresses {

    display:grid;

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

    gap:16px;

    margin-top:35px;

}


body.woocommerce-account
.woocommerce-Address {

    width:100% !important;

    min-width:0;

    float:none !important;

    margin:0 !important;

    padding:30px !important;

    background:#F4F4F2;

    border:
        1px solid
        rgba(0,0,0,.1);

}


body.woocommerce-account
.woocommerce-Address-title {

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:20px;

    margin-bottom:22px;

}


body.woocommerce-account
.woocommerce-Address-title h3 {

    margin:0 !important;

}


body.woocommerce-account
.woocommerce-Address-title .edit {

    min-height:40px;

    display:inline-flex;

    align-items:center;

    padding:
        0
        16px;

    background:#000000;

    color:#FFFFFF !important;

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

    font-size:7px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    text-decoration:none !important;

}


body.woocommerce-account
address {

    color:#52525B !important;

    font-size:11px;

    line-height:1.8;

}



/* =========================================================
   17 — ACCOUNT DETAILS FORM
========================================================= */

body.woocommerce-account
.woocommerce-EditAccountForm {

    max-width:900px;

}


body.woocommerce-account
fieldset {

    margin:
        45px
        0
        30px !important;

    padding:
        30px !important;

    background:#F4F4F2;

    border:
        1px solid
        rgba(0,0,0,.12) !important;

}


body.woocommerce-account
fieldset legend {

    padding:
        0
        10px;

    font-family:"Bebas Neue",sans-serif;

    font-size:30px;

    color:#000000 !important;

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

}



/* =========================================================
   18 — DOWNLOADS
========================================================= */

body.woocommerce-account
.woocommerce-MyAccount-downloads {

    width:100%;

}



/* =========================================================
   19 — LOST PASSWORD
========================================================= */

body.woocommerce-account
.woocommerce-ResetPassword {

    max-width:700px;

    margin:0 auto !important;

    padding:42px !important;

    background:#FFFFFF;

    border:
        1px solid
        rgba(0,0,0,.12);

}


body.woocommerce-account
.woocommerce-ResetPassword p:first-child {

    margin-top:0;

    color:#52525B !important;

    line-height:1.8;

}



/* =========================================================
   20 — EMPTY ORDERS / DOWNLOADS MESSAGE
========================================================= */

body.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-info {

    margin-bottom:0 !important;

}



/* =========================================================
   21 — TABLET
========================================================= */

@media(max-width:991px) {

    body.woocommerce-account
    .woocommerce {

        width:
            calc(100% - 40px);

        padding:
            50px
            0
            90px;

    }


    body.woocommerce-account
    .entry-header .entry-title,
    body.woocommerce-account
    .page-header .page-title,
    body.woocommerce-account
    h1.entry-title {

        width:
            calc(100% - 40px);

        margin-top:
            55px !important;

    }


    /* Logged in layout */

    body.woocommerce-account.logged-in
    .woocommerce {

        grid-template-columns:1fr;

    }


    body.woocommerce-account
    .woocommerce-MyAccount-navigation {

        position:relative;

        top:auto;

    }


    body.woocommerce-account
    .woocommerce-MyAccount-navigation ul {

        display:grid;

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

    }


    body.woocommerce-account
    .woocommerce-MyAccount-navigation li {

        border-right:
            1px solid
            rgba(255,255,255,.12);

    }


    body.woocommerce-account
    .woocommerce-MyAccount-navigation li a {

        padding:
            0
            18px;

    }

}



/* =========================================================
   22 — MOBILE
========================================================= */

@media(max-width:767px) {

    body.woocommerce-account
    .woocommerce {

        width:
            calc(100% - 30px);

        padding:
            40px
            0
            75px;

    }


    body.woocommerce-account
    .entry-header .entry-title,
    body.woocommerce-account
    .page-header .page-title,
    body.woocommerce-account
    h1.entry-title {

        width:
            calc(100% - 30px);

        margin-top:
            45px !important;

        font-size:
            54px !important;

    }


    body.woocommerce-account
    .entry-header .entry-title::after,
    body.woocommerce-account
    .page-header .page-title::after,
    body.woocommerce-account
    h1.entry-title::after {

        font-size:12px;

    }


    /* LOGIN / REGISTER */

    body.woocommerce-account:not(.logged-in)
    #customer_login {

        grid-template-columns:1fr;

    }


    body.woocommerce-account
    .woocommerce-form-login,
    body.woocommerce-account
    .woocommerce-form-register {

        min-height:auto;

        padding:
            30px
            22px !important;

    }


    body.woocommerce-account
    #customer_login h2 {

        font-size:
            50px !important;

    }


    /* ACCOUNT MENU */

    body.woocommerce-account
    .woocommerce-MyAccount-navigation ul {

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

    }


    body.woocommerce-account
    .woocommerce-MyAccount-navigation::before {

        padding:
            25px
            22px
            16px;

    }


    body.woocommerce-account
    .woocommerce-MyAccount-navigation::after {

        padding:
            0
            22px
            25px;

        font-size:38px;

    }


    body.woocommerce-account
    .woocommerce-MyAccount-navigation li a {

        min-height:62px;

        padding:
            0
            15px;

        font-size:7px;

    }


    /* CONTENT */

    body.woocommerce-account
    .woocommerce-MyAccount-content {

        padding:
            28px
            20px !important;

    }


    body.woocommerce-account
    .woocommerce-MyAccount-content h2 {

        font-size:
            45px !important;

    }


    /* ADDRESSES */

    body.woocommerce-account
    .woocommerce-Addresses {

        grid-template-columns:1fr;

    }


    /* TABLE MOBILE */

    body.woocommerce-account
    table.shop_table_responsive
    thead {

        display:none;

    }


    body.woocommerce-account
    table.shop_table_responsive
    tbody tr {

        display:block;

        margin-bottom:14px;

        padding:
            18px;

        border:
            1px solid
            rgba(0,0,0,.12);

        background:#FFFFFF;

    }


    body.woocommerce-account
    table.shop_table_responsive
    tbody td {

        display:flex !important;

        align-items:center;

        justify-content:space-between;

        gap:20px;

        width:100% !important;

        padding:
            12px
            0 !important;

        text-align:right !important;

        border:0 !important;

        border-bottom:
            1px solid
            rgba(0,0,0,.08) !important;

    }


    body.woocommerce-account
    table.shop_table_responsive
    tbody td:last-child {

        border-bottom:0 !important;

    }


    body.woocommerce-account
    table.shop_table_responsive
    tbody td::before {

        color:#71717A !important;

        -webkit-text-fill-color:#71717A !important;

        font-size:7px;

        font-weight:800;

        letter-spacing:1px;

        text-transform:uppercase;

    }


    body.woocommerce-account
    .woocommerce-orders-table__cell-order-actions {

        justify-content:flex-end;

    }

}



/* =========================================================
   23 — SMALL MOBILE
========================================================= */

@media(max-width:420px) {

    body.woocommerce-account
    .woocommerce {

        width:
            calc(100% - 24px);

    }


    body.woocommerce-account
    .entry-header .entry-title,
    body.woocommerce-account
    .page-header .page-title,
    body.woocommerce-account
    h1.entry-title {

        width:
            calc(100% - 24px);

        font-size:
            47px !important;

    }


    body.woocommerce-account
    .woocommerce-MyAccount-navigation ul {

        grid-template-columns:1fr;

    }


    body.woocommerce-account
    .woocommerce-MyAccount-content {

        padding:
            23px
            17px !important;

    }


    body.woocommerce-account
    .woocommerce-form-login,
    body.woocommerce-account
    .woocommerce-form-register {

        padding:
            25px
            18px !important;

    }

}
/* =========================================================
   INKMYWEAR — MY ACCOUNT LAYOUT FIX
   Paste at the VERY END of previous My Account CSS
========================================================= */


/* =========================================================
   01 — FORCE DESKTOP 2 COLUMN LAYOUT
========================================================= */

@media(min-width:992px){

    body.woocommerce-account.logged-in .woocommerce,
    body.logged-in.woocommerce-account .woocommerce,
    body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation){

        width:min(1400px,calc(100% - 70px)) !important;
        max-width:100% !important;

        display:grid !important;

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

        gap:28px !important;

        align-items:start !important;

        margin:0 auto !important;

        padding:65px 0 120px !important;

    }

}


/* =========================================================
   02 — LEFT SIDEBAR FIX
========================================================= */

body.woocommerce-account
.woocommerce-MyAccount-navigation{

    width:100% !important;
    max-width:300px !important;
    min-width:0 !important;

    float:none !important;
    clear:none !important;

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

    position:sticky !important;
    top:110px !important;

    background:#18181B !important;

    overflow:hidden !important;

}


/* =========================================================
   03 — REMOVE WRONG BOTTOM "MY INKMYWEAR"
========================================================= */

body.woocommerce-account
.woocommerce-MyAccount-navigation::after{

    content:none !important;

    display:none !important;

}


/* =========================================================
   04 — SIDEBAR HEADER
========================================================= */

body.woocommerce-account
.woocommerce-MyAccount-navigation::before{

    content:"MY INKMYWEAR";

    display:block !important;

    padding:
        35px
        28px
        30px !important;

    background:#18181B !important;

    border-bottom:
        1px solid
        rgba(255,255,255,.14) !important;

    font-family:"Bebas Neue",sans-serif !important;

    font-size:42px !important;

    font-weight:400 !important;

    line-height:.85 !important;

    letter-spacing:0 !important;

    color:#FFFFFF !important;

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

}


/* Add small label above title */

body.woocommerce-account
.woocommerce-MyAccount-navigation ul{

    position:relative !important;

    width:100% !important;

    margin:0 !important;

    padding:0 !important;

    list-style:none !important;

}


/* =========================================================
   05 — NAV ITEMS
========================================================= */

body.woocommerce-account
.woocommerce-MyAccount-navigation ul li{

    width:100% !important;

    margin:0 !important;

    padding:0 !important;

    border:0 !important;

    border-bottom:
        1px solid
        rgba(255,255,255,.14) !important;

}


body.woocommerce-account
.woocommerce-MyAccount-navigation ul li a,
body.woocommerce-account
.woocommerce-MyAccount-navigation ul li a:visited,
body.woocommerce-account
.woocommerce-MyAccount-navigation ul li a:hover,
body.woocommerce-account
.woocommerce-MyAccount-navigation ul li a:focus,
body.woocommerce-account
.woocommerce-MyAccount-navigation ul li a:active{

    width:100% !important;

    min-height:68px !important;

    display:flex !important;

    align-items:center !important;

    justify-content:space-between !important;

    gap:20px !important;

    margin:0 !important;

    padding:
        0
        27px !important;

    background:#18181B !important;

    color:#A1A1AA !important;

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

    border:0 !important;

    border-radius:0 !important;

    box-shadow:none !important;

    text-decoration:none !important;

    font-family:"Inter",sans-serif !important;

    font-size:8px !important;

    font-weight:700 !important;

    letter-spacing:1.2px !important;

    text-transform:uppercase !important;

}


/* Arrow */

body.woocommerce-account
.woocommerce-MyAccount-navigation ul li a::after{

    content:"→" !important;

    display:block !important;

    font-size:17px !important;

    color:inherit !important;

}


/* Active */

body.woocommerce-account
.woocommerce-MyAccount-navigation
ul li.is-active a{

    background:#FFFFFF !important;

    color:#000000 !important;

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

}


/* Hover */

body.woocommerce-account
.woocommerce-MyAccount-navigation
ul li:not(.is-active) a:hover{

    background:#202023 !important;

    color:#FFFFFF !important;

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

}



/* =========================================================
   06 — RIGHT CONTENT FULL WIDTH FIX
========================================================= */

body.woocommerce-account
.woocommerce-MyAccount-content{

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

    float:none !important;
    clear:none !important;

    margin:0 !important;

    padding:45px !important;

    background:#FFFFFF !important;

    border:
        1px solid
        rgba(0,0,0,.12) !important;

}


/* Remove theme width restrictions */

body.woocommerce-account
.woocommerce-MyAccount-content > *{

    max-width:100%;

}


/* Dashboard welcome block */

body.woocommerce-account
.woocommerce-MyAccount-content > p:first-child{

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

    margin:
        0
        0
        25px !important;

    padding:
        28px !important;

    background:#F4F4F2 !important;

    border:0 !important;

    border-left:
        3px solid
        #000000 !important;

    color:#52525B !important;

    font-size:12px !important;

    line-height:1.8 !important;

}



/* =========================================================
   07 — FIX THEME .COL-1 / .COL-2 INTERFERENCE
========================================================= */

body.woocommerce-account.logged-in
.woocommerce-MyAccount-navigation,
body.woocommerce-account.logged-in
.woocommerce-MyAccount-content{

    box-sizing:border-box !important;

}


body.woocommerce-account.logged-in
.woocommerce-MyAccount-navigation{

    grid-column:1 !important;

}


body.woocommerce-account.logged-in
.woocommerce-MyAccount-content{

    grid-column:2 !important;

}



/* =========================================================
   08 — TABLET
========================================================= */

@media(max-width:991px){

    body.woocommerce-account.logged-in .woocommerce,
    body.logged-in.woocommerce-account .woocommerce,
    body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation){

        display:block !important;

        width:calc(100% - 40px) !important;

    }


    body.woocommerce-account
    .woocommerce-MyAccount-navigation{

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

        position:relative !important;
        top:auto !important;

        margin-bottom:25px !important;

    }


    body.woocommerce-account
    .woocommerce-MyAccount-navigation ul{

        display:grid !important;

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

    }


    body.woocommerce-account
    .woocommerce-MyAccount-navigation::before{

        font-size:38px !important;

    }


    body.woocommerce-account
    .woocommerce-MyAccount-content{

        width:100% !important;

    }

}



/* =========================================================
   09 — MOBILE
========================================================= */

@media(max-width:767px){

    body.woocommerce-account.logged-in .woocommerce,
    body.logged-in.woocommerce-account .woocommerce,
    body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation){

        width:calc(100% - 30px) !important;

    }


    body.woocommerce-account
    .woocommerce-MyAccount-navigation ul{

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

    }


    body.woocommerce-account
    .woocommerce-MyAccount-navigation::before{

        padding:
            28px
            22px !important;

        font-size:35px !important;

    }


    body.woocommerce-account
    .woocommerce-MyAccount-navigation ul li a{

        min-height:62px !important;

        padding:
            0
            16px !important;

        font-size:7px !important;

    }


    body.woocommerce-account
    .woocommerce-MyAccount-content{

        padding:
            28px
            20px !important;

    }

}



/* =========================================================
   10 — SMALL MOBILE
========================================================= */

@media(max-width:420px){

    body.woocommerce-account.logged-in .woocommerce,
    body.logged-in.woocommerce-account .woocommerce,
    body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation){

        width:calc(100% - 24px) !important;

    }


    body.woocommerce-account
    .woocommerce-MyAccount-navigation ul{

        grid-template-columns:1fr !important;

    }

}/* End custom CSS */