/* =========================================================
   HandyBang Premium Checkout UI - Part 1
========================================================= */

/* GLOBAL BG */
body.woocommerce-checkout,
body.page-template-default.page.page-id .hb-choice-page {
    background:
        radial-gradient(circle at top right, #ffe8d6 0, #f7f8fc 35%),
        radial-gradient(circle at bottom left, #e8f0ff 0, #f7f8fc 35%);
    min-height: 100vh;
    position: relative;
}

/* floating blur */
body.woocommerce-checkout:before,
body.woocommerce-checkout:after,
.hb-choice-page:before,
.hb-choice-page:after {
    content: "";
    position: fixed;
    border-radius: 50%;
    filter: blur(85px);
    opacity: .22;
    z-index: 0;
    pointer-events: none;
}

body.woocommerce-checkout:before,
.hb-choice-page:before {
    width: 280px;
    height: 280px;
    top: 70px;
    right: -70px;
    background: #ff6b00;
}

body.woocommerce-checkout:after,
.hb-choice-page:after {
    width: 250px;
    height: 250px;
    left: -60px;
    bottom: 60px;
    background: #2563eb;
}

/* =========================================================
   CHOICE PAGE
========================================================= */
.hb-choice-page {
    position: relative;
    z-index: 2;
    max-width: 1180px;
    margin: 60px auto;
    padding: 0 20px;
}

.hb-choice-box {
    background: rgba(255,255,255,.55);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255,255,255,.7);
    border-radius: 34px;
    padding: 55px;
    box-shadow:
        0 30px 60px rgba(0,0,0,.08),
        inset 0 1px 0 rgba(255,255,255,.85);
}

.hb-logo {
    text-align: center;
    font-size: 56px;
    font-weight: 900;
    color: #111;
    margin-bottom: 8px;
    line-height: 1;
}

.hb-logo span {
    color: #ff6b00;
}

.hb-sub {
    text-align: center;
    color: #64748b;
    font-size: 18px;
    margin-bottom: 40px;
}

.hb-row {
    row-gap: 25px;
}

.hb-card {
    height: 100%;
    border-radius: 28px;
    padding: 35px;
    transition: .3s;
    border: 1px solid rgba(255,255,255,.75);
    box-shadow: 0 20px 45px rgba(0,0,0,.06);
}

.hb-card.guest {
    background: linear-gradient(135deg,#fff7ef,#fff2e6);
}

.hb-card.login {
    background: linear-gradient(135deg,#eef4ff,#f6f9ff);
}

.hb-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 30px 60px rgba(0,0,0,.1);
}

.hb-icon {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin-bottom: 20px;
    color: #fff;
    box-shadow: 0 12px 25px rgba(0,0,0,.12);
}

.hb-icon.guest {
    background: linear-gradient(135deg,#ff6b00,#ff9245);
}

.hb-icon.login {
    background: linear-gradient(135deg,#2563eb,#3b82f6);
}

.hb-card h3 {
    margin: 0 0 14px;
    font-size: 34px;
    font-weight: 800;
    color: #111;
}

.hb-card p {
    margin: 0 0 28px;
    font-size: 16px;
    line-height: 1.8;
    color: #667085;
}

.hb-btn {
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none !important;
    padding: 18px 22px;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 800;
    transition: .3s;
}

.hb-btn-guest {
    color: #fff !important;
    background: linear-gradient(135deg,#ff6b00,#ff9245);
    box-shadow: 0 18px 35px rgba(255,107,0,.25);
}

.hb-btn-login {
    color: #fff !important;
    background: linear-gradient(135deg,#2563eb,#3b82f6);
    box-shadow: 0 18px 35px rgba(37,99,235,.22);
}

.hb-btn:hover {
    transform: translateY(-2px);
}

/* =========================================================
   CHECKOUT BG + WRAPPER
========================================================= */
body.woocommerce-checkout .main-page-wrapper,
body.woocommerce-checkout .site-content,
body.woocommerce-checkout .container,
body.woocommerce-checkout .wd-page-content {
    position: relative;
    z-index: 2;
}

body.woocommerce-checkout .container {
    width: 100% !important;
    max-width: 1320px !important;
}

body.woocommerce-checkout .woocommerce-info {
    background: rgba(255,255,255,.55);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,.75);
    border-radius: 18px;
    padding: 18px 24px;
    box-shadow: 0 15px 35px rgba(0,0,0,.05);
}

/* layout */
body.woocommerce-checkout form.checkout {
    display: block !important;
}

body.woocommerce-checkout .wd-checkout-form {
    display: flex !important;
    gap: 34px;
    align-items: flex-start;
    width: 100%;
}

body.woocommerce-checkout #customer_details {
    flex: 0 0 62%;
    width: 62%;
    max-width: 62%;
}

body.woocommerce-checkout .wd-checkout-review-order,
body.woocommerce-checkout .woocommerce-checkout-review-order {
    flex: 0 0 38%;
    width: 38%;
    max-width: 38%;
}

/* glass card */
body.woocommerce-checkout .col2-set,
body.woocommerce-checkout .col-1,
body.woocommerce-checkout #order_review {
    background: rgba(255,255,255,.56);
    backdrop-filter: blur(22px);
    border: 1px solid rgba(255,255,255,.75);
    border-radius: 30px;
    padding: 34px;
    box-shadow:
        0 22px 55px rgba(0,0,0,.07),
        inset 0 1px 0 rgba(255,255,255,.75);
}

/* =========================================================
   CHECKOUT FORM
========================================================= */
body.woocommerce-checkout h3 {
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 28px;
    color: #111;
}

body.woocommerce-checkout label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #333;
}

body.woocommerce-checkout .form-row {
    margin-bottom: 18px;
}

body.woocommerce-checkout input.input-text,
body.woocommerce-checkout select,
body.woocommerce-checkout textarea {
    width: 100%;
    height: 56px;
    border: none;
    outline: none;
    border-radius: 14px;
    padding: 0 18px;
    font-size: 15px;
    background: rgba(255,255,255,.82);
    backdrop-filter: blur(10px);
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.92),
        0 8px 18px rgba(0,0,0,.04);
    transition: .25s;
}

body.woocommerce-checkout textarea {
    min-height: 130px;
    padding-top: 16px;
}

body.woocommerce-checkout input:focus,
body.woocommerce-checkout select:focus,
body.woocommerce-checkout textarea:focus {
    background: #fff;
    box-shadow:
        inset 0 0 0 2px rgba(255,107,0,.45),
        0 0 0 4px rgba(255,107,0,.12);
}

body.woocommerce-checkout #ship-to-different-address {
    margin-top: 8px;
    padding: 18px 20px;
    border-radius: 16px;
    background: rgba(255,255,255,.45);
    border: 1px solid rgba(255,255,255,.72);
}

