/* ================================================================
   NEXTHOSTING — hw.css  (compiled from hw.scss)
   Premium Design System Overhaul
   ================================================================ */

/* ---- Fonts ---- */
@font-face{font-display:swap;font-family:"Poppins";font-style:normal;font-weight:400;src:url("/themes/hw/booking/fonts/poppins-v24-latin-regular.woff2") format("woff2")}
@font-face{font-display:swap;font-family:"Poppins";font-style:normal;font-weight:500;src:url("/themes/hw/booking/fonts/poppins-v24-latin-500.woff2") format("woff2")}
@font-face{font-display:swap;font-family:"Poppins";font-style:normal;font-weight:700;src:url("/themes/hw/booking/fonts/poppins-v24-latin-700.woff2") format("woff2")}
@font-face{font-display:swap;font-family:"DM Sans";font-style:normal;font-weight:400;src:url("/themes/hw/booking/fonts/dm-sans-v17-latin-regular.woff2") format("woff2")}
@font-face{font-display:swap;font-family:"DM Sans";font-style:normal;font-weight:500;src:url("/themes/hw/booking/fonts/dm-sans-v17-latin-500.woff2") format("woff2")}
@font-face{font-display:swap;font-family:"DM Sans";font-style:normal;font-weight:700;src:url("/themes/hw/booking/fonts/dm-sans-v17-latin-700.woff2") format("woff2")}

/* ---- Base ---- */
body,.page-main,.hw-page{min-height:calc(100vh - 90px - 88px - 90px)}
body{font-family:DM Sans,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1e293b}
h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1{font-family:unset;letter-spacing:-.02em}
a{transition:color .15s ease}
.hw-page:not(.center-content){margin-top:30px;margin-bottom:60px}

/* ================================================================
   NAVBAR — Premium Glass Navigation
   ================================================================ */

header.navbar-light.header-sticky{
    position:sticky!important;
    top:0;
    z-index:1050;
    background:rgba(255,255,255,.97)!important;
    backdrop-filter:blur(24px) saturate(160%);
    -webkit-backdrop-filter:blur(24px) saturate(160%);
    border-bottom:1px solid rgba(15,23,42,.075)!important;
    transition:background .28s ease,box-shadow .28s ease,border-color .28s ease;
}
header.navbar-light.header-sticky.is-sticky{
    background:rgba(255,255,255,.99)!important;
    box-shadow:0 4px 28px rgba(15,23,42,.09)!important;
    border-bottom-color:rgba(15,23,42,.10)!important;
}
header.navbar-light.header-sticky .navbar{
    padding-top:10px;
    padding-bottom:10px;
}
header.navbar-light.header-sticky .navbar-brand{
    transition:opacity .16s ease,transform .16s ease;
}
header.navbar-light.header-sticky .navbar-brand:hover{
    opacity:.88;
    transform:translateY(-1px);
}
.hw-brand-logo{
    height:42px!important;
    max-height:42px;
    width:auto;
}
@media (max-width:575.98px){
    .hw-brand-logo{
        height:34px!important;
        max-height:34px;
    }
}

/* Left nav links */
header.navbar-light.header-sticky .navbar-nav .nav-link{
    position:relative;
    padding:9px 13px;
    color:#1e293b;
    font-weight:600;
    font-size:.9rem;
    letter-spacing:-.01em;
    border-radius:10px;
    text-decoration:none;
    transition:color .16s ease,background .16s ease;
}
header.navbar-light.header-sticky .navbar-nav .nav-item.active>.nav-link,
header.navbar-light.header-sticky .navbar-nav .nav-link.active{
    color:#0d6efd;
    font-weight:700;
    background:rgba(13,110,253,.07);
}
header.navbar-light.header-sticky .navbar-nav .nav-link:hover{
    color:#0d6efd;
    background:rgba(13,110,253,.06);
}

