/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

/* Custom CSS for Nexus Theme
 *
 * This file allows you to customize the theme colors and styles for the entire Nexus template.
 *
 * To customize colors:
 * - Replace the var() references with your own hex colors or other CSS values.
 * - For example, instead of --primary: #4b5563; use --primary: #your-color;
 * - You can also override any CSS properties here.
 */

:root {
    --white: #fff;

    /* Neutral shades */
    --neutral-50: #fbf9fa;
    --neutral-100: #f4f5f7;
    --neutral-200: #e4e4e7;
    --neutral-300: #d0d5dd;
    --neutral-400: #9ca3af;
    --neutral-500: #6b7280;
    --neutral-600: #4b5563;
    --neutral-700: #374151;
    --neutral-800: #1f2937;
    --neutral-900: #111827;
    --neutral-950: #030712;

    /* Neutral shades */
    /* define own pallet with brand colors */
    --primary-50: var(--neutral-50);
    --primary-100: var(--neutral-100);
    --primary-200: var(--neutral-200);
    --primary-300: var(--neutral-300);
    --primary-400: var(--neutral-400);
    --primary-500: var(--neutral-500);
    --primary-600: var(--neutral-600);
    --primary-700: var(--neutral-700);
    --primary-800: var(--neutral-800);
    --primary-900: var(--neutral-900);
    --primary-950: var(--neutral-900);

    /* Primary colors */
    /* Use shades from comments if `primary` colors use other colors, then neutral */
    --primary: var(--neutral-900);          /* var(--primary-600) */
    --primary-lifted: var(--neutral-800);   /* var(--primary-700) */
    --primary-accented: var(--neutral-700); /* var(--primary-800) */

    /* Secondary colors */
    --secondary: var(--neutral-500);
    --secondary-lifted: var(--neutral-600);
    --secondary-accented: var(--neutral-700);

    /* Success colors */
    --success: #00a63e;
    --success-lifted: #008236;
    --success-accented: #016630;

    /* Info colors */
    --info: #155dfc;
    --info-lifted: #1447e6;
    --info-accented: #193cb8;

    /* Notice colors */
    --notice: #7f22fe;
    --notice-lifted: #7008e7;
    --notice-accented: #5d0ec0;

    /* Warning colors */
    --warning: #f54a00;
    --warning-lifted: #ca3500;
    --warning-accented: #9f2d00;

    /* Error colors */
    --error: #e7000b;
    --error-lifted: #c10007;
    --error-accented: #9f0712;

    /* Grayscale colors */
    --grayscale: var(--neutral-900);
    --grayscale-lifted: var(--neutral-800);
    --grayscale-accented: var(--neutral-700);

    /* Neutral colors */
    --neutral: var(--neutral-500);
    --neutral-lifted: var(--neutral-600);
    --neutral-accented: var(--neutral-700);

    /* Text neutral colors */
    --text-inverted: var(--white);
    --text-muted: var(--neutral-400);
    --text-lifted: var(--neutral-500);
    --text-accented: var(--neutral-600);
    --text: var(--neutral-900);

    /* Border neutral colors */
    --border-muted: var(--neutral-200);
    --border: var(--neutral-300);
    --border-lifted: var(--neutral-400);
    --border-accented: var(--neutral-600);

    /* Background neutral colors */
    --bg: var(--white);
    --bg-muted: var(--neutral-50);
    --bg-lifted: var(--neutral-100);
    --bg-accented: var(--neutral-200);
    --bg-inverted: var(--neutral-900);

    /* Additional colors */
    --yellow-200: #fff085;
    --yellow-300: #ffdf20;
    --teal-300: #46edd5;
    --teal-400: #00d5be;
    --emerald-300: #5ee9b5;
    --pink-400: #fb64b6;

    /* Additional custom properties */
    /* Font sizes */
    --text-xs: 0.625rem;
    --text-sm: 0.75rem;
    --text-md: 0.875rem;
    --text-lg: 1rem;

    /* Spacing */
    --outline-sm: 1px;
    --outline-md: 2px;
    --outline-lg: 3px;

    /* Rounding */
    --rounding-sm: 0.25rem;
    --rounding-md: 0.5rem;
    --rounding-lg: 0.75rem;

    /* Other */
    --letter-spacing: 0em;
    --disabled-opacity: 25%;
}