body.woocommerce-checkout .shipping_address {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid rgba(0,0,0,.08);
}

/* =========================================================
   ORDER + PAYMENT
========================================================= */
body.woocommerce-checkout #order_review_heading {
    display: none !important;
}

body.woocommerce-checkout table.shop_table {
    margin: 0;
    border: none;
    background: transparent;
}

body.woocommerce-checkout table.shop_table th {
    border: none;
    padding: 14px 0;
    color: #111;
    font-size: 14px;
    font-weight: 800;
}

body.woocommerce-checkout table.shop_table td {
    border-top: 1px solid rgba(0,0,0,.08);
    padding: 16px 0;
    vertical-align: middle;
}

body.woocommerce-checkout .shop_table td.product-total {
    text-align: right;
    white-space: nowrap;
    font-weight: 700;
}

body.woocommerce-checkout #payment {
    margin-top: 24px !important;
    padding: 22px;
    border-radius: 22px;
    background: rgba(255,255,255,.42);
    border: 1px solid rgba(255,255,255,.72);
}

body.woocommerce-checkout .wc_payment_method {
    padding: 14px 16px;
    border-radius: 14px;
    background: rgba(255,255,255,.48);
    border: 1px solid rgba(255,255,255,.75);
    margin-bottom: 12px;
}

body.woocommerce-checkout .payment_box {
    margin-top: 12px !important;
    padding: 16px !important;
    border: none !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.72) !important;
}

body.woocommerce-checkout .payment_box:before {
    display: none !important;
}

body.woocommerce-checkout #place_order {
    width: 100%;
    height: 58px;
    border: none;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(135deg,#ff6b00,#ff9245);
    box-shadow: 0 18px 35px rgba(255,107,0,.28);
    transition: .3s;
}