/* Dropdown caret */
header.navbar-light.header-sticky .navbar-nav .dropdown-toggle::after{
    vertical-align:.12em;
    opacity:.5;
    transition:transform .2s ease;
}
header.navbar-light.header-sticky .navbar-nav .dropdown.show .dropdown-toggle::after{
    transform:rotate(180deg);
}

/* Dropdown menus */
header.navbar-light.header-sticky .dropdown-menu{
    padding:8px!important;
    margin-top:10px!important;
    border:1px solid rgba(15,23,42,.09)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.99)!important;
    box-shadow:0 20px 56px rgba(15,23,42,.14)!important;
    backdrop-filter:blur(16px);
    animation:nhNavDropIn .17s ease both;
    min-width:200px;
}
@keyframes nhNavDropIn{
    from{opacity:0;transform:translateY(-6px) scale(.98)}
    to{opacity:1;transform:translateY(0) scale(1)}
}
header.navbar-light.header-sticky .dropdown-item{
    padding:9px 13px!important;
    border-radius:11px!important;
    color:#334155;
    font-size:.89rem;
    font-weight:550;
    transition:background .13s ease,color .13s ease;
}
header.navbar-light.header-sticky .dropdown-item:hover,
header.navbar-light.header-sticky .dropdown-item:focus{
    background:rgba(13,110,253,.075)!important;
    color:#0d6efd!important;
}
header.navbar-light.header-sticky .dropdown-item.active,
header.navbar-light.header-sticky .dropdown-item:active{
    background:rgba(13,110,253,.12)!important;
    color:#0d6efd!important;
}

/* Pre-existing selectors — keep for compat */
nav.navbar .dropdown-menu .dropdown-item.active,
nav.navbar .dropdown-menu .dropdown-item:active{
    color:var(--bs-dropdown-link-active-color);
    background-color:var(--bs-dropdown-link-active-bg);
}
nav.navbar .dropdown-menu .dropdown-item:hover{
    color:var(--bs-dropdown-link-hover-color);
}

header.navbar-light.header-sticky .dropdown-header{
    padding:8px 13px 4px;
    font-size:.68rem;
    font-weight:800;
    letter-spacing:.09em;
    text-transform:uppercase;
    color:#94a3b8;
}
header.navbar-light.header-sticky .dropdown-divider{
    margin:5px 8px;
    border-color:rgba(15,23,42,.07);
}

/* Right nav - utility items */
header.navbar-light.header-sticky .nav-pills-primary-soft .nav-link{
    padding:7px 11px;
    font-size:.82rem;
    font-weight:600;
    color:#475569;
    border-radius:9px;
}
header.navbar-light.header-sticky .nav-pills-primary-soft .nav-link:hover{
    color:#0d6efd;
    background:rgba(13,110,253,.065);
}
header.navbar-light.header-sticky .border-bottom{
    border-bottom-color:rgba(15,23,42,.065)!important;
}

/* Account user-info block inside dropdown */
.hw-user-info-container{
    padding:13px 14px 11px;
    margin-bottom:6px;
    border-radius:13px;
    background:linear-gradient(135deg,rgba(13,110,253,.07),rgba(79,70,229,.05));
}
.hw-user-info-container strong{
    display:block;
    color:#0f172a;
    font-size:.88rem;
    font-weight:700;
}
.hw-user-info-container small{
    color:#64748b;
    font-size:.76rem;
}

/* Logout in dropdown */
.dropdown-item.hover-danger:hover{
    color:#dc2626!important;
    background:rgba(239,68,68,.07)!important;
}

