.elementor-85 .elementor-element.elementor-element-5f9d2e00{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for shortcode, class: .elementor-element-7f1e486 *//* ============================================================
   IMAM HARRISON EMPIRE
   WOOCOMMERCE MY ACCOUNT
   PREMIUM BLACK + GOLD
============================================================ */

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

:root{
    --ihe-ma-bg:#050505;
    --ihe-ma-panel:#0b0a08;
    --ihe-ma-panel-2:#11100d;

    --ihe-ma-gold:#c99a3d;
    --ihe-ma-gold-light:#efc86b;
    --ihe-ma-gold-dark:#805519;

    --ihe-ma-white:#ffffff;
    --ihe-ma-text:#dedede;
    --ihe-ma-muted:#8e8e8e;

    --ihe-ma-line:rgba(201,154,61,.22);
}


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

body.woocommerce-account{
    background:
        radial-gradient(
            circle at 10% 12%,
            rgba(201,154,61,.08),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 75%,
            rgba(128,85,25,.07),
            transparent 32%
        ),
        #050505 !important;

    color:var(--ihe-ma-text);

    font-family:'Inter',sans-serif;
}

body.woocommerce-account .site-content,
body.woocommerce-account .content-area,
body.woocommerce-account main,
body.woocommerce-account article,
body.woocommerce-account .entry-content{
    background:transparent !important;
}


/* ============================================================
   MAIN CONTAINER
============================================================ */

body.woocommerce-account .woocommerce{
    width:min(calc(100% - 50px),1400px);

    margin:0 auto;

    padding:70px 0 100px;
}


/* ============================================================
   PAGE TITLE
============================================================ */

body.woocommerce-account .entry-title,
body.woocommerce-account .page-title{
    margin:0 0 38px;

    color:#fff;

    font-family:'Oswald',sans-serif;

    font-size:clamp(38px,5vw,58px);
    font-weight:700;

    line-height:1;

    letter-spacing:.02em;

    text-transform:uppercase;
}


/* ============================================================
   LOGGED IN ACCOUNT LAYOUT
============================================================ */

.woocommerce-account .woocommerce-MyAccount-navigation{
    width:27% !important;

    float:left !important;

    margin:0 !important;
}

.woocommerce-account .woocommerce-MyAccount-content{
    width:calc(73% - 28px) !important;

    float:right !important;

    margin:0 !important;
}


/* ============================================================
   NAVIGATION PANEL
============================================================ */

.woocommerce-account .woocommerce-MyAccount-navigation{
    position:relative;

    overflow:hidden;

    border:1px solid var(--ihe-ma-line);

    background:
        linear-gradient(
            145deg,
            rgba(18,16,12,.99),
            rgba(7,7,7,.99)
        );

    box-shadow:
        0 24px 55px rgba(0,0,0,.28);
}

.woocommerce-account .woocommerce-MyAccount-navigation::before{
    content:"MY ACCOUNT";

    display:block;

    padding:23px 22px 19px;

    border-bottom:
        1px solid rgba(201,154,61,.18);

    color:#fff;

    background:
        linear-gradient(
            90deg,
            rgba(201,154,61,.08),
            transparent
        );

    font-family:'Oswald',sans-serif;

    font-size:16px;
    font-weight:600;

    letter-spacing:.08em;

    text-transform:uppercase;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul{
    margin:0 !important;

    padding:0 !important;

    list-style:none !important;
}

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

    padding:0 !important;

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

.woocommerce-account .woocommerce-MyAccount-navigation li:last-child{
    border-bottom:0;
}

.woocommerce-account .woocommerce-MyAccount-navigation a{
    position:relative;

    min-height:56px;

    padding:0 20px 0 42px;

    display:flex;

    align-items:center;

    color:#a2a2a2;

    font-family:'Oswald',sans-serif;

    font-size:11px;
    font-weight:500;

    line-height:1;

    letter-spacing:.10em;

    text-decoration:none;

    text-transform:uppercase;

    transition:
        color .25s ease,
        background .25s ease,
        padding-left .25s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation a::before{
    content:"";

    position:absolute;

    left:20px;

    width:7px;
    height:7px;

    border:1px solid rgba(201,154,61,.5);

    transform:rotate(45deg);

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

.woocommerce-account .woocommerce-MyAccount-navigation li:hover a{
    color:#efc86b;

    background:
        rgba(201,154,61,.035);

    padding-left:46px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li:hover a::before{
    border-color:#efc86b;

    background:#efc86b;
}

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{
    color:#090806;

    background:
        linear-gradient(
            135deg,
            #855718,
            #dbaE4e 46%,
            #efca70 62%,
            #95631d
        );
}

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a::before{
    border-color:#111;

    background:#111;
}


/* ============================================================
   CONTENT PANEL
============================================================ */

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

    min-height:450px;

    padding:32px;

    border:1px solid var(--ihe-ma-line);

    background:
        linear-gradient(
            145deg,
            rgba(18,16,12,.99),
            rgba(7,7,7,.99)
        );

    box-shadow:
        0 25px 55px rgba(0,0,0,.28);
}

.woocommerce-account .woocommerce-MyAccount-content::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:2px;

    background:
        linear-gradient(
            90deg,
            #805418,
            #efc86b,
            #805418
        );
}


/* ============================================================
   DASHBOARD TEXT
============================================================ */

.woocommerce-account .woocommerce-MyAccount-content p{
    color:#9f9f9f;

    font-size:13px;

    line-height:1.8;
}

.woocommerce-account .woocommerce-MyAccount-content p:first-child{
    margin-top:0;
}

.woocommerce-account .woocommerce-MyAccount-content strong{
    color:#e2e2e2;
}

.woocommerce-account .woocommerce-MyAccount-content a{
    color:#efc86b;

    text-decoration:none;

    transition:color .25s ease;
}

.woocommerce-account .woocommerce-MyAccount-content a:hover{
    color:#fff;
}


/* ============================================================
   HEADINGS
============================================================ */

.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-Address-title h2{
    position:relative;

    margin:0 0 25px !important;

    padding-bottom:15px;

    color:#fff;

    font-family:'Oswald',sans-serif;

    font-size:21px;
    font-weight:600;

    line-height:1.2;

    letter-spacing:.05em;

    text-transform:uppercase;
}

.woocommerce-account .woocommerce-MyAccount-content h2::after,
.woocommerce-account .woocommerce-MyAccount-content h3::after,
.woocommerce-account .woocommerce-Address-title h2::after{
    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:42px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            #805418,
            #efc86b
        );
}


/* ============================================================
   ORDERS TABLE
============================================================ */

.woocommerce-account table.shop_table{
    width:100%;

    margin:0 !important;

    border:0 !important;

    border-collapse:collapse !important;

    background:transparent !important;
}

.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td{
    padding:16px 12px !important;

    border:0 !important;

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

    background:transparent !important;

    color:#a9a9a9;

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

    font-size:12px;

    vertical-align:middle;
}

.woocommerce-account table.shop_table th{
    color:#d1a249;

    font-family:'Oswald',sans-serif;

    font-size:10px;
    font-weight:500;

    letter-spacing:.1em;

    text-transform:uppercase;
}

.woocommerce-account table.shop_table td a{
    color:#efc86b;
}

.woocommerce-account table.shop_table td .amount{
    color:#ddd;
}


/* ============================================================
   ORDER ACTION BUTTON
============================================================ */

.woocommerce-account
.woocommerce-orders-table__cell-order-actions
.button,
.woocommerce-account table.shop_table .button{
    min-height:38px;

    margin:3px 4px 3px 0 !important;

    padding:0 14px !important;

    display:inline-flex;

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

    border:
        1px solid rgba(201,154,61,.45) !important;

    border-radius:0 !important;

    color:#e8b95b !important;

    background:
        rgba(201,154,61,.035) !important;

    font-family:'Oswald',sans-serif;

    font-size:9px !important;
    font-weight:500 !important;

    letter-spacing:.09em;

    text-transform:uppercase;

    transition:.25s ease;
}

.woocommerce-account
.woocommerce-orders-table__cell-order-actions
.button:hover,
.woocommerce-account table.shop_table .button:hover{
    color:#090806 !important;

    background:#ddb151 !important;

    transform:translateY(-2px);
}


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

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

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

    gap:20px;

    margin-top:25px;
}

.woocommerce-account .woocommerce-Address{
    width:100% !important;

    float:none !important;

    margin:0 !important;

    padding:24px !important;

    border:
        1px solid rgba(201,154,61,.18);

    background:
        rgba(201,154,61,.025);
}

.woocommerce-account .woocommerce-Address-title{
    margin-bottom:17px;
}

.woocommerce-account .woocommerce-Address-title .edit{
    float:none !important;

    display:inline-flex;

    margin-top:7px;

    color:#efc86b;

    font-family:'Oswald',sans-serif;

    font-size:9px;

    letter-spacing:.1em;

    text-transform:uppercase;
}

.woocommerce-account address{
    color:#9c9c9c;

    font-style:normal;

    font-size:12.5px;

    line-height:1.8;
}


/* ============================================================
   FORMS
============================================================ */

.woocommerce-account form .form-row{
    margin:0 0 18px !important;

    padding:0 !important;
}

.woocommerce-account form label{
    display:block;

    margin:0 0 8px;

    color:#aaa;

    font-family:'Oswald',sans-serif;

    font-size:10px;
    font-weight:500;

    line-height:1.4;

    letter-spacing:.11em;

    text-transform:uppercase;
}

.woocommerce-account form input.input-text,
.woocommerce-account form input[type="text"],
.woocommerce-account form input[type="email"],
.woocommerce-account form input[type="tel"],
.woocommerce-account form input[type="password"],
.woocommerce-account form select,
.woocommerce-account form textarea{
    width:100% !important;

    min-height:52px;

    padding:0 15px;

    border:
        1px solid rgba(255,255,255,.11) !important;

    border-radius:0 !important;

    color:#eee !important;

    background:
        rgba(255,255,255,.025) !important;

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

    font-size:13px;

    outline:none;

    box-shadow:none !important;

    transition:.25s ease;
}

.woocommerce-account form textarea{
    min-height:140px;

    padding:14px 15px;
}

.woocommerce-account form input:focus,
.woocommerce-account form select:focus,
.woocommerce-account form textarea:focus{
    border-color:
        rgba(239,200,107,.7) !important;

    background:
        rgba(201,154,61,.045) !important;

    box-shadow:
        0 0 0 3px
        rgba(201,154,61,.055) !important;
}


/* ============================================================
   PASSWORD FIELD
============================================================ */

.woocommerce-account
.woocommerce-password-strength{
    margin-top:8px;

    padding:8px 10px;

    border-radius:0;

    color:#bbb;

    background:#111;

    font-size:11px;
}


/* ============================================================
   FIELDSET
============================================================ */

.woocommerce-account fieldset{
    margin:30px 0 0;

    padding:22px;

    border:
        1px solid rgba(201,154,61,.18);

    background:
        rgba(201,154,61,.02);
}

.woocommerce-account fieldset legend{
    padding:0 10px;

    color:#efc86b;

    font-family:'Oswald',sans-serif;

    font-size:11px;

    letter-spacing:.1em;

    text-transform:uppercase;
}


/* ============================================================
   MAIN BUTTONS
============================================================ */

.woocommerce-account button.button,
.woocommerce-account input.button,
.woocommerce-account a.button{
    min-height:48px;

    padding:0 20px !important;

    display:inline-flex;

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

    border:
        1px solid rgba(239,200,107,.75) !important;

    border-radius:0 !important;

    color:#090806 !important;

    background:
        linear-gradient(
            135deg,
            #845718 0%,
            #d9aa4c 45%,
            #efca70 62%,
            #93621c 100%
        ) !important;

    font-family:'Oswald',sans-serif !important;

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

    line-height:1;

    letter-spacing:.11em;

    text-transform:uppercase;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.35);

    transition:
        transform .25s ease,
        filter .25s ease,
        box-shadow .25s ease;
}