body.woocommerce-checkout #place_order:hover {
    transform: translateY(-2px);
}

/* =========================================================
   THANK YOU PAGE
========================================================= */
.hb-thankyou-premium {
    max-width: 1000px;
    margin: 40px auto 70px;
    padding: 0 16px;
    position: relative;
    z-index: 2;
}

.hb-ty-header {
    text-align: center;
    padding: 60px 20px 110px;
    border-radius: 32px 32px 0 0;
    background: linear-gradient(135deg,#0f52ff,#1d74ff,#2d8cff);
    color: #fff;
}

.hb-checkmark {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin: 0 auto 20px;
    background: #fff;
    color: #0f52ff;
    font-size: 44px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 20px 40px rgba(0,0,0,.18);
}

.hb-ty-header h2 {
    margin: 0 0 8px;
    font-size: 44px;
    color: #fff;
}

.hb-ty-card {
    margin-top: -55px;
    background: rgba(255,255,255,.82);
    backdrop-filter: blur(18px);
    border-radius: 28px;
    padding: 34px;
    box-shadow: 0 25px 50px rgba(0,0,0,.08);
}

.hb-top-meta,
.hb-help {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 18px;
}

.hb-top-meta {
    margin-bottom: 25px;
}

.hb-top-meta div,
.hb-item,
.hb-help > div {
    background: #fff;
    border: 1px solid #edf2f7;
    border-radius: 20px;
    padding: 20px;
}

.hb-top-meta span {
    display: block;
    font-size: 13px;
    color: #64748b;
    margin-bottom: 10px;
    font-weight: 700;
}

.hb-top-meta strong {
    font-size: 28px;
    font-weight: 800;
    color: #0f52ff;
}

.hb-items h3 {
    margin: 20px 0;
}

.hb-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}

.hb-item-left {
    display: flex;
    gap: 14px;
    align-items: center;
}

.hb-item-left img {
    width: 70px;
    height: 70px;
    object-fit: contain;
}

.hb-actions {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 18px;
    margin: 28px 0;
}

.hb-btn-light,
.hb-btn-primary {
    text-align: center;
    padding: 16px;
    border-radius: 14px;
    text-decoration: none !important;
    font-weight: 800;
}

.hb-btn-light {
    background: #fff;
    border: 2px solid #dbeafe;
    color: #0f52ff !important;
}

