/* RadioStreamServer — WHMCS Twenty-One custom.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

:root {
  --rss-blue:#087cff;
  --rss-blue-dark:#004fc7;
  --rss-blue-soft:#eaf4ff;
  --rss-navy:#00134f;
  --rss-ink:#07194f;
  --rss-muted:#52627f;
  --rss-border:#e3e9f2;
  --rss-white:#fff;
  --rss-radius:14px;
  --rss-shadow:0 10px 30px rgba(0,35,105,.07);
}

html,body,
.main-body,.main-content-wrapper,#main-body,section#main-body {
  background:#fff !important;
  color:var(--rss-ink);
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:15px;
  line-height:1.6;
}

h1,h2,h3,h4,h5,h6,.card-title,.product-title,.pricing-header {
  color:var(--rss-ink);
  font-family:"Manrope","Inter",sans-serif;
  font-weight:800;
  letter-spacing:-.03em;
}

a{color:var(--rss-blue)}
a:hover,a:focus{color:var(--rss-blue-dark)}

.topbar{background:var(--rss-navy);border:0;color:#bec9df}
.topbar a,.topbar .btn-link{color:#e0e8f6}
.topbar a:hover,.topbar .btn-link:hover{color:#fff}

header.header,.header,section#header {
  background:#fff;
  border-bottom:1px solid var(--rss-border);
  box-shadow:none;
  min-height:76px;
}

header.header .logo-img,section#header .logo img{max-height:48px;width:auto}

.navbar-main,.primary-navbar,nav.navbar.navbar-expand-xl {
  background:#fff !important;
  border:0;
  border-bottom:1px solid var(--rss-border);
  box-shadow:0 5px 18px rgba(0,19,79,.05);
}

.navbar-main .navbar-nav>li>a,
.navbar-main .navbar-nav>.nav-item>.nav-link,
.primary-navbar .nav-link,
nav.navbar.navbar-expand-xl .nav-link {
  border-radius:8px;
  color:var(--rss-ink) !important;
  font-size:.9rem;
  font-weight:600;
  margin:0 .12rem;
  padding:.65rem .82rem !important;
}

.navbar-main .navbar-nav>li>a:hover,
.navbar-main .navbar-nav>li.active>a,
.navbar-main .navbar-nav>.nav-item>.nav-link:hover,
.navbar-main .navbar-nav>.nav-item.active>.nav-link,
.primary-navbar .nav-link:hover,.primary-navbar .active>.nav-link {
  background:var(--rss-blue-soft) !important;
  color:var(--rss-blue) !important;
}

.dropdown-menu {
  border:1px solid var(--rss-border);
  border-radius:var(--rss-radius);
  box-shadow:var(--rss-shadow);
  padding:.55rem;
}

.dropdown-item,.dropdown-menu>li>a{border-radius:8px;color:var(--rss-ink)}
.dropdown-item:hover,.dropdown-item:focus,.dropdown-menu>li>a:hover{background:var(--rss-blue-soft);color:var(--rss-blue-dark)}

.master-breadcrumb,.breadcrumb{background:transparent;color:var(--rss-muted)}
.master-breadcrumb a{color:var(--rss-blue)}
.breadcrumb-item.active{color:var(--rss-muted)}

.main-content{padding-top:clamp(1.5rem,3vw,2.5rem);padding-bottom:clamp(3rem,6vw,5rem)}
.header-lined{border-bottom:1px solid var(--rss-border);margin-bottom:1.75rem;padding-bottom:1.2rem}
.header-lined h1{color:var(--rss-ink);font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15}
.header-lined small{color:var(--rss-muted)}

.card,.panel,.client-home-panels .panel,.list-group {
  background:#fff;
  border:1px solid var(--rss-border);
  border-radius:var(--rss-radius);
  box-shadow:var(--rss-shadow);
  overflow:hidden;
}

.card-header,.panel-heading,.client-home-panels .panel>.panel-heading {
  background:#fff;
  border-bottom:1px solid var(--rss-border);
  color:var(--rss-ink);
  font-family:"Manrope","Inter",sans-serif;
  font-weight:700;
  padding:1.1rem 1.3rem;
}

.card-body,.panel-body{padding:1.4rem}
.list-group-item{background:#fff;border-color:var(--rss-border)}
.list-group-item-action:hover,.list-group-item-action:focus{background:#f3f8ff;color:var(--rss-blue-dark)}

.btn {
  border-radius:8px;
  font-size:.875rem;
  font-weight:700;
  min-height:42px;
  padding:.58rem 1rem;
  transition:.18s ease;
}

.btn-primary,.btn-success,.btn-info,input[type="submit"].btn-primary {
  background:linear-gradient(180deg,#1188ff 0%,#006fe8 100%);
  border-color:#006fe8;
  box-shadow:0 6px 16px rgba(0,111,232,.18);
  color:#fff;
}

.btn-primary:hover,.btn-primary:focus,.btn-success:hover,.btn-info:hover {
  background:#005fc9;
  border-color:#005fc9;
  color:#fff;
  transform:translateY(-1px);
}

.btn-outline-primary{border-color:var(--rss-blue);color:var(--rss-blue)}
.btn-outline-primary:hover{background:var(--rss-blue);border-color:var(--rss-blue);color:#fff}
.btn-secondary,.btn-default,.btn-light{background:#fff;border-color:var(--rss-border);color:var(--rss-ink)}

.form-control,.custom-select,.input-group-text,select.form-control {
  background:#fff;
  border-color:var(--rss-border);
  border-radius:8px;
  min-height:44px;
}

.form-control:focus,.custom-select:focus,select.form-control:focus {
  border-color:var(--rss-blue);
  box-shadow:0 0 0 .2rem rgba(8,124,255,.14);
}

.tiles .tile {
  background:#fff;
  border:1px solid var(--rss-border);
  border-radius:var(--rss-radius);
  box-shadow:0 4px 18px rgba(0,35,105,.05);
}

.tiles .tile .icon,.tiles .tile i,
.client-home-panels .panel .panel-heading .fa,
.client-home-panels .panel .card-header .fas{color:var(--rss-blue)}
.tiles .tile .stat{color:var(--rss-ink)}

.home-domain-search,.domain-search-container,.domain-checker-container {
  background:linear-gradient(120deg,#001047 0%,#002f87 62%,#006fe8 100%);
  border-radius:16px;
  box-shadow:0 18px 44px rgba(0,25,78,.16);
  color:#fff;
  padding:2.5rem;
}

.home-domain-search h2,.domain-search-container h2,.domain-checker-container h2{color:#fff}

.table-responsive{border:1px solid var(--rss-border);border-radius:var(--rss-radius)}
.table{color:var(--rss-ink);margin-bottom:0}
.table thead th{background:#f4f7fb;border-color:var(--rss-border);color:#5a6880;font-size:.75rem;text-transform:uppercase}
.table td,.table th{border-color:var(--rss-border);padding:.9rem 1rem}
.table-hover tbody tr:hover{background:#f3f8ff}
.page-item.active .page-link{background:var(--rss-blue);border-color:var(--rss-blue)}
.page-link{color:var(--rss-blue)}

.badge-primary,.label-primary{background:var(--rss-blue)}
.badge,.label{border-radius:999px;font-weight:700}
.alert{border:0;border-left:4px solid;border-radius:9px}
.alert-info{background:var(--rss-blue-soft);border-left-color:var(--rss-blue);color:#003b91}

.logincontainer,.login-wrapper .card {
  background:#fff;
  border:1px solid var(--rss-border);
  border-radius:16px;
  box-shadow:var(--rss-shadow);
}

.sidebar .list-group-item.active,.sidebar .list-group-item.active:hover {
  background:var(--rss-blue);
  border-color:var(--rss-blue);
  color:#fff;
}

footer.footer,.footer{background:var(--rss-navy);border-top:0;color:#adb9d0}
footer.footer a,.footer a{color:#e5ebf6}
footer.footer a:hover,.footer a:hover{color:#49a8ff}

a:focus-visible,button:focus-visible,.btn:focus-visible,.form-control:focus-visible {
  outline:3px solid rgba(8,124,255,.35);
  outline-offset:2px;
}

@media(max-width:991.98px){
  .navbar-main .navbar-collapse,.primary-navbar .navbar-collapse{background:#fff;border:1px solid var(--rss-border);border-radius:var(--rss-radius);box-shadow:var(--rss-shadow);padding:.75rem}
  .home-domain-search,.domain-search-container,.domain-checker-container{padding:1.75rem}
}

@media(max-width:575.98px){
  .card-body,.panel-body{padding:1rem}
  .home-domain-search,.domain-search-container,.domain-checker-container{padding:1.25rem}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms !important}}



/* Remove header knowledgebase search */
#header .header-search,
#header form[action*="knowledgebase"] {
    display: none !important;
}