.woocommerce-account button.button:hover,
.woocommerce-account input.button:hover,
.woocommerce-account a.button:hover{
    transform:translateY(-3px);

    filter:brightness(1.07);

    box-shadow:
        0 17px 35px rgba(201,154,61,.2);
}


/* ============================================================
   LOGIN / REGISTER SCREEN
============================================================ */

.woocommerce-account:not(.logged-in) .woocommerce{
    width:min(calc(100% - 50px),1100px);
}

.woocommerce-account #customer_login{
    display:grid;

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

    gap:25px;

    margin:0 !important;
}

.woocommerce-account #customer_login > .col-1,
.woocommerce-account #customer_login > .col-2{
    width:100% !important;

    float:none !important;

    margin:0 !important;

    padding:30px !important;

    border:
        1px solid var(--ihe-ma-line);

    background:
        linear-gradient(
            145deg,
            rgba(18,16,12,.99),
            rgba(7,7,7,.99)
        );

    box-shadow:
        0 25px 55px rgba(0,0,0,.28);
}

.woocommerce-account #customer_login h2{
    margin:0 0 25px;

    color:#fff;

    font-family:'Oswald',sans-serif;

    font-size:24px;

    text-transform:uppercase;
}

.woocommerce-account form.login,
.woocommerce-account form.register{
    margin:0 !important;

    padding:0 !important;

    border:0 !important;

    background:transparent !important;
}


