
.rgrc-page{max-width:760px;margin:32px auto;padding:0 14px;box-sizing:border-box}.rgrc-wide{max-width:1180px}.rgrc-panel{background:#fff;border:1px solid #e7e7e7;border-radius:20px;padding:28px;box-shadow:0 14px 40px rgba(0,0,0,.06)}.rgrc-auth{max-width:520px;margin:auto}.rgrc-brand{text-align:center;color:#168b58;font-weight:800;letter-spacing:.12em;font-size:13px}.rgrc-panel h1,.rgrc-rewardhead h1{text-align:center;margin:7px 0 22px}.rgrc-form label{display:block;font-weight:700;margin:14px 0 7px}.rgrc-form input[type=text],.rgrc-form input[type=tel],.rgrc-form input[type=password],.rgrc-form textarea{width:100%;box-sizing:border-box;border:1px solid #d8dde3;border-radius:11px;background:#fff;padding:12px 14px;font-size:16px}.rgrc-form input[type=tel],.rgrc-form input[type=password]{height:50px}.rgrc-password{position:relative}.rgrc-password input{padding-right:65px!important}.rgrc-toggle{position:absolute;right:7px;top:7px;height:36px;border:0;border-radius:8px;padding:0 10px;font-weight:700;cursor:pointer}.rgrc-primary,.rgrc-secondary{display:flex;width:100%;min-height:46px;box-sizing:border-box;align-items:center;justify-content:center;border-radius:9px;border:0;text-decoration:none!important;font-weight:800;cursor:pointer;padding:9px 13px}.rgrc-primary{background:#168b58;color:#fff!important}.rgrc-secondary{background:#eceff2;color:#777!important;cursor:not-allowed}.rgrc-switch{text-align:center;margin-top:18px}.rgrc-help{font-size:13px;color:#6b7280}.rgrc-notice{padding:14px 15px;border-radius:11px;margin-bottom:18px}.rgrc-notice.is-success{background:#ecfdf3;border:1px solid #b7ebcc;color:#12683f}.rgrc-notice.is-error{background:#fff2f2;border:1px solid #f1c4c4;color:#982b2b}.rgrc-notice.is-info{background:#f4f7fb;border:1px solid #dce3ec;color:#3e4c5e}.rgrc-claim{text-align:center;border:1px dashed #afd9c2;background:#f7fbf8;border-radius:14px;padding:17px;margin-bottom:20px}.rgrc-claim span,.rgrc-claim small{display:block;color:#6b7280}.rgrc-claim strong{display:block;font-family:monospace;font-size:18px;margin:4px}.rgrc-claim b{display:block;color:#168b58;font-size:24px}.rgrc-userphone{text-align:center;color:#6b7280;margin-bottom:14px}.rgrc-balance{background:linear-gradient(135deg,#168b58,#20a96e);color:#fff;border-radius:18px;padding:25px 20px;text-align:center}.rgrc-balance span,.rgrc-balance small{display:block}.rgrc-balance strong{display:block;font-size:48px;line-height:1;margin:5px 0}.rgrc-mt{margin-top:16px}.rgrc-tabs{display:flex;gap:8px;margin-top:28px;border-bottom:1px solid #e6e8eb}.rgrc-tab{border:0;background:transparent;padding:11px 5px;font-weight:800;cursor:pointer;border-bottom:3px solid transparent}.rgrc-tab.is-active{color:#168b58;border-bottom-color:#168b58}.rgrc-paneltab{display:none}.rgrc-paneltab.is-active{display:block}.rgrc-historyrow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid #eceff1}.rgrc-historyrow strong,.rgrc-historyrow small{display:block}.rgrc-historyrow small{color:#8a919a}.rgrc-historyrow .is-plus{color:#168b58}.rgrc-historyrow .is-minus{color:#c73535}.rgrc-empty{padding:20px;color:#777}.rgrc-logout{display:block;text-align:center;margin-top:24px;color:#777}.rgrc-rewardhead{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.rgrc-rewardhead .rgrc-brand,.rgrc-rewardhead h1{text-align:left}.rgrc-rewardhead h1{margin:0}.rgrc-minibalance{display:flex;flex-direction:column;align-items:flex-end;text-decoration:none!important}.rgrc-minibalance strong{font-size:28px;color:#168b58}.rgrc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.rgrc-card{display:flex;flex-direction:column}.rgrc-cardimg{aspect-ratio:4/3;background:#f4f5f6;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:15px}.rgrc-cardimg img{width:100%;height:100%;object-fit:cover}.rgrc-cardbody{padding:10px 5px 0;display:flex;flex-direction:column;gap:9px;flex:1}.rgrc-cardbody h2{font-size:18px;line-height:1.25;margin:0;font-weight:600}.rgrc-cardbody h2 a{text-decoration:none;color:#232a34}.rgrc-points{font-size:19px;color:#ff2d2d;font-weight:500}.rgrc-modal{display:none;position:fixed;inset:0;z-index:999999}.rgrc-modal.is-open{display:block}.rgrc-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}.rgrc-dialog{position:relative;z-index:1;width:min(520px,calc(100% - 24px));max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:24px;margin:5vh auto}.rgrc-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:28px}.rgrc-success{background:#fff;border:1px solid #c5ead5;border-radius:18px;padding:22px;text-align:center;margin-bottom:22px}.rgrc-check{margin:auto;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#168b58;color:#fff;font-size:28px;font-weight:800}.rgrc-codebox,.rgrc-issued,.rgrc-shipping{background:#f7f8f9;border-radius:10px;padding:12px;margin-top:10px;text-align:left}.rgrc-copyrow{display:flex;gap:7px}.rgrc-copyrow input{flex:1;min-width:0;height:42px;border:1px solid #d9dde2;border-radius:8px;padding:0 10px}.rgrc-copy{border:0;border-radius:8px;padding:0 12px;font-weight:700}.rgrc-ordercard{border:1px solid #e5e7eb;border-radius:14px;padding:15px;margin-top:13px}.rgrc-orderhead{display:flex;justify-content:space-between;gap:12px}.rgrc-orderhead strong,.rgrc-orderhead small{display:block}.rgrc-orderpoints{color:#168b58;font-weight:800;margin:8px 0}.rgrc-single-box{margin-top:22px;padding:18px;border:1px solid #e4e7ea;border-radius:15px}.rgrc-singlemeta{display:flex;gap:12px;margin-bottom:14px}.rgrc-singlemeta strong{font-size:22px;color:#ff2d2d}.rgrc-slidersection{max-width:1180px;margin:28px auto}.rgrc-slidertitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.rgrc-slidertitle h2{margin:0;font-size:26px}.rgrc-sliderwrap{position:relative}.rgrc-slider{display:flex;overflow-x:auto;gap:18px;scroll-behavior:smooth;scrollbar-width:none;padding:2px}.rgrc-slider::-webkit-scrollbar{display:none}.rgrc-slideitem{flex:0 0 220px}.rgrc-slidebtn{position:absolute;top:35%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border:0;border-radius:50%;background:#fff;box-shadow:0 3px 14px rgba(0,0,0,.2);font-size:28px}.rgrc-slidebtn.is-prev{left:-18px}.rgrc-slidebtn.is-next{right:-18px}.rgrc-header-auth{display:flex;align-items:center;gap:14px;margin-left:14px}.rgrc-header-auth a{color:#fff!important;text-decoration:none!important;font-weight:600}.rgrc-header-register{padding:10px 16px;border-radius:8px;background:#22c55e!important;color:#fff!important;font-weight:800!important}
@media(max-width:900px){.rgrc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.rgrc-page{margin:18px auto;padding:0 10px}.rgrc-panel{padding:20px 16px}.rgrc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rgrc-cardbody h2{font-size:15px}.rgrc-slideitem{flex-basis:170px}.rgrc-slidebtn{display:none}}


/* 2.0.1 - Disable old HivePress customer auth/posting UI */
.hp-menu__item--listing-submit,
.header-navbar__item--listing-submit,
a[href*="submit-listing"],
a[href*="listing/submit"]{
    display:none!important;
}
#user_login_modal,
#user_register_modal,
#user_password_reset_modal,
.hp-modal--user-login,
.hp-modal--user-register,
.hp-modal--user-password-reset{
    display:none!important;
}


/* 2.0.3 - Legacy HivePress reward card compatibility */
.rgrc-card .rgrc-cardbody{
    padding:8px 4px 0!important;
}
.rgrc-card .rgrc-cardbody h2{
    margin:0 0 4px!important;
}
.rgrc-card .rgrc-points{
    margin:0!important;
    color:#ff2d2d!important;
}
.rgrc-card .rgrc-primary,
.rgrc-card .rgrc-secondary{
    min-height:36px!important;
    margin-top:2px!important;
    border-radius:5px!important;
    font-size:15px!important;
}

/* =========================================================
   2.0.4 HOME HUB
   ========================================================= */
#rgrc-home-hub-portal[hidden]{display:none!important}
.rgrc-home-hub{max-width:1180px;margin:22px auto 40px;padding:0 14px;box-sizing:border-box}
.rgrc-home-main-tabs{display:flex;justify-content:center;gap:30px;margin:0 auto 26px;padding:4px 0 18px;border-bottom:1px solid #edf0f3}
.rgrc-home-main-tab{width:150px;border:0;background:transparent;padding:0;cursor:pointer;font-size:18px;color:#242a33}
.rgrc-home-tab-icon{width:126px;height:126px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;border-radius:28px;background:#f4f5f6;font-size:58px;transition:.18s ease}
.rgrc-home-main-tab:hover .rgrc-home-tab-icon,.rgrc-home-main-tab.is-active .rgrc-home-tab-icon{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.10)}
.rgrc-home-main-tab.is-active{font-weight:800;color:#168b58}
.rgrc-home-pane{display:none}
.rgrc-home-pane.is-active{display:block}
.rgrc-home-pane-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.rgrc-home-pane-heading h2{margin:0;font-size:29px;color:#222a34}
.rgrc-home-balance-link{text-decoration:none!important;font-weight:800;color:#168b58!important;border:1px solid #b9e3cd;border-radius:999px;padding:8px 14px;background:#f5fff9}
.rgrc-reward-filter{border:1px solid #e5e8eb;border-radius:15px;padding:14px;margin-bottom:20px;background:#fff}
.rgrc-filter-groups{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}
.rgrc-filter-groups::-webkit-scrollbar{display:none}
.rgrc-filter-chip{border:1px solid #dce1e5;background:#fff;border-radius:999px;padding:8px 13px;white-space:nowrap;cursor:pointer;font-weight:700;color:#4b5563}
.rgrc-filter-chip.is-active{background:#168b58;border-color:#168b58;color:#fff}
.rgrc-filter-tools{display:grid;grid-template-columns:minmax(220px,1fr) 180px 190px;gap:10px}
.rgrc-filter-tools input,.rgrc-filter-tools select{height:44px;border:1px solid #d9dde2;border-radius:9px;background:#fff;padding:0 12px;font-size:15px}
.rgrc-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.rgrc-home-reward-card,.rgrc-home-listing-card{min-width:0;background:#fff}
.rgrc-home-card-image{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;overflow:hidden;border-radius:15px;background:#f4f5f6;text-decoration:none!important}
.rgrc-home-card-image img{width:100%;height:100%;object-fit:cover}
.rgrc-home-card-image span{font-size:56px}
.rgrc-home-card-body{padding:10px 4px 0}
.rgrc-home-card-body h3{font-size:18px;line-height:1.35;margin:0 0 8px}
.rgrc-home-card-body h3 a{color:#242a33;text-decoration:none!important}
.rgrc-home-card-body p{color:#69717c;font-size:14px;line-height:1.5;margin:0 0 8px}
.rgrc-home-card-points{color:#ff2d2d;font-size:19px;margin-bottom:9px}
.rgrc-home-card-body .rgrc-primary,.rgrc-home-card-body .rgrc-secondary{min-height:38px;border-radius:6px}
.rgrc-home-view-link{text-decoration:none!important;font-weight:700;color:#168b58!important}
.rgrc-home-empty,.rgrc-home-no-results{grid-column:1/-1;text-align:center;padding:32px;color:#737b85}
[data-rgrc-reward-card][hidden]{display:none!important}
@media(max-width:900px){
    .rgrc-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .rgrc-filter-tools{grid-template-columns:1fr 1fr}
    .rgrc-reward-search{grid-column:1/-1}
}
@media(max-width:600px){
    .rgrc-home-hub{padding:0 10px;margin-top:15px}
    .rgrc-home-main-tabs{gap:8px;justify-content:space-between}
    .rgrc-home-main-tab{width:31%;font-size:15px}
    .rgrc-home-tab-icon{width:90px;height:90px;border-radius:22px;font-size:44px}
    .rgrc-home-pane-heading h2{font-size:24px}
    .rgrc-home-grid{gap:14px}
    .rgrc-home-card-body h3{font-size:15px}
    .rgrc-home-card-points{font-size:17px}
    .rgrc-filter-tools{grid-template-columns:1fr}
    .rgrc-reward-search{grid-column:auto}
}


/* =========================================================
   2.0.5 HOME HUB COMPATIBILITY
   Rewards is the single homepage hub owner when available.
   ========================================================= */
.rgrc-home-main-tab{
    display:block;
    text-decoration:none!important;
}
.rgrc-home-main-link{
    color:#242a33!important;
}
.rgrc-home-main-link:hover{
    color:#168b58!important;
}
@media(max-width:600px){
    .rgrc-home-main-tab{
        width:24%!important;
        font-size:13px!important;
    }
    .rgrc-home-tab-icon{
        width:76px!important;
        height:76px!important;
        border-radius:19px!important;
        font-size:36px!important;
    }
}


/* =========================================================
   2.0.6 - CUSTOMIZABLE HOME ICONS
   ========================================================= */

.rgrc-home-main-tab{
    font-size:var(--rgrc-home-font-size,18px)!important;
    font-weight:var(--rgrc-home-font-weight,500)!important;
}

.rgrc-home-main-tab.is-active{
    font-weight:var(--rgrc-home-font-weight,500)!important;
}

.rgrc-home-tab-icon{
    width:var(--rgrc-home-icon-size,126px)!important;
    height:var(--rgrc-home-icon-size,126px)!important;
    border-radius:var(--rgrc-home-icon-radius,28px)!important;
    overflow:hidden!important;
}

.rgrc-home-tab-icon img{
    display:block!important;
    width:78%!important;
    height:78%!important;
    object-fit:contain!important;
    object-position:center!important;
}

.rgrc-home-emoji{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    font-size:58px!important;
}

@media(max-width:600px){
    .rgrc-home-tab-icon{
        width:76px!important;
        height:76px!important;
        border-radius:19px!important;
    }
    .rgrc-home-main-tab{
        font-size:13px!important;
    }
    .rgrc-home-emoji{
        font-size:36px!important;
    }
}


/* =========================================================
   2.0.7 - HEADER AUTH CLEANUP
   Logged in: keep site menu, hide old HivePress account,
   inject only "Đăng Xuất".
   ========================================================= */

.site-header .rgrc-hide-hivepress-account,
.header-navbar .rgrc-hide-hivepress-account{
    display:none!important;
}

.site-header .rgrc-header-auth{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    margin-left:14px!important;
    width:auto!important;
    max-width:none!important;
    white-space:nowrap!important;
}

.site-header .rgrc-header-auth a{
    display:inline-flex!important;
    align-items:center!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:8px 0!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:600!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    text-decoration:none!important;
}

@media(min-width:1100px){
    .site-header .header-navbar__menu{
        overflow:visible!important;
    }

    .site-header .rgrc-header-auth--logged-in{
        position:static!important;
        right:auto!important;
        left:auto!important;
        top:auto!important;
        bottom:auto!important;
        transform:none!important;
        margin-left:18px!important;
    }
}

@media(max-width:1099px){
    .site-header .rgrc-header-auth{
        margin-left:10px!important;
        gap:10px!important;
    }

    .site-header .rgrc-header-auth a{
        font-size:14px!important;
    }
}


/* =========================================================
   2.0.8 - NHẬP MÃ TÍCH ĐIỂM THỦ CÔNG
   ========================================================= */

.rgrc-manual-claim{
    margin-top:16px;
    padding:16px;
    border:1px solid #dfe5e9;
    border-radius:14px;
    background:#fafcfa;
}

.rgrc-manual-claim__head strong,
.rgrc-manual-claim__head small{
    display:block;
}

.rgrc-manual-claim__head strong{
    font-size:17px;
    color:#1f2937;
}

.rgrc-manual-claim__head small{
    margin-top:3px;
    color:#6b7280;
    font-size:13px;
}

.rgrc-manual-claim__form{
    display:flex;
    gap:8px;
    margin-top:12px;
}

.rgrc-manual-claim__form input{
    flex:1 1 auto;
    min-width:0;
    height:46px;
    box-sizing:border-box;
    border:1px solid #d8dde3;
    border-radius:9px;
    background:#fff;
    padding:0 13px;
    font-size:16px;
    text-transform:uppercase;
}

.rgrc-manual-claim__form button{
    flex:0 0 auto;
    min-height:46px;
    border:0;
    border-radius:9px;
    padding:0 18px;
    background:#168b58;
    color:#fff;
    font-weight:800;
    cursor:pointer;
    white-space:nowrap;
}

@media(max-width:600px){
    .rgrc-manual-claim__form{
        flex-direction:column;
    }

    .rgrc-manual-claim__form button{
        width:100%;
    }
}


/* =========================================================
   2.0.10 - ORDER NOTIFICATION BELL
   ========================================================= */

.site-header .rgrc-order-bell{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    padding:0!important;
    margin:0!important;
    border-radius:50%!important;
    color:#fff!important;
    text-decoration:none!important;
    line-height:1!important;
    background:rgba(255,255,255,.08)!important;
}

.site-header .rgrc-order-bell:hover{
    background:rgba(255,255,255,.18)!important;
    opacity:1!important;
}

.rgrc-order-bell__icon{
    display:block!important;
    font-size:20px!important;
    line-height:1!important;
}

.rgrc-order-bell__badge{
    position:absolute!important;
    top:-5px!important;
    right:-7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:19px!important;
    height:19px!important;
    padding:0 5px!important;
    box-sizing:border-box!important;
    border:2px solid #079bd6!important;
    border-radius:999px!important;
    background:#ee2b3b!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1!important;
}


/* =========================================================
   2.0.10 - ORDER TRACKING PAGE
   ========================================================= */

.rgrc-orders-panel{
    max-width:980px!important;
}

.rgrc-orders-titlebar{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    margin-bottom:18px;
}

.rgrc-orders-titlebar h1{
    margin-bottom:6px!important;
}

.rgrc-orders-subtitle{
    margin:0;
    color:#6b7280;
}

.rgrc-orders-points{
    flex:0 0 auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    min-width:106px;
    padding:10px 16px;
    border:1px solid #bfe8d2;
    border-radius:999px;
    color:#168b58;
    text-decoration:none!important;
    background:#f5fff9;
}

.rgrc-orders-points span{
    font-size:12px;
}

.rgrc-orders-points strong{
    font-size:19px;
}

.rgrc-orders-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    margin:18px 0;
}

.rgrc-orders-summary>div{
    padding:13px 14px;
    border:1px solid #e4e8ec;
    border-radius:12px;
    background:#fff;
}

.rgrc-orders-summary span,
.rgrc-orders-summary strong{
    display:block;
}

.rgrc-orders-summary span{
    color:#6b7280;
    font-size:13px;
}

.rgrc-orders-summary strong{
    margin-top:3px;
    color:#1f2937;
    font-size:22px;
}

.rgrc-orders-list{
    display:grid;
    gap:14px;
}

.rgrc-track-card{
    padding:18px;
    border:1px solid #e2e7eb;
    border-radius:16px;
    background:#fff;
    box-shadow:0 3px 14px rgba(31,41,55,.04);
}

.rgrc-track-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
}

.rgrc-track-head h2{
    margin:0 0 5px!important;
    font-size:20px!important;
}

.rgrc-track-meta{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    color:#7b8490;
    font-size:13px;
}

.rgrc-track-status{
    flex:0 0 auto;
    padding:7px 11px;
    border-radius:999px;
    background:#fff7e5;
    color:#a66a00;
    font-size:13px;
    font-weight:700;
    white-space:nowrap;
}

.status-issued .rgrc-track-status,
.status-delivered .rgrc-track-status{
    background:#eaf9f1;
    color:#168b58;
}

.status-cancelled .rgrc-track-status{
    background:#fff0f0;
    color:#c83333;
}

.status-shipping .rgrc-track-status{
    background:#eef5ff;
    color:#2563a8;
}

.rgrc-track-points{
    margin:10px 0 14px;
    color:#168b58;
    font-size:16px;
    font-weight:700;
}

.rgrc-track-digital{
    padding:15px;
    border-radius:12px;
    background:#f7faf8;
}

.rgrc-track-digital label{
    display:block;
    margin:10px 0 6px;
    color:#4b5563;
    font-size:13px;
    font-weight:700;
}

.rgrc-track-digital label:first-child{
    margin-top:0;
}

.rgrc-track-instruction{
    margin-top:13px;
    padding-top:12px;
    border-top:1px solid #e2e8e5;
}

.rgrc-track-instruction p{
    margin:5px 0 0;
}

.rgrc-track-steps{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    margin:16px 0;
}

.rgrc-track-step{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    color:#9aa2ad;
}

.rgrc-track-step:not(:last-child)::after{
    content:"";
    position:absolute;
    top:16px;
    left:calc(50% + 20px);
    width:calc(100% - 40px);
    height:2px;
    background:#e3e6e9;
}

.rgrc-track-step.is-done:not(:last-child)::after{
    background:#168b58;
}

.rgrc-track-dot{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    margin-bottom:7px;
    border:2px solid #d8dde2;
    border-radius:50%;
    background:#fff;
    font-size:12px;
    font-weight:800;
}

.rgrc-track-step.is-current,
.rgrc-track-step.is-done{
    color:#168b58;
}

.rgrc-track-step.is-current .rgrc-track-dot,
.rgrc-track-step.is-done .rgrc-track-dot{
    border-color:#168b58;
    background:#168b58;
    color:#fff;
}

.rgrc-track-step strong,
.rgrc-track-step small{
    display:block;
}

.rgrc-track-step strong{
    font-size:13px;
}

.rgrc-track-step small{
    margin-top:2px;
    font-size:11px;
}

.rgrc-track-address{
    display:grid;
    gap:4px;
    margin-top:14px;
    padding:13px 14px;
    border-radius:11px;
    background:#f6f7f8;
    color:#4b5563;
}

.rgrc-track-address strong{
    color:#1f2937;
}

.rgrc-track-cancelled{
    padding:14px;
    border-radius:11px;
    background:#fff3f3;
    color:#b72d2d;
}

.rgrc-track-updated{
    margin-top:13px;
    padding-top:11px;
    border-top:1px solid #edf0f2;
    color:#8a929d;
    font-size:12px;
}

.rgrc-orders-empty{
    padding:42px 20px;
    text-align:center;
    border:1px dashed #dce2e6;
    border-radius:16px;
}

.rgrc-orders-empty-icon{
    font-size:48px;
}

.rgrc-orders-empty h2{
    margin:8px 0 5px!important;
}

.rgrc-orders-empty p{
    margin:0 0 16px;
    color:#6b7280;
}

@media(max-width:700px){
    .rgrc-orders-titlebar{
        align-items:center;
    }

    .rgrc-orders-titlebar h1{
        font-size:27px!important;
    }

    .rgrc-orders-subtitle{
        display:none;
    }

    .rgrc-orders-points{
        min-width:84px;
        padding:8px 12px;
    }

    .rgrc-orders-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .rgrc-track-card{
        padding:14px;
    }

    .rgrc-track-head h2{
        font-size:18px!important;
    }

    .rgrc-track-steps{
        grid-template-columns:1fr;
        gap:12px;
    }

    .rgrc-track-step{
        flex-direction:row;
        align-items:center;
        gap:10px;
        text-align:left;
    }

    .rgrc-track-step:not(:last-child)::after{
        top:32px;
        left:15px;
        width:2px;
        height:calc(100% - 8px);
    }

    .rgrc-track-dot{
        flex:0 0 32px;
        margin:0;
    }

    .rgrc-track-step small{
        font-size:12px;
    }
}


/* =========================================================
   2.0.13 - MOBILE HEADER ACTIONS
   Compact SHEIN-like mobile header:
   visible account/login actions on the top row, search remains below.
   Desktop layout is untouched.
   ========================================================= */

.rgrc-mobile-actions{
    display:none!important;
}

@media(max-width:1099px){

    /* The desktop auth wrapper usually sits inside the collapsed HivePress menu.
       Hide it on mobile so we don't duplicate auth controls. */
    .site-header .rgrc-header-auth,
    .header-navbar .rgrc-header-auth{
        display:none!important;
    }

    .site-header .rgrc-mobile-actions,
    .header-navbar .rgrc-mobile-actions{
        display:flex!important;
        flex:0 0 auto!important;
        align-items:center!important;
        justify-content:flex-end!important;
        gap:8px!important;

        width:auto!important;
        max-width:none!important;

        margin-left:auto!important;
        margin-right:8px!important;
        padding:0!important;

        white-space:nowrap!important;
        position:relative!important;
        z-index:50!important;
    }

    .site-header .rgrc-mobile-actions a,
    .header-navbar .rgrc-mobile-actions a{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:5px!important;

        width:auto!important;
        max-width:none!important;
        min-height:36px!important;

        margin:0!important;
        padding:7px 10px!important;

        border:0!important;
        border-radius:18px!important;
        background:rgba(255,255,255,.12)!important;

        color:#fff!important;
        text-decoration:none!important;
        font-size:13px!important;
        font-weight:700!important;
        line-height:1!important;

        white-space:nowrap!important;
        cursor:pointer!important;
        pointer-events:auto!important;
    }

    .site-header .rgrc-mobile-actions a:hover,
    .header-navbar .rgrc-mobile-actions a:hover{
        background:rgba(255,255,255,.20)!important;
    }

    .site-header .rgrc-mobile-login span:first-child,
    .site-header .rgrc-mobile-account span:first-child{
        font-size:17px!important;
    }

    .site-header .rgrc-mobile-actions .rgrc-order-bell{
        width:36px!important;
        min-width:36px!important;
        height:36px!important;
        min-height:36px!important;
        padding:0!important;
        border-radius:50%!important;
    }

    .site-header .rgrc-mobile-actions .rgrc-order-bell__icon{
        font-size:18px!important;
    }

    .site-header .rgrc-mobile-actions .rgrc-order-bell__badge{
        top:-5px!important;
        right:-6px!important;
    }
}

/* Narrow phones: keep only the account icon after login,
   but keep the text "Đăng nhập" for guests because it must be obvious. */
@media(max-width:420px){
    .site-header .rgrc-mobile-account__text{
        display:none!important;
    }

    .site-header .rgrc-mobile-account{
        width:36px!important;
        min-width:36px!important;
        padding:0!important;
    }

    .site-header .rgrc-mobile-login{
        padding-left:9px!important;
        padding-right:9px!important;
        font-size:12px!important;
    }
}


/* =========================================================
   2.0.14 - ACCOUNT + FAVORITES AS LINE ICONS
   ========================================================= */
.rgrc-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.site-header a.rgrc-icon-menu,.header-navbar a.rgrc-icon-menu{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0!important;border-radius:8px!important;background:transparent!important;color:#fff!important;text-decoration:none!important;overflow:visible!important;white-space:normal!important}
.site-header a.rgrc-icon-menu:hover,.header-navbar a.rgrc-icon-menu:hover{background:rgba(255,255,255,.12)!important;opacity:1!important}
.rgrc-icon-menu__svg{display:flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;color:currentColor!important;pointer-events:none!important}
.rgrc-icon-menu__svg svg{display:block!important;width:100%!important;height:100%!important;fill:none!important;stroke:currentColor!important;stroke-width:2.15!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.site-header .current-menu-item>a.rgrc-icon-menu::after,.site-header a.rgrc-icon-menu[aria-current="page"]::after,.header-navbar .current-menu-item>a.rgrc-icon-menu::after,.header-navbar a.rgrc-icon-menu[aria-current="page"]::after{content:""!important;position:absolute!important;left:7px!important;right:7px!important;bottom:-5px!important;height:3px!important;border-radius:3px!important;background:#ffb000!important}
@media(max-width:1099px){.site-header .rgrc-mobile-account--svg .rgrc-icon-menu__svg,.header-navbar .rgrc-mobile-account--svg .rgrc-icon-menu__svg{width:21px!important;height:21px!important}.site-header .rgrc-mobile-actions .rgrc-mobile-account--svg{display:inline-flex!important}}
@media(max-width:420px){.site-header .rgrc-mobile-account--svg{width:36px!important;min-width:36px!important;padding:0!important}}