/* Remove header shopping cart */
#header .cart-btn,
#header .header-cart,
#header a[href*="cart.php?a=view"] {
    display: none !important;
}


/* Match the WHMCS menu to the main website */
.main-navbar-wrapper {
    background: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
}

/*.main-navbar-wrapper .navbar-nav {
    align-items: center;
    gap: 30px;
    margin-left: auto !important;
}*/

.main-navbar-wrapper .nav-link {
    padding: 22px 0 !important;
    color: #06143f !important;
    background: transparent !important;
    border: 0 !important;
    font-family: "Inter", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    white-space: nowrap;
    transition: color 0.2s ease;
}

.main-navbar-wrapper .nav-link:hover,
.main-navbar-wrapper .nav-link:focus,
.main-navbar-wrapper .nav-item.active > .nav-link,
.main-navbar-wrapper .nav-link.active {
    color: #0878ff !important;
    background: transparent !important;
}

/* Keep dropdown menus usable */
.main-navbar-wrapper .dropdown-menu {
    padding: 8px;
    background: #ffffff;
    border: 1px solid #e6eaf0;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(6, 20, 63, 0.12);
}

.main-navbar-wrapper .dropdown-item {
    padding: 9px 12px;
    color: #06143f;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
}

.main-navbar-wrapper .dropdown-item:hover {
    color: #0878ff;
    background: #f3f7ff;
}

@media (max-width: 991px) {
    .main-navbar-wrapper .navbar-nav {
        gap: 0;
        align-items: stretch;
    }

    .main-navbar-wrapper .nav-link {
        padding: 12px 15px !important;
    }
}


/* Top-level WHMCS navigation */
body .navbar li[menuitemname] > a,
body .navbar li[menuitemname] > a.nav-link,
body #Primary_Navbar > li > a,
body #Secondary_Navbar > li > a {
    color: #06143f !important;
    font-weight: 600 !important;
    transition: color 0.2s ease !important;
}

/* Hover and active states */
body .navbar li[menuitemname] > a:hover,
body .navbar li[menuitemname] > a:focus,
body .navbar li[menuitemname].active > a,
body #Primary_Navbar > li > a:hover,
body #Secondary_Navbar > li > a:hover {
    color: #0878ff !important;
}