/* ============================================================
   REMEMBER ME
============================================================ */

.woocommerce-account
.woocommerce-form-login__rememberme{
    display:flex;

    align-items:center;

    gap:8px;

    margin:10px 0 18px;

    color:#999;
}

.woocommerce-account input[type="checkbox"],
.woocommerce-account input[type="radio"]{
    accent-color:#c99a3d;
}


/* ============================================================
   LOST PASSWORD
============================================================ */

.woocommerce-account .woocommerce-LostPassword{
    margin:17px 0 0;
}

.woocommerce-account .woocommerce-LostPassword a{
    color:#efc86b;

    font-size:12px;
}


/* ============================================================
   NOTICES
============================================================ */

.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error{
    margin:0 0 25px !important;

    padding:17px 20px !important;

    border-radius:0 !important;

    color:#c8c8c8;

    background:#0b0b0b !important;

    font-size:12px;
}

.woocommerce-account .woocommerce-info{
    border:
        1px solid rgba(201,154,61,.28) !important;

    border-top:
        2px solid #c99a3d !important;
}

.woocommerce-account .woocommerce-message{
    border:
        1px solid rgba(100,180,115,.3) !important;

    border-top:
        2px solid #6bb77a !important;
}

.woocommerce-account .woocommerce-error{
    border:
        1px solid rgba(210,75,75,.32) !important;

    border-top:
        2px solid #d55757 !important;
}


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

