/* ============================================================
   VENIUM-STYLE UI OVERRIDE
   Visual layer only: does not change application business logic.
   ============================================================ */
:root{
  --venium-bg:#09090b;
  --venium-surface:#151517;
  --venium-surface-2:#1b1b1e;
  --venium-surface-3:#242426;
  --venium-border:#2d2d31;
  --venium-red:#ff2745;
  --venium-red-2:#ff1738;
  --venium-text:#f7f7f8;
  --venium-muted:#85858e;
  --venium-green:#15d66b;
  --venium-radius:22px;
  --venium-shadow:0 16px 45px rgba(0,0,0,.28);
}
html,body{background:var(--venium-bg)!important;color:var(--venium-text);}
body{font-family:var(--body-font),Arial,sans-serif;letter-spacing:.01em;}
a{color:inherit;}
.container{max-width:1240px;}
.btn,.cmn-btn,.cmn-btn2,.cmn-btn3,.kew-btn{border-radius:12px!important;}
.cmn-btn,.cmn-btn2,.cmn-btn3,.kew-btn{font-weight:800!important;letter-spacing:.04em;}
.cmn-btn,.kew-btn{background:var(--venium-red)!important;border-color:var(--venium-red)!important;color:#fff!important;box-shadow:0 10px 28px rgba(255,39,69,.20);}
.cmn-btn:hover,.kew-btn:hover{background:var(--venium-red-2)!important;transform:translateY(-1px);}
.form-control,.form-select,.nice-select,.select2-container--default .select2-selection--single{
  background:#111113!important;border:1px solid var(--venium-border)!important;color:#fff!important;border-radius:12px!important;
}
.form-control:focus{border-color:rgba(255,39,69,.7)!important;box-shadow:0 0 0 3px rgba(255,39,69,.10)!important;}
.card,.sidebar-widget-area,.product-box,.product-box2,.category-box,.banner-section,.product-details-section .side-bar,.checkout-section .card{
  background:var(--venium-surface)!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:var(--venium-radius)!important;box-shadow:none!important;
}
.card-header,.card-body{background:transparent!important;border-color:var(--venium-border)!important;}
/* Public header */
.header-top-section{background:#0c0c0e!important;border-bottom:1px solid #1d1d20!important;}
.cusotm-nav{background:#101012!important;border-bottom:1px solid #202024!important;box-shadow:0 8px 30px rgba(0,0,0,.18);}
.desktop-view-wrapper{min-height:68px!important;}
.desktop-view-wrapper .logo img{max-height:34px!important;width:auto!important;}
.main-menu ul li a{font-weight:700!important;color:#b7b7bd!important;}
.main-menu ul li a:hover,.main-menu ul li a.active{color:#fff!important;}
.search-box2 .form-control{background:#1a1a1d!important;border-color:#29292e!important;border-radius:12px!important;}
.search-box2 .search-btn2{background:var(--venium-red)!important;border-radius:10px!important;}
.shopping-cart .icon,.profile-box .profile{border:1px solid #303035!important;background:#19191c!important;}
.profile-box .profile img{border-radius:12px!important;}
/* Home */
.hero-section{padding:30px 0 10px!important;background:var(--venium-bg)!important;}
.hero-section .slider-box{border-radius:24px!important;border:1px solid rgba(255,39,69,.25)!important;overflow:hidden!important;}
.hero-section .right-box{background:var(--venium-surface)!important;border:1px solid #242428!important;border-radius:24px!important;padding:22px!important;}
.trending-game-section,.service-category-section,.featured-section,.why-choose-us-section{background:var(--venium-bg)!important;}
.trending-game-section .category-box,.service-category-section .category-box,.category-box{
  background:var(--venium-surface)!important;border:1px solid #242428!important;border-radius:18px!important;overflow:hidden!important;transition:.2s ease!important;
}
.category-box:hover,.product-box:hover,.product-box2:hover{border-color:rgba(255,39,69,.55)!important;transform:translateY(-2px);}
.category-box .img-box img{width:100%;aspect-ratio:1/1;object-fit:cover;}
.category-box .text-box{padding:12px 14px 16px!important;}
.category-box .title{font-weight:800!important;color:#f4f4f6!important;}
/* Product listing */
.products-section{padding:32px 0 70px!important;background:var(--venium-bg)!important;}
.products-section .sidebar-widget-area{padding:18px!important;}
.widget-title{font-weight:900!important;color:#fff!important;}
.categories-list .category-link{background:#111113!important;border:1px solid #242428!important;border-radius:12px!important;padding:12px 14px!important;margin-bottom:8px!important;}
.categories-list .category-link:hover,.categories-list .category-link.active{border-color:var(--venium-red)!important;color:#fff!important;}
.product-box{overflow:hidden!important;height:100%!important;}
.product-box .img-box{background:#101012!important;}
.product-box .img-box img{width:100%;aspect-ratio:1.35/1;object-fit:cover;}
.product-box .text-box{padding:15px!important;}
.product-box .title{font-size:16px!important;font-weight:850!important;color:#fff!important;}
.product-box .name,.product-box .review{color:var(--venium-muted)!important;}
.promo-price,.product-box .promo-price{color:var(--venium-red)!important;font-weight:900!important;}
/* Product detail */
.banner-section{margin-top:28px!important;padding:22px!important;}
.banner-section>.container{max-width:1200px;}
.banner-section .img-box{border-radius:20px!important;overflow:hidden!important;background:#0e0e10!important;}
.banner-section .img-box img{width:100%;height:100%;object-fit:cover;}
.banner-section .title{font-size:clamp(28px,4vw,46px)!important;font-weight:950!important;color:#fff!important;}
.banner-section .region{color:#aaa!important;}
.note-box{background:#1d1d20!important;border:1px solid #2a2a2f!important;border-radius:15px!important;}
.product-details-section{padding:22px 0 70px!important;background:var(--venium-bg)!important;}
.product-box2{padding:13px!important;min-height:82px!important;}
.product-box2.active{border-color:var(--venium-red)!important;box-shadow:0 0 0 1px rgba(255,39,69,.28),0 12px 30px rgba(255,39,69,.08)!important;}
.product-box2 .title{font-weight:800!important;color:#fff!important;}
.product-box2 .promo-price{font-size:18px!important;}
.product-details-section .sidebar-widget-area{padding:18px!important;}
.product-details-section .cmn-btn{min-height:50px!important;}
/* Checkout */
.checkout-section{background:var(--venium-bg)!important;padding:32px 0 70px!important;}
.payment-container-list .item{background:#151517!important;border:1px solid #2b2b30!important;border-radius:16px!important;margin-bottom:10px!important;padding:12px!important;}
.payment-container-list .item:has(input:checked){border-color:var(--venium-red)!important;background:#1b1215!important;}
/* User dashboard shell */
.dashboard-wrapper,.dashboard-container,.main{background:var(--venium-bg)!important;}
.dashboard-container{min-height:100vh!important;}
#header.header{
  height:64px!important;background:#101012!important;border-bottom:1px solid #242428!important;
  box-shadow:0 8px 28px rgba(0,0,0,.22)!important;
}
#header .search-bar{max-width:420px!important;}
#header .search-bar .form-control{background:#1b1b1e!important;border:1px solid #29292e!important;}
#header .nav-profile img{width:38px!important;height:38px!important;border:2px solid rgba(255,39,69,.45);}
#header .nav-profile span{color:#fff!important;font-weight:800!important;}
#sidebar{
  top:76px!important;left:16px!important;width:calc(100% - 32px)!important;height:58px!important;
  border-radius:17px!important;background:#171719!important;border:1px solid #252529!important;
  overflow-x:auto!important;overflow-y:hidden!important;box-shadow:none!important;
}
#sidebar .logo-container{display:none!important;}
#sidebar .sidebar-nav{display:flex!important;align-items:center!important;height:100%!important;padding:7px!important;gap:6px!important;white-space:nowrap!important;}
#sidebar .nav-item{display:block!important;flex:0 0 auto!important;}
#sidebar .nav-item>.nav-link{
  width:48px!important;height:44px!important;padding:0!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  background:transparent!important;color:#707078!important;
}
#sidebar .nav-item>.nav-link span,#sidebar .nav-item>.nav-link .ms-auto{display:none!important;}
#sidebar .nav-item>.nav-link i{margin:0!important;font-size:17px!important;}
#sidebar .nav-item>.nav-link.active{background:var(--venium-red)!important;color:#fff!important;box-shadow:0 7px 20px rgba(255,39,69,.22)!important;}
#sidebar .nav-content{display:none!important;}
.main{margin-left:0!important;padding-top:130px!important;}
.main-wrapper{padding:0 16px 70px!important;max-width:1280px!important;margin:auto!important;}
.pagetitle{display:none!important;}
/* User cards and profile */
.dashboard-top,.account-settings-profile-section{background:transparent!important;}
.dashboard-top .text-box .title{font-weight:950!important;color:#fff!important;}
.dashboard-top .highlight{color:var(--venium-red)!important;}
.dashboard-top .sub-title{color:#85858e!important;}
.box-card2,.deposit-invest-box{
  background:var(--venium-surface)!important;border:1px solid #252529!important;border-radius:18px!important;
}
.box-card2{padding:18px!important;}
.box-card2 .img-box{border-radius:12px!important;background:#202024!important;}
.box-card2 .title{color:#fff!important;font-weight:900!important;}
.box-card2 p{color:#77777f!important;}
/* New dashboard blocks */
.venium-profile-hero{background:linear-gradient(115deg,#151517,#191315 65%,#111113)!important;border:1px solid #322529!important;border-radius:22px!important;padding:22px!important;}
.venium-avatar{width:72px;height:72px;border-radius:16px!important;border:2px solid #43272d!important;object-fit:cover;}
.venium-online{width:14px;height:14px;background:#12d96b;border:3px solid #151517;border-radius:50%;position:absolute;right:-3px;bottom:2px;}
.venium-mini-nav{display:flex;gap:6px;padding:7px;background:#171719;border:1px solid #242428;border-radius:15px;margin:14px 0 20px;overflow:auto;}
.venium-mini-nav a{width:45px;height:40px;flex:0 0 45px;display:flex;align-items:center;justify-content:center;border-radius:11px;color:#777780;}
.venium-mini-nav a:hover,.venium-mini-nav a.active{background:var(--venium-red);color:#fff;}
.venium-stat{background:#171719;border:1px solid #252529;border-radius:18px;padding:18px;height:100%;}
.venium-stat .icon{width:42px;height:42px;border-radius:12px;background:#242426;display:flex;align-items:center;justify-content:center;color:var(--venium-red);margin-bottom:14px;}
.venium-stat .label{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#777780;font-weight:800;}
.venium-stat .value{font-size:24px;font-weight:950;color:#fff;}
.venium-section{background:#151517;border:1px solid #252529;border-radius:22px;padding:20px;}
.venium-section-title{font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.06em;font-style:italic;}
.venium-order-row{display:flex;align-items:center;gap:12px;background:#222225;border:1px solid #29292d;border-radius:13px;padding:12px;margin-top:9px;}
.venium-order-row .order-icon{width:40px;height:40px;border-radius:10px;background:#2a2a2e;display:flex;align-items:center;justify-content:center;color:#aaa;}
.venium-order-row .amount{margin-left:auto;color:var(--venium-red);font-weight:900;}
.venium-security{background:linear-gradient(110deg,#151517,#1b1518);border:1px solid #30262a;border-radius:22px;padding:22px;}
/* Profile forms */
.account-settings-profile-section .card{background:#151517!important;border-radius:22px!important;margin-bottom:20px!important;}
.account-settings-profile-section .card-header{padding:20px!important;}
.account-settings-profile-section label{color:#888891!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.09em!important;font-weight:800!important;}
.account-settings-profile-section .form-control,.account-settings-profile-section .cmn-select2{background:#242426!important;border-color:#303034!important;color:#fff!important;}
/* Mobile */
@media(max-width:767px){
  .container{padding-left:16px!important;padding-right:16px!important;}
  .header-top-section{display:none!important;}
  .desktop-view{padding:0 10px!important;}
  .desktop-view-wrapper{min-height:54px!important;}
  .desktop-view-wrapper .logo img{max-height:28px!important;}
  .main-menu{display:none!important;}
  .custom-nav{gap:5px!important;}
  .search-box2{width:150px!important;}
  .search-box2 .form-control{height:38px!important;}
  .cusotm-nav{position:sticky!important;top:0!important;z-index:1000!important;}
  .hero-section{padding-top:14px!important;}
  .hero-section .slider-box{min-height:260px!important;}
  .products-section{padding-top:18px!important;}
  .products-section>.container>.row>.col-lg-4{display:none!important;}
  .products-section>.container>.row>.col-lg-8{width:100%!important;}
  .product-box .img-box img{aspect-ratio:1.18/1!important;}
  .banner-section{margin:14px 16px 0!important;padding:15px!important;}
  .banner-section .title{font-size:27px!important;margin-top:8px!important;}
  .product-details-section{padding:14px 0 90px!important;}
  .product-details-section .col-lg-8{order:2;}
  .product-details-section .col-lg-4{order:1;}
  #header .toggle-sidebar-btn{display:none!important;}
  #header .search-bar{display:none!important;}
  #header .header-nav{margin-left:auto!important;}
  #header .nav-profile span{display:none!important;}
  #sidebar{top:70px!important;left:10px!important;width:calc(100% - 20px)!important;height:54px!important;z-index:998!important;}
  .main{padding-top:135px!important;}
  .main-wrapper{padding:0 10px 50px!important;}
  .venium-profile-hero{text-align:center!important;}
  .venium-profile-hero .d-flex{justify-content:center!important;}
  .venium-stat .value{font-size:21px!important;}
  .venium-mini-nav{margin-top:10px!important;}
  .venium-mini-nav a{width:42px;height:38px;flex-basis:42px;}
  .venium-order-row{padding:10px;}
  .venium-order-row .amount{font-size:12px;}
}
/* WhatsApp-like support floating button already present on some deployments */

.bottom-nav{display:none!important;}
@media(max-width:767px){.bottom-nav{display:none!important;}}