/* ========================================================================== */
/* OffshoreDedi Dark Theme overrides                                           */
/* ========================================================================== */
:root{
  --od-bg:#111319;
  --od-bg-deep:#07090e;
  --od-panel:#171a22;
  --od-panel-2:#1d212b;
  --od-border:#2f3542;
  --od-text:#f7f8fc;
  --od-muted:#9ea6b5;
  --od-blue:#318cff;
  --od-purple:#7c3cff;
  --od-cyan:#25c2bd;
  --od-danger:#ff5d6c;
  --od-success:#37c996;
}

html,body{background:var(--od-bg)!important;color:var(--od-text)!important;}
body{font-family:inherit;background:linear-gradient(180deg,#111319 0%,#0d0f15 100%)!important;}
a{color:#70aaff;} a:hover{color:#9b7cff;text-decoration:none;}

/* Header / navigation */
#header.header{background:#050609!important;border-bottom:1px solid #222834;box-shadow:0 12px 30px rgba(0,0,0,.18);}
#header .topbar{background:#090b10!important;border-bottom:1px solid #202631!important;}
#header .navbar,#header .navbar-light,#header .main-navbar-wrapper{background:#050609!important;}
#header .navbar-brand{padding:8px 0;}
#header .navbar-brand .logo-img{max-height:52px;width:auto;filter:none!important;}
#header .main-navbar-wrapper{border-top:1px solid #171b24!important;border-bottom:1px solid #202631!important;}
#header .navbar-nav .nav-link,#header .navbar-nav .dropdown-toggle,#header .toolbar .nav-link{color:#f4f6fb!important;font-weight:600;}
#header .navbar-nav .nav-link:hover,#header .navbar-nav .active>.nav-link{color:#69a5ff!important;}
#header .dropdown-menu{background:#151922!important;border:1px solid #303745!important;border-radius:12px;box-shadow:0 18px 44px rgba(0,0,0,.35);}
#header .dropdown-item{color:#d8dde7!important;}
#header .dropdown-item:hover,#header .dropdown-item:focus{background:#202637!important;color:#fff!important;}
#header .search .form-control,#header .search .btn{background:#151922!important;border-color:#313847!important;color:#eef1f7!important;}
#header .cart-btn,#header .toolbar .btn{background:#161a22!important;border-color:#303745!important;color:#fff!important;border-radius:10px;}

/* Breadcrumb */
.master-breadcrumb{background:#0b0e14!important;border-bottom:1px solid #202633!important;}
.master-breadcrumb .breadcrumb{background:transparent!important;}
.master-breadcrumb .breadcrumb-item,.master-breadcrumb .breadcrumb-item a{color:#929cac!important;}
.master-breadcrumb .breadcrumb-item.active{color:#e8ebf2!important;}

/* Main area */
#main-body{background:transparent!important;padding-top:34px;padding-bottom:50px;min-height:60vh;}
.primary-content{color:var(--od-text);}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:#fff!important;}
p,.text-muted,small{color:var(--od-muted)!important;}

/* Cards / panels / wells */
.card,.panel,.list-group-item,.client-home-panels .panel,.product-details,.domain-renewals,.service-renewals{background:linear-gradient(145deg,#1b1e27,#14171e)!important;border:1px solid var(--od-border)!important;color:var(--od-text)!important;border-radius:16px!important;box-shadow:0 14px 36px rgba(0,0,0,.18);}
.card-header,.panel-heading,.card-footer,.panel-footer{background:#1d212b!important;border-color:#303745!important;color:#fff!important;}
.list-group-item{border-radius:0!important;box-shadow:none!important;}
.list-group-item:first-child{border-top-left-radius:12px!important;border-top-right-radius:12px!important;}
.list-group-item:last-child{border-bottom-left-radius:12px!important;border-bottom-right-radius:12px!important;}

/* Tables */
.table{color:#d7dce6!important;background:transparent!important;}
.table thead th,.table th{background:#1b202b!important;color:#fff!important;border-color:#323a49!important;}
.table td{border-color:#2b3240!important;color:#c8ced9!important;}
.table-striped tbody tr:nth-of-type(odd){background:#151922!important;}
.table-hover tbody tr:hover{background:#202637!important;color:#fff!important;}
.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{background:#151922!important;color:#fff!important;border:1px solid #343c4b!important;}

/* Forms */
.form-control,.custom-select,.input-group-text,select.form-control,textarea.form-control{background:#151922!important;border:1px solid #343c4b!important;color:#f3f5fa!important;border-radius:9px;}
.form-control:focus,.custom-select:focus{background:#171c26!important;color:#fff!important;border-color:#5b70ff!important;box-shadow:0 0 0 .2rem rgba(72,97,255,.16)!important;}
.form-control::placeholder{color:#737d8d!important;}
label,.form-check-label{color:#d9dde6!important;}

/* Buttons */
.btn-primary,.btn-success,.btn-info,.btn-default.btn-primary{
  background:linear-gradient(100deg,var(--od-blue),var(--od-purple))!important;
  border-color:#5e58f4!important;color:#fff!important;border-radius:9px!important;font-weight:700;
  box-shadow:0 8px 22px rgba(75,72,255,.18);
}
.btn-primary:hover,.btn-success:hover,.btn-info:hover{filter:brightness(1.08);transform:translateY(-1px);}
.btn-default,.btn-secondary,.btn-light{background:#1d222d!important;border:1px solid #363e4d!important;color:#e8ebf2!important;border-radius:9px!important;}
.btn-danger{background:#a92f40!important;border-color:#ca4053!important;}

/* Badges / alerts */
.badge-primary{background:linear-gradient(90deg,var(--od-blue),var(--od-purple))!important;}
.badge-success{background:#1f8669!important;}.badge-warning{background:#a56e13!important;}.badge-danger{background:#a83d4b!important;}
.alert{border-radius:12px!important;border-width:1px!important;background:#1b202a!important;color:#dfe4ec!important;}
.alert-info{border-color:#2c6298!important;}.alert-success{border-color:#28795f!important;}.alert-warning{border-color:#98702b!important;}.alert-danger{border-color:#963c49!important;}

/* Sidebar */
.sidebar .panel,.sidebar .card{background:#151922!important;border-color:#2e3542!important;}
.sidebar .list-group-item,.sidebar a.list-group-item{background:#151922!important;color:#cfd5df!important;border-color:#2b3240!important;}
.sidebar a.list-group-item:hover,.sidebar a.list-group-item.active{background:#202637!important;color:#fff!important;border-left:3px solid var(--od-blue)!important;}

/* Client dashboard tiles */
.tiles .tile,.client-home-panels .panel{background:linear-gradient(145deg,#1b1f29,#13161d)!important;border:1px solid #303745!important;border-radius:16px!important;}
.tiles .tile .stat{color:#fff!important;}.tiles .tile .title{color:#aab3c2!important;}

/* Login/register */
.logincontainer,.login-container,.registration-form,.card-body{color:var(--od-text);}
.logincontainer .card,.login-container .card{max-width:560px;margin:auto;background:linear-gradient(145deg,#1b1f29,#12151c)!important;border:1px solid #303847!important;}

/* Modal/popover */
.modal-content,.popover{background:#171b24!important;color:#f3f5fa!important;border:1px solid #363e4d!important;border-radius:14px!important;}
.modal-header,.modal-footer,.popover-header{border-color:#323946!important;background:#1c2029!important;}
.close{color:#fff!important;text-shadow:none!important;}

/* Footer */
#footer.footer{background:#06090f!important;border-top:1px solid #222936!important;color:#9ca5b4!important;padding:42px 0 28px!important;}
#footer .nav-link,#footer a{color:#cbd2dd!important;}
#footer a:hover{color:#69a5ff!important;}
#footer .copyright{color:#7f899a!important;}

/* Pager / tabs */
.nav-tabs{border-bottom-color:#323a49!important;}
.nav-tabs .nav-link{color:#aab3c2!important;border-color:transparent!important;}
.nav-tabs .nav-link.active{background:#1a1f29!important;color:#fff!important;border-color:#3a4353 #3a4353 #1a1f29!important;}
.page-link{background:#171b24!important;border-color:#333b4a!important;color:#cbd4df!important;}
.page-item.active .page-link{background:linear-gradient(90deg,var(--od-blue),var(--od-purple))!important;border-color:#5d5af1!important;}

/* Invoice / product detail polish */
.product-details .product-status,.status{border-radius:999px!important;}
.domain-renewal,.service-renewal{background:#171b24!important;border-color:#303745!important;}

/* Mobile */
@media(max-width:1199px){
  #header .main-navbar-wrapper .navbar-collapse{background:#0c0f15!important;padding:14px;border-radius:0 0 14px 14px;}
}
@media(max-width:767px){
  #main-body{padding-top:22px;}
  #header .navbar-brand .logo-img{max-height:44px;}
  #footer.footer{text-align:center;}
}

/* ========================================================================== */
/* OffshoreDedi V2 - mockup-matched layout                                    */
/* ========================================================================== */
body{background:#070b12!important}.od-v2-header{position:relative;z-index:1040}.od-v2-navwrap{min-height:82px;display:flex;align-items:center;padding:0 30px;background:#030507;border-bottom:1px solid #202735}.od-v2-brand{display:flex;align-items:center;min-width:235px}.od-v2-brand img{width:190px;max-height:62px;object-fit:contain;object-position:left center}.od-v2-mainnav{display:flex;align-items:center;justify-content:space-between;flex:1}.od-v2-site-links{display:flex;align-items:center;gap:30px}.od-v2-site-links a{color:#f4f6fb!important;font-weight:600;font-size:14px;white-space:nowrap}.od-v2-site-links a:hover{color:#70aaff!important}.od-v2-account-tools{display:flex;align-items:center;gap:14px}.od-v2-iconbtn{position:relative;display:grid;place-items:center;width:40px;height:40px;background:transparent!important;border:0!important;color:#eef2f8!important}.od-v2-count{position:absolute;right:-1px;top:-2px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:20px;background:linear-gradient(90deg,#2f72ff,#811de9);color:#fff;font-size:10px}.od-v2-client-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 22px;border:1px solid #7041e8;border-radius:8px;color:#dfe7ff!important}.od-v2-client-btn:hover{background:linear-gradient(90deg,#326cff,#7f27dd);color:#fff!important}.od-v2-user-menu>a{color:#fff!important;font-size:14px}.od-v2-menu-toggle{display:none;color:#fff!important}
.master-breadcrumb{background:#0a0e15!important}.master-breadcrumb .container{max-width:1400px}.master-breadcrumb .breadcrumb{padding:12px 0!important;margin:0!important}
#main-body>.container{max-width:1440px}.sidebar{position:relative}.sidebar .card,.sidebar .panel{background:#0b111a!important;border-color:#232d3c!important}.sidebar .list-group-item,.sidebar a.list-group-item{background:#0b111a!important}.sidebar a.list-group-item.active,.sidebar a.list-group-item:hover{background:linear-gradient(90deg,#285cff,#6b14c5)!important;border-left:0!important;color:#fff!important}
.od-v2-welcome{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:0 0 22px;padding:6px 2px 8px}.od-v2-kicker{color:#6f8fff;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700}.od-v2-welcome h1{margin:7px 0 6px!important;font-size:30px!important}.od-v2-welcome p{margin:0!important}.od-v2-welcome-art{display:flex;align-items:flex-end;gap:10px;color:#5c65ff;font-size:38px;opacity:.9}.od-v2-welcome-art i:nth-child(2){font-size:55px;color:#7e35ec}.od-v2-stats .row{margin:0 -8px!important}.od-v2-stats [class*=col-]{padding:0 8px!important}.od-v2-stats .tile{height:128px!important;margin:0!important;padding:20px!important;border:1px solid #283345!important;border-radius:12px!important;background:linear-gradient(145deg,#111924,#0b1119)!important;text-align:left!important;position:relative;display:grid!important;grid-template-columns:56px 1fr;grid-template-rows:auto auto auto;column-gap:14px}.od-v2-stats .tile>i{grid-row:1/3;display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:#101f38;border:1px solid #2856a0;color:#3c8cff!important;font-size:22px!important}.od-v2-stats .tile:nth-child(2n)>i{background:#102928;border-color:#16736d;color:#24c4c1!important}.od-v2-stats .tile .stat{font-size:28px!important;line-height:1!important;text-align:left!important}.od-v2-stats .tile .title{text-align:left!important;margin:3px 0 0!important;font-size:12px!important;text-transform:uppercase}.od-v2-tile-link{grid-column:1/3;color:#5fa6ff;font-size:12px;margin-top:10px;border-top:1px solid #243044;padding-top:10px}.od-v2-home-panels .card{border-radius:12px!important;overflow:hidden}.od-v2-home-panels .card-header{padding:16px 18px!important;background:#101721!important}.od-v2-home-panels .card-title{font-size:16px!important}.od-v2-home-panels .list-group-item{padding:14px 18px!important;background:#0e141d!important;border-color:#252f3d!important}
.od-v2-footer{padding:0!important;background:#050911!important}.od-v2-footer-main{padding:34px 34px 28px}.od-v2-footer-grid{display:grid;grid-template-columns:1.65fr repeat(4,1fr);gap:34px;max-width:1480px;margin:auto}.od-v2-footer-grid h4{font-size:15px!important;margin:0 0 15px!important}.od-v2-footer-grid>div:not(.od-v2-footer-brand){display:flex;flex-direction:column;gap:10px}.od-v2-footer-grid a{font-size:13px;color:#aab3c1!important}.od-v2-footer-brand img{width:205px;max-height:65px;object-fit:contain;object-position:left center;margin-bottom:12px}.od-v2-footer-brand p{max-width:330px;font-size:13px;line-height:1.65}.od-v2-payments{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.od-v2-payments span{padding:5px 8px;border:1px solid #263043;border-radius:6px;background:#0c1420;color:#91a0b4;font-size:10px}.od-v2-footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:18px 30px;border-top:1px solid #202a38;color:#7e8999;font-size:12px}.od-v2-status{color:#abb5c4}.od-v2-status i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#32d583;margin-right:7px}
/* Cart v2 polish */
#order-standard_cart{color:#e9edf4!important}#order-standard_cart .products .product,#order-standard_cart .product-info,#order-standard_cart .summary-container,#order-standard_cart .view-cart-items,#order-standard_cart .checkout-security-msg{background:linear-gradient(145deg,#111925,#0b1018)!important;border-color:#2a3546!important;color:#edf1f7!important;border-radius:12px!important}#order-standard_cart .products .product header{background:#101721!important;color:#fff!important;border-color:#2a3546!important}#order-standard_cart .btn-primary{background:linear-gradient(90deg,#318cff,#7c3cff)!important}
@media(max-width:1199px){.od-v2-menu-toggle{display:block;margin-left:auto}.od-v2-mainnav{display:none;position:absolute;left:0;right:0;top:82px;padding:18px 24px;background:#05080d;border-bottom:1px solid #263142}.od-v2-mainnav.show{display:block}.od-v2-site-links,.od-v2-account-tools{flex-direction:column;align-items:stretch;gap:8px}.od-v2-site-links a{padding:9px 0}.od-v2-account-tools{margin-top:12px;padding-top:12px;border-top:1px solid #242e3c}.od-v2-iconbtn{display:inline-grid}.od-v2-footer-grid{grid-template-columns:repeat(3,1fr)}.od-v2-footer-brand{grid-column:1/-1}}
@media(max-width:767px){.od-v2-navwrap{min-height:70px;padding:0 16px}.od-v2-brand{min-width:0}.od-v2-brand img{width:150px;max-height:52px}.od-v2-mainnav{top:70px}.od-v2-welcome{align-items:flex-start}.od-v2-welcome-art{display:none}.od-v2-stats .tile{height:118px!important;padding:14px!important;grid-template-columns:44px 1fr}.od-v2-stats .tile>i{width:42px;height:42px}.od-v2-footer-main{padding:28px 20px}.od-v2-footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.od-v2-footer-brand{grid-column:1/-1}.od-v2-footer-bottom{flex-direction:column;gap:10px;text-align:center;padding:18px}}