.woocommerce-account .woocommerce-table--order-downloads{
    margin-top:20px !important;
}


/* ============================================================
   CLEARFIX
============================================================ */

.woocommerce-account .woocommerce::after{
    content:"";

    display:block;

    clear:both;
}


/* ============================================================
   TABLET
============================================================ */

@media(max-width:991px){

    body.woocommerce-account .woocommerce{
        width:min(calc(100% - 40px),900px);

        padding:
            60px 0
            80px;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content{
        width:100% !important;

        float:none !important;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation{
        margin-bottom:22px !important;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul{
        display:grid;

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

    .woocommerce-account .woocommerce-MyAccount-navigation li{
        border-right:
            1px solid rgba(255,255,255,.06);
    }

    .woocommerce-account .woocommerce-MyAccount-navigation a{
        justify-content:center;

        padding:0 12px;

        text-align:center;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation a::before{
        display:none;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation li:hover a{
        padding-left:12px;
    }

}


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

@media(max-width:767px){

    body.woocommerce-account .woocommerce{
        width:min(calc(100% - 28px),700px);

        padding:
            45px 0
            65px;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation::before{
        padding:19px 17px;

        font-size:14px;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul{
        grid-template-columns:1fr;
    }

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

    .woocommerce-account .woocommerce-MyAccount-navigation a{
        min-height:49px;

        justify-content:flex-start;

        padding:0 17px;
    }

    .woocommerce-account .woocommerce-MyAccount-content{
        min-height:auto;

        padding:23px 18px;
    }

    .woocommerce-account .woocommerce-MyAccount-content h2,
    .woocommerce-account .woocommerce-MyAccount-content h3,
    .woocommerce-account .woocommerce-Address-title h2{
        font-size:18px;
    }

    .woocommerce-account .woocommerce-Addresses{
        grid-template-columns:1fr;
    }

    .woocommerce-account #customer_login{
        grid-template-columns:1fr;
    }

    .woocommerce-account #customer_login > .col-1,
    .woocommerce-account #customer_login > .col-2{
        padding:23px 18px !important;
    }


    /* -----------------------------------------
       MOBILE TABLE
    ----------------------------------------- */

    .woocommerce-account
    .woocommerce-orders-table,
    .woocommerce-account
    .woocommerce-table--order-details{
        display:block;

        overflow-x:auto;

        -webkit-overflow-scrolling:touch;
    }

}


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

@media(max-width:420px){

    body.woocommerce-account .woocommerce{
        width:calc(100% - 22px);

        padding:
            35px 0
            55px;
    }

    .woocommerce-account .woocommerce-MyAccount-content{
        padding:
            21px 15px;
    }

    .woocommerce-account .woocommerce-Address{
        padding:
            20px 16px !important;
    }

}


/* ============================================================
   OPTIONAL — HIDE DOWNLOAD TAB
   Uncomment kalau tak nak Downloads
============================================================ */

/*
.woocommerce-account
.woocommerce-MyAccount-navigation-link--downloads{
    display:none !important;
}
*/


/* ============================================================
   ELEMENTOR / ASTRA FIX
============================================================ */

body.woocommerce-account .ast-container,
body.woocommerce-account .elementor-section-wrap{
    max-width:none;
}

body.woocommerce-account .woocommerce form .form-row-first,
body.woocommerce-account .woocommerce form .form-row-last{
    float:none;
}


/* ============================================================
   END
============================================================ *//* End custom CSS */