/* Navbar CTA buttons */
header.navbar-light.header-sticky .navbar-nav .btn,
header.navbar-light.header-sticky .btn-group>.btn{
    border-radius:10px!important;
    font-size:.84rem!important;
    font-weight:700!important;
    padding:7px 16px!important;
    transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important;
}
header.navbar-light.header-sticky .navbar-nav .btn-primary,
header.navbar-light.header-sticky .btn-group>.btn-primary{
    background:linear-gradient(135deg,#0d6efd,#4f46e5)!important;
    border:none!important;
    box-shadow:0 8px 20px rgba(13,110,253,.22)!important;
}
header.navbar-light.header-sticky .navbar-nav .btn-primary:hover,
header.navbar-light.header-sticky .btn-group>.btn-primary:hover{
    transform:translateY(-1px);
    box-shadow:0 12px 26px rgba(13,110,253,.30)!important;
    filter:brightness(1.02);
}
header.navbar-light.header-sticky .navbar-nav .btn-outline-primary,
header.navbar-light.header-sticky .btn-group>.btn-outline-primary{
    border-color:rgba(13,110,253,.28)!important;
    color:#0d6efd!important;
    background:transparent!important;
}
header.navbar-light.header-sticky .navbar-nav .btn-outline-primary:hover,
header.navbar-light.header-sticky .btn-group>.btn-outline-primary:hover{
    background:rgba(13,110,253,.07)!important;
    border-color:rgba(13,110,253,.45)!important;
}

/* Mobile toggler */
header.navbar-light.header-sticky .navbar-toggler{
    padding:9px 11px;
    border-radius:10px;
    border:1px solid rgba(15,23,42,.14)!important;
    background:rgba(255,255,255,.85)!important;
    transition:border-color .16s ease,background .16s ease;
}
header.navbar-light.header-sticky .navbar-toggler:hover{
    border-color:rgba(13,110,253,.3)!important;
    background:rgba(13,110,253,.05)!important;
}
header.navbar-light.header-sticky .navbar-toggler:focus{
    box-shadow:0 0 0 4px rgba(13,110,253,.12);
    outline:none;
}

/* Animated hamburger */
.navbar-toggler-animation{
    display:flex;
    flex-direction:column;
    gap:4px;
    width:20px;
}
.navbar-toggler-animation span{
    display:block;
    height:2px;
    width:100%;
    background:#334155;
    border-radius:2px;
    transition:transform .25s ease,opacity .25s ease;
}

/* Mobile collapse panel */
@media (max-width:1199.98px){
    header.navbar-light.header-sticky .navbar-collapse.show{
        position:absolute;
        top:100%;
        left:0;
        right:0;
        z-index:999;
        padding:14px 16px 18px;
        background:rgba(255,255,255,.99)!important;
        border-top:1px solid rgba(15,23,42,.07);
        border-radius:0 0 20px 20px;
        box-shadow:0 28px 60px rgba(15,23,42,.13);
        backdrop-filter:blur(20px);
    }
    header.navbar-light.header-sticky .navbar-collapse.show .nav-link{
        padding:10px 13px;
        font-size:.92rem;
    }
}

/* hw-navbar-wrapper fallback */
.hw-navbar-wrapper{
    position:sticky;
    top:0;
    z-index:1050;
    background:rgba(255,255,255,.97);
    backdrop-filter:blur(24px) saturate(160%);
    border-bottom:1px solid rgba(15,23,42,.075);
    transition:background .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.hw-navbar--scrolled{
    background:rgba(255,255,255,.99)!important;
    box-shadow:0 4px 28px rgba(15,23,42,.09);
    border-bottom-color:rgba(15,23,42,.10);
}
.hw-nav-dropdown-toggler{position:relative}

/* ================================================================
   FOOTER
   ================================================================ */
footer{
    max-width:unset;
    margin:0!important;
    border-top:1px solid rgba(15,23,42,.08)!important;
    background:#f8fafc!important;
}
.footer-inner{
    display:flex!important;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    max-width:1360px;
    margin:0 auto;
    padding:20px 24px!important;
}
.footer-inner>p{
    margin:0!important;
    font-size:.84rem;
    font-weight:500;
    color:#64748b!important;
    line-height:1.65;
}
.footer-inner .nav{
    gap:2px;
    flex-wrap:wrap;
    justify-content:flex-end;
    max-width:none!important;
    width:auto!important;
}
footer .nav-link{
    padding:5px 10px!important;
    font-size:.82rem;
    font-weight:550;
    color:#64748b!important;
    border-radius:8px;
    transition:color .15s ease,background .15s ease;
    text-decoration:none!important;
}
footer .nav-link:hover{
    color:#0d6efd!important;
    background:rgba(13,110,253,.06);
}
.hw-powered-by{
    font-size:.78rem!important;
    opacity:.72;
    transition:opacity .15s ease;
    text-decoration:none!important;
}
.hw-powered-by:hover{opacity:1}
.text-primary-hover{transition:color .15s ease,opacity .15s ease}
.text-primary-hover:hover{color:var(--bs-primary)!important;opacity:1}
@media (max-width:767.98px){
    .footer-inner{
        flex-direction:column;
        align-items:flex-start;
        gap:10px;
        padding:16px!important;
    }
    footer .nav{justify-content:flex-start!important}
}

/* ================================================================
   GLOBAL CARDS
   ================================================================ */
.card{
    --bs-card-border-width:1px;
    border-color:rgba(15,23,42,.09)!important;
    border-radius:18px!important;
    transition:border-color .2s ease,box-shadow .2s ease;
}
.card:hover{
    border-color:rgba(13,110,253,.15)!important;
    box-shadow:0 10px 32px rgba(15,23,42,.07)!important;
}
.card-header{
    padding:15px 20px;
    background:rgba(248,250,255,.88)!important;
    border-bottom-color:rgba(15,23,42,.07)!important;
}
.card-header h5,.card-header h6{
    margin:0;
    font-weight:800;
    letter-spacing:-.02em;
}
.card-header:first-child:not(:has(~.card-body)){
    border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
.card .text-muted{color:var(--bs-card-color)!important}

/* ================================================================
   GLOBAL BUTTONS
   ================================================================ */
.btn{
    margin-bottom:0;
    font-weight:700;
    border-radius:12px;
    transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,filter .16s ease;
}
.btn:hover:not(:disabled):not(.disabled){transform:translateY(-1px)}
.btn:active:not(:disabled):not(.disabled){transform:translateY(0)}
.btn:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(13,110,253,.18)!important}
.btn-primary{
    background:linear-gradient(135deg,#0d6efd,#4f46e5);
    border:none;
    box-shadow:0 8px 20px rgba(13,110,253,.20);
}
.btn-primary:hover:not(:disabled):not(.disabled){
    box-shadow:0 12px 28px rgba(13,110,253,.30)!important;
    filter:brightness(1.03);
}
.btn-success{background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 8px 20px rgba(16,185,129,.22)}
.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;box-shadow:0 8px 20px rgba(239,68,68,.20)}
.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;box-shadow:0 8px 20px rgba(245,158,11,.22)}
.btn-outline-primary{
    border-color:rgba(13,110,253,.32);
    font-weight:700;
    transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.btn-outline-primary:hover:not(:disabled){
    background:rgba(13,110,253,.07)!important;
    border-color:rgba(13,110,253,.5)!important;
    color:#0d6efd!important;
}
.btn-sm{padding:6px 14px;font-size:.82rem;border-radius:9px}
.btn-lg{padding:12px 28px;font-size:1.05rem;border-radius:14px}

/* ================================================================
   GLOBAL FORMS
   ================================================================ */
.form-control,.form-select,.custom-select{
    min-height:44px;
    border:1px solid rgba(15,23,42,.14)!important;
    border-radius:12px!important;
    background-color:#fff!important;
    color:#0f172a;
    transition:border-color .16s ease,box-shadow .16s ease;
}
.form-control:hover:not(:disabled):not([readonly]),
.form-select:hover:not(:disabled):not([readonly]){
    border-color:rgba(15,23,42,.24)!important;
}
.form-control:focus,.form-select:focus,.custom-select:focus{
    border-color:rgba(13,110,253,.55)!important;
    box-shadow:0 0 0 4px rgba(13,110,253,.10)!important;
}
.form-label{color:#334155;font-weight:700;font-size:.88rem;margin-bottom:6px}
.form-text{color:#64748b;font-size:.82rem}

/* ================================================================
   GLOBAL TABLES
   ================================================================ */
table thead tr{background-color:transparent}
table thead tr th{
    background-color:rgba(0,0,0,.03);
    font-size:.75rem;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:#64748b;
}
table thead tr th:first-child{border-top-left-radius:1rem}
table thead tr th:last-child{border-top-right-radius:1rem}
table thead th,table tbody td{padding:1rem 1.5rem!important;vertical-align:middle}
table tbody tr{transition:background .14s ease}
table tbody tr:hover{background:rgba(13,110,253,.025)}

/* ================================================================
   GLOBAL BADGES
   ================================================================ */
.badge{border-radius:999px;padding:5px 9px;font-weight:800;font-size:.72em;letter-spacing:.01em}
.badge.text-bg-success,.badge.badge-success{color:#047857!important;background:rgba(16,185,129,.13)!important;border:1px solid rgba(16,185,129,.20)}
.badge.text-bg-primary,.badge.badge-primary{color:#1d4ed8!important;background:rgba(13,110,253,.11)!important;border:1px solid rgba(13,110,253,.18)}
.badge.text-bg-warning,.badge.badge-warning{color:#92400e!important;background:rgba(245,158,11,.14)!important;border:1px solid rgba(245,158,11,.22)}
.badge.text-bg-danger,.badge.badge-danger{color:#991b1b!important;background:rgba(239,68,68,.11)!important;border:1px solid rgba(239,68,68,.19)}
.badge.text-bg-secondary,.badge.badge-secondary{color:#475569!important;background:rgba(71,85,105,.12)!important;border:1px solid rgba(71,85,105,.18)}

/* ================================================================
   GLOBAL ALERTS
   ================================================================ */
.alert{border-radius:16px;display:flex;align-items:center;gap:14px;border-width:1px}
.alert>i{font-size:1.2rem;flex:0 0 auto}
.alert-text,.alert-content{flex:1 1 auto}
.alert .btn{flex:0 0 auto}
.hw-alerting-wrapper{margin-bottom:16px}
.hw-alerting-wrapper .alert:last-child{margin-bottom:0}

/* ================================================================
   CENTER LAYOUT (login / register / auth pages)
   ================================================================ */
.hw-center-main{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:calc(100vh - 88px - 80px);
    padding:32px 16px 64px;
    background:
        radial-gradient(circle at 10% 0%,rgba(13,110,253,.09),transparent 32%),
        radial-gradient(circle at 92% 8%,rgba(79,70,229,.10),transparent 34%),
        linear-gradient(180deg,#fbfdff 0%,#f5f8ff 50%,#ffffff 100%);
}

/* ================================================================
   PAGINATION
   ================================================================ */
.pagination .page-link{
    border-radius:10px;
    margin:0 2px;
    border-color:rgba(15,23,42,.10);
    color:#0d6efd;
    transition:background .15s ease,border-color .15s ease,color .15s ease;
}
.pagination .page-link:hover{
    background:rgba(13,110,253,.07);
    border-color:rgba(13,110,253,.25);
    color:#0d6efd;
}
.pagination .active .page-link,
.page-item.active .page-link{
    background:linear-gradient(135deg,#0d6efd,#4f46e5);
    border-color:transparent;
    box-shadow:0 8px 20px rgba(13,110,253,.22);
}

/* ================================================================
   NAV TABS
   ================================================================ */
.nav-tabs{border-bottom-color:rgba(15,23,42,.09);gap:4px}
.nav-tabs .nav-link{
    border:1px solid transparent!important;
    border-radius:11px 11px 0 0!important;
    color:#64748b;
    font-weight:650;
    transition:color .15s ease,background .15s ease;
}
.nav-tabs .nav-link:hover{color:#0d6efd;background:rgba(13,110,253,.05);border-color:transparent!important}
.nav-tabs .nav-link.active{
    color:#0d6efd;
    background:#fff;
    border-color:rgba(15,23,42,.09) rgba(15,23,42,.09) #fff!important;
    font-weight:750;
}

/* ================================================================
   MODALS
   ================================================================ */
.modal-content{border:none;border-radius:22px;box-shadow:0 32px 80px rgba(15,23,42,.20)}
.modal-header{padding:20px 24px;border-bottom-color:rgba(15,23,42,.08)}
.modal-footer{padding:16px 24px;border-top-color:rgba(15,23,42,.08)}
.modal-body{padding:20px 24px}

/* ================================================================
   LIST GROUPS
   ================================================================ */
.list-group-item{border-color:rgba(15,23,42,.08)!important;transition:background .15s ease,color .15s ease}
.list-group-item-action:hover{background:rgba(13,110,253,.04);color:#0d6efd}
.list-group-item.active{background:linear-gradient(135deg,#0d6efd,#4f46e5)!important;border-color:transparent!important}

/* ================================================================
   PRODUCT DETAIL / MISC
   ================================================================ */
body:not(.page-account-product-index) .product-detail-status{font-size:20px;margin-left:20px}
.navbar-expand-xl .dropdown-toggle:after,
.navbar-expand-xl .dropdown-submenu.dropend .dropdown-toggle:after{font-family:"Font Awesome 6 Pro",serif}
.hw-product-page-list a.nav-link{padding-left:8px!important}
.hw-product-page-list a.nav-link>i{margin-right:5px!important}
.hw-product-page-list .navbar-offcanvas-menu{flex-wrap:wrap}
.apexcharts-text tspan,.apexcharts-legend-text,.apexcharts-tooltip-text{font-family:DM Sans,sans-serif!important}
.hw-radio-mega .form-check:last-of-type,.hw-radio-mega .hw-button:last-of-type,.card>.hw-radio-mega .form-check:not(:last-of-type){border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}
#hw-toggle-promotion{color:var(--bs-card-color)!important}

/* ================================================================
   CUSTOM SCROLLBAR
   ================================================================ */
@media (min-width:992px){
    ::-webkit-scrollbar{width:8px;height:8px}
    ::-webkit-scrollbar-track{background:transparent}
    ::-webkit-scrollbar-thumb{background:rgba(15,23,42,.18);border-radius:999px}
    ::-webkit-scrollbar-thumb:hover{background:rgba(15,23,42,.28)}
}

/* ================================================================
   DARK MODE
   ================================================================ */
[data-bs-theme="dark"] header.navbar-light.header-sticky,
[data-bs-theme="dark"] .hw-navbar-wrapper{background:rgba(15,23,42,.97)!important;border-bottom-color:rgba(255,255,255,.07)!important}
[data-bs-theme="dark"] header.navbar-light.header-sticky .navbar-nav .nav-link{color:#e2e8f0}
[data-bs-theme="dark"] header.navbar-light.header-sticky .dropdown-menu{background:rgba(22,32,50,.99)!important;border-color:rgba(255,255,255,.08)!important}
[data-bs-theme="dark"] header.navbar-light.header-sticky .dropdown-item{color:#cbd5e1}
[data-bs-theme="dark"] footer{background:#0d1526!important;border-top-color:rgba(255,255,255,.07)!important}
[data-bs-theme="dark"] .card{border-color:rgba(255,255,255,.08)!important;background:rgba(22,32,50,.90)!important}
/*# sourceMappingURL=hw.css.map */