.hb-btn-primary {
    background: linear-gradient(135deg,#0f52ff,#2d8cff);
    color: #fff !important;
}

/* =========================================================
   RESPONSIVE
========================================================= */
@media(max-width:991px){

    .hb-choice-box {
        padding: 28px;
    }

    .hb-logo {
        font-size: 42px;
    }

    .hb-card {
        padding: 25px;
    }

    body.woocommerce-checkout .wd-checkout-form {
        flex-direction: column !important;
        gap: 22px;
    }

    body.woocommerce-checkout #customer_details,
    body.woocommerce-checkout .wd-checkout-review-order,
    body.woocommerce-checkout .woocommerce-checkout-review-order {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .hb-top-meta,
    .hb-help,
    .hb-actions {
        grid-template-columns: 1fr;
    }
}

@media(max-width:767px){

    .hb-choice-page {
        margin: 25px auto;
        padding: 0 12px;
    }

    .hb-choice-box {
        padding: 20px;
        border-radius: 20px;
    }

    .hb-logo {
        font-size: 34px;
    }

    .hb-sub {
        font-size: 14px;
        margin-bottom: 22px;
    }

    .hb-card h3 {
        font-size: 24px;
    }

    .hb-card {
        padding: 20px;
        border-radius: 20px;
    }

    .hb-btn {
        padding: 15px;
        font-size: 14px;
    }

    body.woocommerce-checkout .col2-set,
    body.woocommerce-checkout .col-1,
    body.woocommerce-checkout #order_review {
        padding: 18px;
        border-radius: 18px;
    }

    body.woocommerce-checkout h3 {
        font-size: 20px;
        margin-bottom: 18px;
    }

    .hb-ty-header {
        padding: 40px 18px 80px;
    }

    .hb-checkmark {
        width: 70px;
        height: 70px;
        font-size: 32px;
    }

    .hb-ty-header h2 {
        font-size: 26px;
    }

    .hb-ty-card {
        padding: 18px;
    }

    .hb-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .hb-actions {
        grid-template-columns: 1fr;
    }
}

/* FINAL FIX */
.hb-choice-page{
    width:100%;
    display:block;
}

.hb-choice-page .row{
    margin-left:-12px;
    margin-right:-12px;
}

.hb-choice-page .row > div{
    padding-left:12px;
    padding-right:12px;
}

.hb-choice-page a{
    text-decoration:none !important;
}

@media(max-width:767px){
    .hb-card{
        margin-bottom:18px;
    }

    .hb-logo{
        line-height:1.15;
    }
}

/* =========================================
   CHECKOUT CHOICE PAGE FIXED
========================================= */

.hb-choice-page{
    max-width:1200px;
    margin:60px auto;
    padding:0 20px;
    position:relative;
    z-index:5;
}

.hb-choice-box{
    max-width:980px;
    margin:auto;
    padding:55px;
    border-radius:32px;
    background:rgba(255,255,255,.62);
    backdrop-filter:blur(24px);
    border:1px solid rgba(255,255,255,.75);
    box-shadow:0 30px 70px rgba(0,0,0,.08);
}

.hb-logo{
    text-align:center;
    font-size:58px;
    font-weight:900;
    color:#111;
    margin-bottom:10px;
    line-height:1.1;
}

.hb-logo span{
    color:#ff6b00;
}

.hb-sub{
    text-align:center;
    font-size:18px;
    color:#64748b;
    margin-bottom:42px;
}

/* row */
.hb-row{
    display:flex;
    flex-wrap:wrap;
    gap:24px;
    margin:0;
}

/* col */
.hb-row > div{
    flex:1;
    min-width:320px;
    padding:0;
}

/* card */
.hb-card{
    height:100%;
    padding:36px;
    border-radius:28px;
    border:1px solid rgba(255,255,255,.75);
    box-shadow:0 20px 45px rgba(0,0,0,.06);
    transition:.3s;
}

.hb-card:hover{
    transform:translateY(-6px);
    box-shadow:0 30px 60px rgba(0,0,0,.1);
}

.hb-card.guest{
    background:linear-gradient(135deg,#fff7ef,#fff1e6);
}

.hb-card.login{
    background:linear-gradient(135deg,#eef4ff,#f7faff);
}

.hb-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    color:#fff;
    margin-bottom:22px;
}

.hb-icon.guest{
    background:linear-gradient(135deg,#ff6b00,#ff9245);
}

.hb-icon.login{
    background:linear-gradient(135deg,#2563eb,#3b82f6);
}

.hb-card h3{
    margin:0 0 14px;
    font-size:34px;
    font-weight:800;
    color:#111;
}

.hb-card p{
    margin:0 0 26px;
    font-size:16px;
    line-height:1.8;
    color:#667085;
}

.hb-btn{
    width:100%;
    display:block;
    text-align:center;
    padding:18px;
    border-radius:16px;
    text-decoration:none !important;
    font-size:16px;
    font-weight:800;
    color:#fff !important;
    transition:.3s;
}

.hb-btn:hover{
    transform:translateY(-2px);
}

.hb-btn-guest{
    background:linear-gradient(135deg,#ff6b00,#ff9245);
    box-shadow:0 18px 35px rgba(255,107,0,.22);
}

.hb-btn-login{
    background:linear-gradient(135deg,#2563eb,#3b82f6);
    box-shadow:0 18px 35px rgba(37,99,235,.2);
}

/* mobile */
@media(max-width:767px){

    .hb-choice-page{
        margin:25px auto;
        padding:0 14px;
    }

    .hb-choice-box{
        padding:24px;
        border-radius:22px;
    }

    .hb-logo{
        font-size:36px;
    }

    .hb-sub{
        font-size:14px;
        margin-bottom:24px;
    }

    .hb-row{
        gap:18px;
    }

    .hb-row > div{
        min-width:100%;
    }

    .hb-card{
        padding:24px;
        border-radius:22px;
    }

    .hb-card h3{
        font-size:26px;
    }

    .hb-btn{
        padding:15px;
        font-size:14px;
    }
}

.hb-dashboard{
    margin:25px 0 10px;
}

.hb-db-head{
    margin-bottom:28px;
}

.hb-db-head h2{
    margin:0 0 8px;
    font-size:32px;
    font-weight:800;
    color:#111827;
}

.hb-db-head p{
    margin:0;
    color:#64748b;
}

.hb-db-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-bottom:25px;
}

.hb-db-card{
    padding:28px;
    border-radius:20px;
    background:#fff;
    border:1px solid #edf2f7;
    box-shadow:0 12px 30px rgba(0,0,0,.05);
}

.hb-db-card span{
    display:block;
    margin-bottom:10px;
    color:#64748b;
    font-size:14px;
}

.hb-db-card strong{
    font-size:34px;
    font-weight:800;
    color:#0f52ff;
}

.hb-db-actions{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.hb-db-actions a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:56px;
    border-radius:14px;
    text-decoration:none;
    background:#0f52ff;
    color:#fff;
    font-weight:700;
}

@media(max-width:991px){
    .hb-db-grid,
    .hb-db-actions{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:767px){
    .hb-db-grid,
    .hb-db-actions{
        grid-template-columns:1fr;
    }

    .hb-db-head h2{
        font-size:24px;
    }
}

.hb-orders-wrap,
.hb-order-view{
    margin:25px 0;
}

.hb-orders-wrap h2,
.hb-order-view h2{
    margin-bottom:24px;
    font-size:30px;
    font-weight:800;
}

.hb-order-card,
.hb-empty-card,
.hb-order-info{
    background:#fff;
    border:1px solid #edf2f7;
    border-radius:20px;
    padding:24px;
    box-shadow:0 12px 30px rgba(0,0,0,.05);
    margin-bottom:18px;
}

.hb-order-top,
.hb-order-mid{
    display:flex;
    justify-content:space-between;
    gap:20px;
    margin-bottom:18px;
    align-items:center;
}

.hb-order-top strong{
    display:block;
    font-size:22px;
}

.hb-order-top span{
    color:#64748b;
    font-size:14px;
}

.hb-status{
    padding:8px 14px;
    border-radius:999px;
    font-size:13px;
    font-weight:700;
}

.hb-processing{
    background:#dbeafe;
    color:#1d4ed8;
}

.hb-completed{
    background:#dcfce7;
    color:#15803d;
}

.hb-pending{
    background:#ffedd5;
    color:#c2410c;
}

.hb-cancelled{
    background:#fee2e2;
    color:#b91c1c;
}

.hb-order-actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:0 22px;
    border-radius:12px;
    text-decoration:none;
    background:#0f52ff;
    color:#fff;
    font-weight:700;
}

.hb-order-info{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.hb-order-info span{
    display:block;
    margin-bottom:8px;
    color:#64748b;
    font-size:13px;
}

.hb-order-info strong{
    font-size:18px;
}

@media(max-width:767px){

    .hb-order-top,
    .hb-order-mid{
        flex-direction:column;
        align-items:flex-start;
    }

    .hb-order-info{
        grid-template-columns:1fr;
    }
}

.hb-account-nav{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:14px;
    margin:0 0 28px;
}

.hb-account-nav a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:54px;
    border-radius:14px;
    text-decoration:none;
    background:#fff;
    border:1px solid #edf2f7;
    color:#111827;
    font-weight:700;
    box-shadow:0 10px 25px rgba(0,0,0,.04);
    transition:.25s;
}

.hb-account-nav a:hover{
    transform:translateY(-2px);
}

.hb-account-nav a.active{
    background:#0f52ff;
    color:#fff;
    border-color:#0f52ff;
}

@media(max-width:991px){
    .hb-account-nav{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:767px){
    .hb-account-nav{
        grid-template-columns:1fr 1fr;
    }
}


.hb-otp-box{
    margin-top:24px;
    padding-top:24px;
    border-top:1px solid #eee;
}

.hb-otp-title{
    font-size:20px;
    font-weight:800;
    margin-bottom:16px;
}

.hb-otp-row{
    margin-bottom:12px;
}

.hb-otp-row input{
    width:100%;
    height:52px;
    border-radius:12px;
    border:1px solid #ddd;
    padding:0 16px;
}

.hb-otp-btn{
    width:100%;
    height:52px;
    border:none;
    border-radius:12px;
    background:#0f52ff;
    color:#fff;
    font-weight:700;
    cursor:pointer;
}

#hb_otp_msg{
    margin-top:10px;
    font-size:14px;
}

/* My Account top menu fix */
.woocommerce-MyAccount-content nav,
.woocommerce-MyAccount-content .woocommerce-breadcrumb,
.woocommerce-MyAccount-content .woocommerce-account-navigation,
.woocommerce-MyAccount-content .account-menu-top{
    margin-bottom:25px;
}

/* inline broken links fix */
.woocommerce-MyAccount-content > a,
.woocommerce-MyAccount-content nav a{
    display:inline-block;
    margin-right:12px;
    margin-bottom:10px;
    padding:10px 18px;
    border:1px solid #e5e7eb;
    border-radius:10px;
    background:#fff;
    color:#111827;
    text-decoration:none;
    font-weight:500;
    transition:.2s ease;
}

.woocommerce-MyAccount-content > a:hover,
.woocommerce-MyAccount-content nav a:hover{
    background:#2563eb;
    border-color:#2563eb;
    color:#fff;
}

/* active */
.woocommerce-MyAccount-navigation .is-active a,
.woocommerce-MyAccount-content nav .is-active a{
    background:#2563eb;
    border-color:#2563eb;
    color:#fff;
}

/* mobile */
@media(max-width:768px){
    .woocommerce-MyAccount-content > a,
    .woocommerce-MyAccount-content nav a{
        display:block;
        margin-right:0;
    }
}



/* wrapper */
.wd-my-account-wrapper{
    gap: 30px !important;
    align-items: flex-start;
}

/* left sidebar */
.wd-my-account-sidebar{
    background: #fff;
    border-radius: 14px;
    padding: 25px;
    box-shadow: 0 10px 30px rgba(0,0,0,.06);
    position: sticky;
    top: 20px;
}

.wd-my-account-sidebar h3,
.wd-my-account-sidebar .title{
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #111827;
    letter-spacing: -.3px;
}

.wd-my-account-sidebar a{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    margin-bottom: 10px;
    border-radius: 12px;
    text-decoration: none;
    color: #374151;
    font-size: 16px;
    font-weight: 600;
    transition: .25s ease;
}

.wd-my-account-sidebar a:hover{
    background: #f3f4f6;
    color: #111827;
    transform: translateX(4px);
}

.wd-my-account-sidebar .is-active,
.wd-my-account-sidebar a.active{
    background: linear-gradient(135deg,#2563eb,#1d4ed8);
    color: #fff !important;
    box-shadow: 0 10px 25px rgba(37,99,235,.25);
}

/* top nav */
.hb-account-nav{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 28px;
    padding: 0;
}

.hb-account-nav a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border-radius: 999px;
    background: #f3f4f6;
    color: #374151;
    text-decoration: none;
    font-weight: 600;
    transition: .25s ease;
}

.hb-account-nav a:hover{
    background: #2563eb;
    color: #fff;
    transform: translateY(-2px);
}

/* content */
.woocommerce-MyAccount-content{
    background: #fff;
    border-radius: 14px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

/* cards */
.hb-dashboard{
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 24px;
    margin-top: 30px;
}

.hb-dashboard .card,
.hb-dashboard > a{
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    padding: 35px 20px;
    text-align: center;
    text-decoration: none;
    transition: .25s ease;
    box-shadow: 0 8px 24px rgba(0,0,0,.05);
}

.hb-dashboard .card:hover,
.hb-dashboard > a:hover{
    transform: translateY(-6px);
    border-color: #2563eb;
    box-shadow: 0 20px 40px rgba(37,99,235,.15);
}

.hb-dashboard svg,
.hb-dashboard i{
    font-size: 42px;
    margin-bottom: 15px;
    color: #2563eb;
}
.hb-account-nav{
	display: flex !important;
    justify-content: space-around !important;
    /* background: #0000ff; */
    /*color: #fff;*/
}
/* mobile */
@media(max-width:768px){

    .hb-dashboard{
        grid-template-columns: 1fr;
    }

    .hb-account-nav{
        gap: 8px;
    }

    .hb-account-nav a{
        font-size: 14px;
        padding: 8px 14px;
    }
}