
:root{
  --whs-bg:#050816;
  --whs-bg-soft:#0b1024;
  --whs-panel:rgba(255,255,255,.06);
  --whs-panel-2:rgba(255,255,255,.03);
  --whs-border:rgba(255,255,255,.10);
  --whs-text:#f6fbff;
  --whs-soft:#a9b7d3;
  --whs-primary:#7c6cff;
  --whs-primary-2:#50c9ff;
  --whs-accent:#19e1b1;
  --whs-shadow:0 30px 90px rgba(0,0,0,.35);
}
body.whs-premium-body{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:radial-gradient(circle at top left, rgba(124,108,255,.16), transparent 35%), radial-gradient(circle at top right, rgba(25,225,177,.10), transparent 25%), linear-gradient(180deg, #050816 0%, #0b1024 45%, #060913 100%);
  color:var(--whs-text);
}
.whs-top-strip{background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.06)}
.whs-top-strip-inner{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;font-size:.9rem;color:var(--whs-soft)}
.whs-top-strip a,.whs-brand-nav a,.whs-site-footer-shell a{color:var(--whs-soft)!important;text-decoration:none}
.whs-top-strip a:hover,.whs-brand-nav a:hover,.whs-site-footer-shell a:hover{color:#fff!important}
.whs-brand-header{position:sticky;top:0;z-index:1040;backdrop-filter:blur(18px);background:rgba(5,8,22,.76);border-bottom:1px solid rgba(255,255,255,.06)}
.whs-brand-wrap{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1rem 0}
.whs-brand{display:flex;align-items:center;gap:.85rem;color:#fff!important;text-decoration:none!important;font-weight:800;font-size:1.5rem;letter-spacing:-.04em}
.whs-brand img{height:34px;width:auto}
.whs-brand-nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.whs-brand-nav a{padding:.65rem .95rem;border-radius:999px;background:transparent;border:1px solid transparent;font-weight:600}
.whs-brand-nav a:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.08)}
.header,.master-breadcrumb,.navbar.navbar-light,.main-navbar-wrapper{background:transparent!important}
.navbar.navbar-light,.main-navbar-wrapper{border:none!important}
.header .navbar .container,.master-breadcrumb .container,#main-body>.container{max-width:1200px}
.navbar.navbar-light{padding:1rem 0 .35rem}
.main-navbar-wrapper{padding:.2rem 0 1rem}
.navbar-brand{color:#fff!important;font-weight:800;letter-spacing:-.03em}
.navbar-brand .logo-img{max-height:42px}
.input-group.search .form-control,.input-group.search .btn,.form-control,.custom-select,select,input[type="text"],input[type="email"],input[type="password"],input[type="search"],textarea{
  background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#fff!important;
  border-radius:14px!important;
}
.form-control::placeholder,input::placeholder,textarea::placeholder{color:#9eb0d1!important}
.search .btn,.btn-default,.btn.btn-default{background:rgba(255,255,255,.05)!important;color:#fff!important;border:1px solid rgba(255,255,255,.10)!important}
.btn-primary,.btn.btn-primary,.btn-success,.btn.btn-success{
  background:linear-gradient(135deg,var(--whs-primary),var(--whs-primary-2))!important;
  border:none!important;
  color:#fff!important;
  box-shadow:0 16px 36px rgba(80,201,255,.18);
}
.btn-info,.btn.btn-info{background:linear-gradient(135deg,#12b886,#19e1b1)!important;border:none!important;color:#05231d!important}
.btn:hover{transform:translateY(-1px)}
.whs-home-hero{padding:2.4rem 0 1.1rem}
.whs-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center}
.whs-pill{display:inline-flex;padding:.45rem .8rem;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#9ef5df;font-weight:800;margin-bottom:1rem}
.whs-home-hero h1{font-size:clamp(2.4rem,4vw,4.2rem);line-height:1.02;letter-spacing:-.05em;color:#fff;margin:0 0 1rem;max-width:11ch}
.whs-home-hero p{font-size:1.05rem;color:var(--whs-soft);max-width:62ch}
.whs-hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin:1.4rem 0 1rem}
.whs-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.95rem 1.25rem;border-radius:16px;font-weight:800;text-decoration:none!important}
.whs-btn-primary{background:linear-gradient(135deg,var(--whs-primary),var(--whs-primary-2));color:#fff!important}
.whs-btn-secondary{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff!important}
.whs-trust-row{display:flex;flex-wrap:wrap;gap:.7rem}.whs-trust-row span{padding:.5rem .8rem;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#dbe6ff}
.whs-hero-card{display:flex;justify-content:flex-end}.whs-hero-card img{max-width:100%;padding:1rem;border-radius:28px;background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08);box-shadow:var(--whs-shadow)}
#main-body{padding-top:1rem}
.primary-content,.sidebar .panel,.card,.tiles .tile,.domain-pricing,.account-stat,.announcement-single,.knowledgebase-article,.ticket-reply,.table-container,.logincontainer .card,.affiliate-stat,.panel,.product{background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03))!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:24px!important;box-shadow:var(--whs-shadow)!important;color:#fff}
.primary-content{padding:1.3rem}
.card,.panel,.tiles .tile{overflow:hidden}
.card h1,.card h2,.card h3,.card h4,.panel h1,.panel h2,.panel h3,.panel h4,.primary-content h1,.primary-content h2,.primary-content h3{color:#fff}
.card p,.panel p,.primary-content p,.panel-body,.card-body,.table td,.table th,.domain-pricing li,.list-group-item{color:var(--whs-soft)!important}
.table,.table th,.table td{border-color:rgba(255,255,255,.08)!important}
.list-group-item{background:transparent!important;border-color:rgba(255,255,255,.06)!important}
.sidebar .panel-heading,.card-header,.panel-heading{background:rgba(255,255,255,.04)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;color:#fff!important}
.master-breadcrumb{padding:.4rem 0 .8rem}.breadcrumb{background:transparent!important;padding:0;margin:0}.breadcrumb-item a,.breadcrumb-item.active{color:#8ea3c8!important}
a,a:not(.btn){color:#b7e6ff}
a:hover{color:#fff}
.domain-search-container,.domain-checker-container,.homepage-domain-search,.domainchecker-homepage{background:linear-gradient(180deg, rgba(124,108,255,.18), rgba(80,201,255,.08))!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:30px!important;padding:1.5rem!important}
.domain-search-container h1,.domain-checker-container h1,.domainchecker-homepage h1{font-size:clamp(2rem,3vw,3rem);letter-spacing:-.04em}
#footer.footer{background:transparent!important;border-top:1px solid rgba(255,255,255,.06);margin-top:0;padding-top:1.1rem;padding-bottom:2rem}
.whs-site-footer-shell{padding:3rem 0 1.2rem;margin-top:2rem;border-top:1px solid rgba(255,255,255,.06);background:rgba(3,5,12,.45)}
.whs-site-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1.5rem}
.whs-site-footer-grid h4{color:#fff;margin-bottom:.8rem}.whs-site-footer-grid a,.whs-site-footer-grid span,.whs-footer-copy{display:block;color:var(--whs-soft)!important;margin:.45rem 0}
.whs-brand-footer{font-size:1.35rem;margin-bottom:.7rem}
.copyright,.footer .nav-link,.footer .btn{color:var(--whs-soft)!important}
.alert,.alert-success,.alert-warning,.alert-danger,.alert-info{border:none!important;border-radius:18px!important}
body.whs-premium-body .bg-light,body.whs-premium-body .secondary-bg-color{background:rgba(255,255,255,.03)!important}
body.whs-premium-body .text-muted{color:#9eb0d1!important}
.homepage .card,.homepage .product,.homepage .panel{min-height:100%}
@media (max-width: 991px){
  .whs-brand-wrap,.whs-top-strip-inner{flex-direction:column;align-items:flex-start}
  .whs-hero-grid,.whs-site-footer-grid{grid-template-columns:1fr}
  .whs-home-hero h1{max-width:none}
}


/* Stronger WHMCS overrides for white Twenty-One elements */
body.whs-premium-body .form-control,
body.whs-premium-body input.form-control,
body.whs-premium-body .input-group.search .form-control,
body.whs-premium-body .domain-search-field,
body.whs-premium-body input[type="text"],
body.whs-premium-body input[type="search"],
body.whs-premium-body input[type="email"],
body.whs-premium-body input[type="password"],
body.whs-premium-body textarea,
body.whs-premium-body select,
body.whs-premium-body .custom-select{
  background:rgba(12,18,38,.88)!important;
  background-color:rgba(12,18,38,.88)!important;
  color:#fff!important;
  border:1px solid rgba(124,108,255,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02), 0 10px 30px rgba(0,0,0,.18)!important;
}
body.whs-premium-body .form-control:focus,
body.whs-premium-body input:focus,
body.whs-premium-body textarea:focus,
body.whs-premium-body select:focus{
  background:rgba(14,22,46,.96)!important;
  border-color:rgba(80,201,255,.45)!important;
  box-shadow:0 0 0 .2rem rgba(80,201,255,.12)!important;
}
body.whs-premium-body .btn,
body.whs-premium-body button,
body.whs-premium-body input[type="submit"],
body.whs-premium-body .btn-default,
body.whs-premium-body .btn-secondary,
body.whs-premium-body .btn-outline-primary,
body.whs-premium-body .btn-outline-secondary{
  border-radius:14px!important;
  font-weight:700!important;
}
body.whs-premium-body .btn-default,
body.whs-premium-body .btn-secondary,
body.whs-premium-body .btn-outline-primary,
body.whs-premium-body .btn-outline-secondary,
body.whs-premium-body .search .btn{
  background:rgba(18,24,46,.88)!important;
  background-color:rgba(18,24,46,.88)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
body.whs-premium-body .btn-default:hover,
body.whs-premium-body .btn-secondary:hover,
body.whs-premium-body .btn-outline-primary:hover,
body.whs-premium-body .btn-outline-secondary:hover,
body.whs-premium-body .search .btn:hover{
  background:rgba(28,36,68,.96)!important;
  border-color:rgba(124,108,255,.35)!important;
  color:#fff!important;
}
body.whs-premium-body .btn-primary,
body.whs-premium-body .btn-success,
body.whs-premium-body .btn-info,
body.whs-premium-body .btn-warning{
  color:#fff!important;
}
body.whs-premium-body .section,
body.whs-premium-body .homepage-section,
body.whs-premium-body .home-banner,
body.whs-premium-body .domainchecker-homepage,
body.whs-premium-body .homepage-domain-search,
body.whs-premium-body .domain-search-container,
body.whs-premium-body .domain-checker-container,
body.whs-premium-body .featured-tld-container,
body.whs-premium-body .tiles,
body.whs-premium-body .client-home-panels,
body.whs-premium-body .landing-page,
body.whs-premium-body .sub-heading,
body.whs-premium-body .announcements,
body.whs-premium-body .promo-banner,
body.whs-premium-body .kb-search,
body.whs-premium-body .support-ticket-submit,
body.whs-premium-body .logincontainer,
body.whs-premium-body .cart-body{
  background:transparent!important;
}
body.whs-premium-body .homepage-panels .card,
body.whs-premium-body .client-home-panels .card,
body.whs-premium-body .homepage .card,
body.whs-premium-body .homepage .panel,
body.whs-premium-body .homepage .tile,
body.whs-premium-body .homepage .tiles .tile,
body.whs-premium-body .homepage .product,
body.whs-premium-body .featured-tld-container,
body.whs-premium-body .domain-pricing,
body.whs-premium-body .logincontainer .card,
body.whs-premium-body .support-panel,
body.whs-premium-body .knowledgebase .card,
body.whs-premium-body .announcement-single,
body.whs-premium-body .table-container,
body.whs-premium-body .landing-page .card{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:var(--whs-shadow)!important;
}
body.whs-premium-body .homepage .card .btn,
body.whs-premium-body .homepage .panel .btn,
body.whs-premium-body .homepage .tile .btn,
body.whs-premium-body .client-home-panels .btn,
body.whs-premium-body .domain-pricing .btn{
  background:rgba(18,24,46,.9)!important;
  border:1px solid rgba(80,201,255,.35)!important;
  color:#dff4ff!important;
}
body.whs-premium-body .homepage .card .btn:hover,
body.whs-premium-body .homepage .panel .btn:hover,
body.whs-premium-body .homepage .tile .btn:hover,
body.whs-premium-body .client-home-panels .btn:hover,
body.whs-premium-body .domain-pricing .btn:hover{
  background:linear-gradient(135deg,var(--whs-primary),var(--whs-primary-2))!important;
  border-color:transparent!important;
  color:#fff!important;
}
body.whs-premium-body .domainchecker-homepage h1,
body.whs-premium-body .homepage-domain-search h1,
body.whs-premium-body .domain-search-container h1,
body.whs-premium-body .domain-checker-container h1,
body.whs-premium-body .section-title,
body.whs-premium-body h2,
body.whs-premium-body h3{
  color:#fff!important;
}
body.whs-premium-body .section-description,
body.whs-premium-body .lead,
body.whs-premium-body .domainchecker-homepage p,
body.whs-premium-body .homepage-domain-search p,
body.whs-premium-body .domain-search-container p,
body.whs-premium-body .domain-checker-container p{
  color:var(--whs-soft)!important;
}
body.whs-premium-body .boxes,
body.whs-premium-body .home-shortcuts,
body.whs-premium-body .home-shortcuts .shortcut,
body.whs-premium-body .client-home-panels .panel,
body.whs-premium-body .client-home-panels .panel-body{
  background:transparent!important;
}
body.whs-premium-body .home-shortcuts .shortcut,
body.whs-premium-body .boxes .box,
body.whs-premium-body .client-home-panels .panel{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:18px!important;
}
body.whs-premium-body .home-shortcuts .shortcut i,
body.whs-premium-body .boxes .box i,
body.whs-premium-body .client-home-panels .panel i,
body.whs-premium-body .home-shortcuts .shortcut svg,
body.whs-premium-body .boxes .box svg{
  color:#9edcff!important;
  fill:currentColor!important;
}

/* ===== FORCE DARK WHMCS STORE / LANDING ===== */

body.whs-premium-body .landing-page,
body.whs-premium-body .landing-page * {
    color: #fff !important;
}

body.whs-premium-body .landing-page {
    background: linear-gradient(180deg, #050816 0%, #0b1024 60%, #060913 100%) !important;
}

/* Hero */
body.whs-premium-body .landing-page .hero {
    background: transparent !important;
    color: #fff !important;
}

/* Product boxes */
body.whs-premium-body .landing-page .product-options .item {
    background: rgba(255,255,255,.05) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    backdrop-filter: blur(10px);
    color: #fff !important;
}

/* Pricing tables */
body.whs-premium-body .landing-page .pricing-item {
    background: rgba(255,255,255,.05) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 20px;
    backdrop-filter: blur(10px);
}

body.whs-premium-body .landing-page .pricing-item .header,
body.whs-premium-body .landing-page .pricing-item ul li {
    background: transparent !important;
    border-color: rgba(255,255,255,.08) !important;
    color: #fff !important;
}

/* Feature icons section (den gr책 delen du viste) */
body.whs-premium-body .landing-page .features {
    background: transparent !important;
}

/* FAQ */
body.whs-premium-body .landing-page .faq {
    background: rgba(255,255,255,.03) !important;
    border-radius: 20px;
}

/* Buttons */
body.whs-premium-body .landing-page .btn {
    background: linear-gradient(135deg,#7c6cff,#50c9ff) !important;
    border: none !important;
    color: #fff !important;
}

/* Fix random white blocks */
body.whs-premium-body .bg-light,
body.whs-premium-body .light-grey-bg {
    background: rgba(255,255,255,.03) !important;
}

/* ===== SiteLock darker + readable ===== */

body.whs-premium-body .landing-page.sitelock .plans {
  background:
    radial-gradient(circle at top left, rgba(124,108,255,.18), transparent 28%),
    radial-gradient(circle at top right, rgba(80,201,255,.12), transparent 24%),
    linear-gradient(180deg, #08101f 0%, #0b1326 55%, #09101d 100%) !important;
}

body.whs-premium-body .landing-page.sitelock .plans h2,
body.whs-premium-body .landing-page.sitelock .plans h3,
body.whs-premium-body .landing-page.sitelock .plans p {
  color: #f6fbff !important;
}

body.whs-premium-body .landing-page.sitelock .plans .plan {
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 24px !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.35) !important;
  overflow: hidden;
}

body.whs-premium-body .landing-page.sitelock .plans .plan .header {
  background: linear-gradient(135deg, rgba(124,108,255,.30), rgba(80,201,255,.18)) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  color: #fff !important;
}

body.whs-premium-body .landing-page.sitelock .plans .plan .header h4,
body.whs-premium-body .landing-page.sitelock .plans .plan .header p,
body.whs-premium-body .landing-page.sitelock .plans .plan .header .price {
  color: #fff !important;
}

body.whs-premium-body .landing-page.sitelock .plans .plan ul {
  background: transparent !important;
}

body.whs-premium-body .landing-page.sitelock .plans .plan ul li {
  color: #c8d5ee !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

body.whs-premium-body .landing-page.sitelock .plans .plan ul li span {
  color: #f6fbff !important;
  font-weight: 600;
}

body.whs-premium-body .landing-page.sitelock .plans .plan .footer {
  background: transparent !important;
  border-top: 1px solid rgba(255,255,255,.06);
}

body.whs-premium-body .landing-page.sitelock .plans .plan .footer select,
body.whs-premium-body .landing-page.sitelock .plans .plan .footer .form-control {
  background: rgba(18,24,46,.92) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

body.whs-premium-body .landing-page.sitelock .plans .plan .btn,
body.whs-premium-body .landing-page.sitelock .plans .plan .btn-primary,
body.whs-premium-body .landing-page.sitelock .plans .plan .btn-success {
  background: linear-gradient(135deg, #7c6cff, #50c9ff) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 14px !important;
  font-weight: 800 !important;
  box-shadow: 0 16px 36px rgba(80,201,255,.18);
}

body.whs-premium-body .landing-page.sitelock .plans .plan .btn:hover {
  filter: brightness(1.06);
}

body.whs-premium-body .landing-page.sitelock .plans .fa-check {
  color: #19e1b1 !important;
}

body.whs-premium-body .landing-page.sitelock .plans .fa-times,
body.whs-premium-body .landing-page.sitelock .plans .fa-close {
  color: #ff8f8f !important;
}

body.whs-premium-body .landing-page.sitelock .plans .plan {
  transition: all .25s ease;
}

body.whs-premium-body .landing-page.sitelock .plans .plan:hover {
  transform: translateY(-6px);
  box-shadow: 0 40px 100px rgba(0,0,0,.5);
}

/* ===== REAL fix for white client-area boxes + domain search ===== */

/* Domain search white wrapper */
body.whs-premium-body .home-domain-search .input-group-wrapper {
  background: rgba(14,20,38,.92) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 18px !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.25) !important;
}

body.whs-premium-body .home-domain-search h2,
body.whs-premium-body .home-domain-search h3,
body.whs-premium-body .home-domain-search p {
  color: #f6fbff !important;
}

body.whs-premium-body .home-domain-search .tld-logos,
body.whs-premium-body .home-domain-search .tld-logos li {
  color: #9eb0d1 !important;
}

/* The actual white shortcut boxes */
body.whs-premium-body .action-icon-btns a {
  display: block !important;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  background-color: rgba(14,20,38,.92) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.35) !important;
  color: #f6fbff !important;
  text-decoration: none !important;
  transition: all .25s ease !important;
}

body.whs-premium-body .action-icon-btns a:hover {
  transform: translateY(-4px) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04)) !important;
  box-shadow: 0 32px 80px rgba(0,0,0,.45) !important;
  color: #ffffff !important;
}

/* Icon container inside those boxes */
body.whs-premium-body .action-icon-btns a .ico-container {
  color: #9edcff !important;
}

body.whs-premium-body .action-icon-btns a .ico-container i,
body.whs-premium-body .action-icon-btns a .ico-container svg {
  color: #9edcff !important;
  fill: currentColor !important;
  opacity: 1 !important;
}

/* Text inside white shortcut boxes */
body.whs-premium-body .action-icon-btns a strong,
body.whs-premium-body .action-icon-btns a span,
body.whs-premium-body .action-icon-btns a div,
body.whs-premium-body .action-icon-btns a small {
  color: #f6fbff !important;
}

/* Just in case some boxes use the old tile class too */
body.whs-premium-body .tiles .tile {
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  background-color: rgba(14,20,38,.92) !important;
  border-right: 1px solid rgba(255,255,255,.08) !important;
  color: #f6fbff !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.35) !important;
}

body.whs-premium-body .tiles .tile .title,
body.whs-premium-body .tiles .tile .stat {
  color: #f6fbff !important;
}

body.whs-premium-body .tiles .tile i {
  color: #9edcff !important;
}

/* Remove pale gray inner text in client cards */
body.whs-premium-body .client-home-cards .card-header,
body.whs-premium-body .client-home-cards .card-body,
body.whs-premium-body .client-home-cards .card-footer,
body.whs-premium-body .client-home-cards .list-group-item,
body.whs-premium-body .client-home-cards small {
  background: transparent !important;
  color: #dbe6ff !important;
  border-color: rgba(255,255,255,.08) !important;
}

/* ===== Fix outer white domain search section ===== */

body.whs-premium-body .home-domain-search,
body.whs-premium-body .domain-search-section,
body.whs-premium-body .domain-checker-bg,
body.whs-premium-body .homepage-domain-search,
body.whs-premium-body .domainchecker-homepage {
  background: linear-gradient(180deg, rgba(14,20,38,.92), rgba(8,12,24,.96)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 28px !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.35) !important;
  color: #f6fbff !important;
}

/* overskrift og tekst i samme blokk */
body.whs-premium-body .home-domain-search h1,
body.whs-premium-body .home-domain-search h2,
body.whs-premium-body .home-domain-search h3,
body.whs-premium-body .home-domain-search p,
body.whs-premium-body .domain-search-section h1,
body.whs-premium-body .domain-search-section h2,
body.whs-premium-body .domain-search-section h3,
body.whs-premium-body .domain-search-section p,
body.whs-premium-body .homepage-domain-search h1,
body.whs-premium-body .homepage-domain-search h2,
body.whs-premium-body .homepage-domain-search h3,
body.whs-premium-body .homepage-domain-search p,
body.whs-premium-body .domainchecker-homepage h1,
body.whs-premium-body .domainchecker-homepage h2,
body.whs-premium-body .domainchecker-homepage h3,
body.whs-premium-body .domainchecker-homepage p {
  color: #f6fbff !important;
}

/* link som "Se alle priser" */
body.whs-premium-body .home-domain-search a,
body.whs-premium-body .domain-search-section a,
body.whs-premium-body .homepage-domain-search a,
body.whs-premium-body .domainchecker-homepage a {
  color: #7fc8ff !important;
}

/* hvis WHMCS legger en lys inner-wrap rundt alt */
body.whs-premium-body .home-domain-search .card,
body.whs-premium-body .home-domain-search .card-body,
body.whs-premium-body .home-domain-search .row,
body.whs-premium-body .home-domain-search .col-md-12,
body.whs-premium-body .home-domain-search .col-lg-12 {
  background: transparent !important;
}

/* ===== Domain chooser / checkout option rows ===== */

body.whs-premium-body .domain-selection-options,
body.whs-premium-body .domain-selection-options .option,
body.whs-premium-body .domain-selection-options .option label,
body.whs-premium-body .domain-selection-options .option .row,
body.whs-premium-body .domain-selection-options .option .col-sm-12,
body.whs-premium-body .domain-selection-options .option .col-md-12,
body.whs-premium-body .domain-selection-options .option .col-lg-12,
body.whs-premium-body .domain-selection-options .domain-option,
body.whs-premium-body .domain-selection-options .domain-option label,
body.whs-premium-body .domain-selection-options .domain-input-group,
body.whs-premium-body .domain-selection-options .register-new-domain,
body.whs-premium-body .domain-selection-options .transfer-domain,
body.whs-premium-body .domain-selection-options .use-own-domain {
  background: linear-gradient(180deg, rgba(14,20,38,.92), rgba(8,12,24,.96)) !important;
  background-color: rgba(14,20,38,.92) !important;
  border-color: rgba(255,255,255,.08) !important;
  color: #f6fbff !important;
}

/* the three white horizontal rows */
body.whs-premium-body .domain-selection-options .option,
body.whs-premium-body .domain-selection-options .domain-option,
body.whs-premium-body .domain-selection-options > div,
body.whs-premium-body .domain-selection-options > label,
body.whs-premium-body .domain-selection-options .register-new-domain,
body.whs-premium-body .domain-selection-options .transfer-domain,
body.whs-premium-body .domain-selection-options .use-own-domain {
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.22) !important;
}

/* text inside */
body.whs-premium-body .domain-selection-options,
body.whs-premium-body .domain-selection-options span,
body.whs-premium-body .domain-selection-options div,
body.whs-premium-body .domain-selection-options label,
body.whs-premium-body .domain-selection-options p,
body.whs-premium-body .domain-selection-options strong {
  color: #f6fbff !important;
}

/* radio circles / checks */
body.whs-premium-body .domain-selection-options input[type="radio"] {
  accent-color: #6ea8ff;
}

/* input group inside the first row */
body.whs-premium-body .domain-selection-options input[type="text"],
body.whs-premium-body .domain-selection-options input[type="search"],
body.whs-premium-body .domain-selection-options select,
body.whs-premium-body .domain-selection-options .form-control,
body.whs-premium-body .domain-selection-options .custom-select,
body.whs-premium-body .domain-selection-options .input-group-text {
  background: rgba(15,20,40,.92) !important;
  background-color: rgba(15,20,40,.92) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}

/* button */
body.whs-premium-body .domain-selection-options .btn,
body.whs-premium-body .domain-selection-options .btn-primary,
body.whs-premium-body .domain-selection-options .btn-success {
  background: linear-gradient(135deg, #7c6cff, #50c9ff) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 14px !important;
}

/* fallback: kill white background on everything inside the block */
body.whs-premium-body .domain-selection-options * {
  border-color: rgba(255,255,255,.08) !important;
}

/* ===== Weebly page darker premium styling ===== */

/* Top promo box */
body.whs-premium-body .landing-page.weebly .weebly-lite-plan,
body.whs-premium-body .landing-page.weebly .promo-banner,
body.whs-premium-body .landing-page.weebly .trial-box {
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)) !important;
  background-color: rgba(14,20,38,.92) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 20px !important;
  color: #f6fbff !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.30) !important;
}

body.whs-premium-body .landing-page.weebly .weebly-lite-plan h1,
body.whs-premium-body .landing-page.weebly .weebly-lite-plan h2,
body.whs-premium-body .landing-page.weebly .weebly-lite-plan h3,
body.whs-premium-body .landing-page.weebly .weebly-lite-plan h4,
body.whs-premium-body .landing-page.weebly .weebly-lite-plan p,
body.whs-premium-body .landing-page.weebly .weebly-lite-plan span {
  color: #f6fbff !important;
}

/* Pricing cards */
body.whs-premium-body .landing-page.weebly .pricing-item {
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 22px !important;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(0,0,0,.35) !important;
}

body.whs-premium-body .landing-page.weebly .pricing-item .header {
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)) !important;
  color: #fff !important;
}

body.whs-premium-body .landing-page.weebly .pricing-item .header h4,
body.whs-premium-body .landing-page.weebly .pricing-item .header p,
body.whs-premium-body .landing-page.weebly .pricing-item .price {
  color: #fff !important;
}

/* Remove white/grey separator bars */
body.whs-premium-body .landing-page.weebly .pricing-item .feature-heading {
  background: rgba(255,255,255,.06) !important;
  color: #dbe6ff !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

/* Feature rows */
body.whs-premium-body .landing-page.weebly .pricing-item ul,
body.whs-premium-body .landing-page.weebly .pricing-item ul li {
  background: transparent !important;
  color: #dbe6ff !important;
  border-color: rgba(255,255,255,.08) !important;
}

/* Buttons */
body.whs-premium-body .landing-page.weebly .pricing-item .btn,
body.whs-premium-body .landing-page.weebly .pricing-item .btn-primary,
body.whs-premium-body .landing-page.weebly .pricing-item .btn-success,
body.whs-premium-body .landing-page.weebly .weebly-lite-plan .btn {
  background: linear-gradient(135deg, #7c6cff, #50c9ff) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 14px !important;
  font-weight: 800 !important;
  box-shadow: 0 16px 36px rgba(80,201,255,.18);
}

/* Period tabs above plans */
body.whs-premium-body .landing-page.weebly .nav-tabs,
body.whs-premium-body .landing-page.weebly .nav-pills {
  border: 0 !important;
}

body.whs-premium-body .landing-page.weebly .nav-tabs > li > a,
body.whs-premium-body .landing-page.weebly .nav-pills > li > a,
body.whs-premium-body .landing-page.weebly .nav-link {
  background: rgba(255,255,255,.06) !important;
  color: #dbe6ff !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 999px !important;
  margin-right: 6px;
}

body.whs-premium-body .landing-page.weebly .nav-tabs > li.active > a,
body.whs-premium-body .landing-page.weebly .nav-tabs > li.active > a:hover,
body.whs-premium-body .landing-page.weebly .nav-tabs > li.active > a:focus,
body.whs-premium-body .landing-page.weebly .nav-pills > li.active > a,
body.whs-premium-body .landing-page.weebly .nav-link.active {
  background: linear-gradient(135deg, #7c6cff, #50c9ff) !important;
  color: #fff !important;
  border-color: transparent !important;
}

/* Hover */
body.whs-premium-body .landing-page.weebly .pricing-item {
  transition: all .25s ease;
}

body.whs-premium-body .landing-page.weebly .pricing-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 34px 80px rgba(0,0,0,.42) !important;
}

/* ===== SSL page darker premium styling ===== */

body.whs-premium-body .landing-page.ssl .validation-levels {
  background:
    radial-gradient(circle at top left, rgba(124,108,255,.18), transparent 30%),
    radial-gradient(circle at top right, rgba(80,201,255,.12), transparent 24%),
    linear-gradient(180deg, #08101f 0%, #0b1326 55%, #09101d 100%) !important;
  color: #f6fbff !important;
}

body.whs-premium-body .landing-page.ssl .validation-levels h3,
body.whs-premium-body .landing-page.ssl .validation-levels p,
body.whs-premium-body .landing-page.ssl .validation-levels span {
  color: #f6fbff !important;
}

/* the white certificate cards */
body.whs-premium-body .landing-page.ssl .validation-levels .item {
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 24px !important;
  color: #f6fbff !important;
  box-shadow: 0 28px 70px rgba(0,0,0,.35) !important;
}

/* headings and text inside the cards */
body.whs-premium-body .landing-page.ssl .validation-levels .item h4,
body.whs-premium-body .landing-page.ssl .validation-levels .item p,
body.whs-premium-body .landing-page.ssl .validation-levels .item span,
body.whs-premium-body .landing-page.ssl .validation-levels .item li {
  color: #dbe6ff !important;
}

/* logo area */
body.whs-premium-body .landing-page.ssl .validation-levels .item .logo-wrapper {
  background: transparent !important;
}

/* features list */
body.whs-premium-body .landing-page.ssl .validation-levels .item .item-features {
  background: transparent !important;
}

body.whs-premium-body .landing-page.ssl .validation-levels .item .item-features li {
  border-bottom: 1px solid rgba(255,255,255,.08);
  padding: 6px 0;
}

/* buy buttons */
body.whs-premium-body .landing-page.ssl .validation-levels .item .btn {
  background: linear-gradient(135deg, #7c6cff, #50c9ff) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 14px !important;
  font-weight: 800 !important;
  box-shadow: 0 16px 36px rgba(80,201,255,.18);
}

/* bottom helper links */
body.whs-premium-body .landing-page.ssl p.help-me-choose,
body.whs-premium-body .landing-page.ssl p.help-me-choose a,
body.whs-premium-body .landing-page.ssl a.help-me-choose {
  color: #9edcff !important;
}

/* tabs lower down on page */
body.whs-premium-body .landing-page.ssl .nav-tabs > li > a,
body.whs-premium-body .landing-page.ssl .nav-link {
  background: rgba(255,255,255,.05) !important;
  color: #dbe6ff !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}

body.whs-premium-body .landing-page.ssl .nav-tabs > li.active > a,
body.whs-premium-body .landing-page.ssl .nav-tabs > li.active > a:hover,
body.whs-premium-body .landing-page.ssl .nav-tabs > li.active > a:focus,
body.whs-premium-body .landing-page.ssl .nav-link.active {
  background: linear-gradient(135deg, #7c6cff, #50c9ff) !important;
  color: #fff !important;
  border-color: transparent !important;
}

/* hover */
body.whs-premium-body .landing-page.ssl .validation-levels .item {
  transition: all .25s ease;
}

body.whs-premium-body .landing-page.ssl .validation-levels .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 36px 85px rgba(0,0,0,.45) !important;
}

/* ===== SSL secondary content / white center card fix ===== */

/* Hele lyse midtseksjonen */
body.whs-premium-body .landing-page.ssl .content-block,
body.whs-premium-body .landing-page.ssl .light-grey-bg,
body.whs-premium-body .landing-page.ssl .ssl-certificates,
body.whs-premium-body .landing-page.ssl .detailed-info,
body.whs-premium-body .landing-page.ssl .help-me-choose {
  background:
    radial-gradient(circle at top left, rgba(124,108,255,.14), transparent 28%),
    radial-gradient(circle at top right, rgba(80,201,255,.10), transparent 24%),
    linear-gradient(180deg, #08101f 0%, #0b1326 55%, #09101d 100%) !important;
  color: #f6fbff !important;
}

/* Den store hvite boksen i midten */
body.whs-premium-body .landing-page.ssl .tab-content,
body.whs-premium-body .landing-page.ssl .tab-pane,
body.whs-premium-body .landing-page.ssl .ssl-browser,
body.whs-premium-body .landing-page.ssl .browser-msg,
body.whs-premium-body .landing-page.ssl .standout-1,
body.whs-premium-body .landing-page.ssl .standout-2,
body.whs-premium-body .landing-page.ssl .wrapper,
body.whs-premium-body .landing-page.ssl .wrapper-container {
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  background-color: rgba(14,20,38,.92) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 22px !important;
  color: #f6fbff !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.35) !important;
}

/* Tekst i den hvite boksen */
body.whs-premium-body .landing-page.ssl .tab-content h1,
body.whs-premium-body .landing-page.ssl .tab-content h2,
body.whs-premium-body .landing-page.ssl .tab-content h3,
body.whs-premium-body .landing-page.ssl .tab-content h4,
body.whs-premium-body .landing-page.ssl .tab-content p,
body.whs-premium-body .landing-page.ssl .tab-content span,
body.whs-premium-body .landing-page.ssl .tab-content li,
body.whs-premium-body .landing-page.ssl .browser-msg span,
body.whs-premium-body .landing-page.ssl .wrapper p {
  color: #dbe6ff !important;
}

/* Accordion-radene under */
body.whs-premium-body .landing-page.ssl .panel,
body.whs-premium-body .landing-page.ssl .panel-default,
body.whs-premium-body .landing-page.ssl .panel-heading,
body.whs-premium-body .landing-page.ssl .panel-collapse,
body.whs-premium-body .landing-page.ssl .panel-body,
body.whs-premium-body .landing-page.ssl .accordion .card,
body.whs-premium-body .landing-page.ssl .accordion .card-header,
body.whs-premium-body .landing-page.ssl .accordion .card-body {
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025)) !important;
  background-color: rgba(14,20,38,.92) !important;
  border-color: rgba(255,255,255,.08) !important;
  color: #f6fbff !important;
}

body.whs-premium-body .landing-page.ssl .panel-title a,
body.whs-premium-body .landing-page.ssl .accordion .card-header a {
  color: #f6fbff !important;
}

/* Eventuelle lyse bilder/innerkort beholdes, men uten hvit ramme rundt */
body.whs-premium-body .landing-page.ssl img {
  background: transparent !important;
}

/* Nederste logoområde */
body.whs-premium-body .landing-page.ssl .trusted-by,
body.whs-premium-body .landing-page.ssl .competitive-upgrade-promo,
body.whs-premium-body .landing-page.ssl .competitive-upgrade-banner {
  background: transparent !important;
  color: #dbe6ff !important;
}

/* Tabs i denne delen også */
body.whs-premium-body .landing-page.ssl .tab-content,
body.whs-premium-body .landing-page.ssl .nav-tabs > li > a,
body.whs-premium-body .landing-page.ssl .nav-tabs > li.active > a {
  border-color: rgba(255,255,255,.08) !important;
}
/* ===== HARD OVERRIDE: cart.php?a=add&domain=register ===== */

/* search strip */
body.whs-premium-body form[action*="domainchecker"] .input-group,
body.whs-premium-body form[action*="domainchecker"] .input-group > div,
body.whs-premium-body form[action*="domainchecker"] .form-control,
body.whs-premium-body form[action*="domainchecker"] input[type="text"],
body.whs-premium-body form[action*="domainchecker"] .btn {
  background: rgba(14,20,38,.92) !important;
  background-color: rgba(14,20,38,.92) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.08) !important;
}

body.whs-premium-body form[action*="domainchecker"] .input-group {
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.28) !important;
}

/* domain pricing table wrapper */
body.whs-premium-body .tld-pricing-table-container,
body.whs-premium-body .domain-pricing-table-responsive,
body.whs-premium-body .table-responsive {
  background: rgba(14,20,38,.92) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 18px !important;
}

/* actual table */
body.whs-premium-body table.table,
body.whs-premium-body table.table thead,
body.whs-premium-body table.table tbody,
body.whs-premium-body table.table tr,
body.whs-premium-body table.table th,
body.whs-premium-body table.table td {
  background: transparent !important;
  color: #dbe6ff !important;
  border-color: rgba(255,255,255,.08) !important;
}

body.whs-premium-body table.table tbody tr:nth-child(odd) td,
body.whs-premium-body table.table tbody tr:nth-child(odd) th {
  background: rgba(255,255,255,.03) !important;
}

body.whs-premium-body table.table tbody tr:nth-child(even) td,
body.whs-premium-body table.table tbody tr:nth-child(even) th {
  background: rgba(255,255,255,.015) !important;
}

/* category pills */
body.whs-premium-body .tld-filters a,
body.whs-premium-body .tld-filters button,
body.whs-premium-body .label,
body.whs-premium-body .badge {
  border-radius: 999px !important;
}

/* bottom white promo cards */
body.whs-premium-body .domain-promo-box,
body.whs-premium-body .domain-checker-sidebar-box,
body.whs-premium-body .row .col-md-6 > .card,
body.whs-premium-body .row .col-sm-6 > .card,
body.whs-premium-body .row .col-lg-6 > .card,
body.whs-premium-body .card[style],
body.whs-premium-body .card.mb-4,
body.whs-premium-body .card.shadow-sm {
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  background-color: rgba(14,20,38,.92) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: #f6fbff !important;
  border-radius: 18px !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.28) !important;
}

body.whs-premium-body .card.mb-4 *,
body.whs-premium-body .card.shadow-sm *,
body.whs-premium-body .row .col-md-6 > .card *,
body.whs-premium-body .row .col-sm-6 > .card *,
body.whs-premium-body .row .col-lg-6 > .card * {
  color: #dbe6ff !important;
}

body.whs-premium-body .card.mb-4 .btn,
body.whs-premium-body .card.shadow-sm .btn,
body.whs-premium-body .row .col-md-6 > .card .btn,
body.whs-premium-body .row .col-sm-6 > .card .btn,
body.whs-premium-body .row .col-lg-6 > .card .btn {
  background: linear-gradient(135deg, #7c6cff, #50c9ff) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 14px !important;
}

/* force any accidental white blocks inside main content */
body.whs-premium-body #main-body .bg-white,
body.whs-premium-body #main-body .bg-light,
body.whs-premium-body #main-body [style*="background: white"],
body.whs-premium-body #main-body [style*="background-color: white"],
body.whs-premium-body #main-body [style*="background-color:#fff"],
body.whs-premium-body #main-body [style*="background-color: #fff"] {
  background: rgba(14,20,38,.92) !important;
  color: #f6fbff !important;
}

/* ===== REAL fix: domain pricing is DIV-based, not table-based ===== */

/* search strip outer white shell */
body.whs-premium-body .domain-pricing .input-group-wrapper,
body.whs-premium-body .domain-pricing .domain-search-box,
body.whs-premium-body .domain-pricing .domain-checker-box,
body.whs-premium-body .domain-pricing .search-box {
  background: rgba(14,20,38,.92) !important;
  background-color: rgba(14,20,38,.92) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 18px !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.28) !important;
  overflow: hidden !important;
}

/* input and search button */
body.whs-premium-body .domain-pricing .input-group-wrapper .form-control,
body.whs-premium-body .domain-pricing .input-group-wrapper input[type="text"],
body.whs-premium-body .domain-pricing .input-group-wrapper input[type="search"] {
  background: rgba(14,20,38,.92) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.whs-premium-body .domain-pricing .input-group-wrapper .btn,
body.whs-premium-body .domain-pricing .input-group-wrapper .btn-primary,
body.whs-premium-body .domain-pricing .input-group-wrapper .btn-success {
  background: linear-gradient(135deg, #7c6cff, #50c9ff) !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* header row of pricing "table" */
body.whs-premium-body .domain-pricing .tld-pricing-header .col-xs-2,
body.whs-premium-body .domain-pricing .tld-pricing-header .col-sm-2,
body.whs-premium-body .domain-pricing .tld-pricing-header .col-xs-4,
body.whs-premium-body .domain-pricing .tld-pricing-header .col-sm-4 {
  background: rgba(255,255,255,.06) !important;
  color: #f6fbff !important;
  border-bottom: 6px solid rgba(80,201,255,.35) !important;
}

body.whs-premium-body .domain-pricing .tld-pricing-header div:nth-child(odd) {
  background: rgba(255,255,255,.04) !important;
  border-color: rgba(124,108,255,.40) !important;
}

/* actual pricing rows */
body.whs-premium-body .domain-pricing .tld-row {
  background: rgba(14,20,38,.92) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  color: #dbe6ff !important;
}

body.whs-premium-body .domain-pricing .tld-row.highlighted {
  background: rgba(255,255,255,.04) !important;
}

/* alternating row feel without white */
body.whs-premium-body .domain-pricing .tld-row:nth-of-type(odd) {
  background: rgba(8,14,30,.96) !important;
}

body.whs-premium-body .domain-pricing .tld-row:nth-of-type(even) {
  background: rgba(14,20,38,.92) !important;
}

/* text inside those rows */
body.whs-premium-body .domain-pricing .tld-row,
body.whs-premium-body .domain-pricing .tld-row div,
body.whs-premium-body .domain-pricing .tld-row span,
body.whs-premium-body .domain-pricing .tld-row small,
body.whs-premium-body .domain-pricing .tld-pricing-header div {
  color: #dbe6ff !important;
}

/* the pale vertical separator lines */
body.whs-premium-body .domain-pricing .two-row-center {
  border-right: 2px solid rgba(255,255,255,.08) !important;
}

/* bottom two promo cards */
body.whs-premium-body .featured-tld,
body.whs-premium-body .featured-tld .price,
body.whs-premium-body .domain-pricing .featured-tld,
body.whs-premium-body .domain-pricing .featured-tld .price,
body.whs-premium-body .domain-pricing .card,
body.whs-premium-body .domain-pricing .card-body {
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  background-color: rgba(14,20,38,.92) !important;
  color: #f6fbff !important;
  border-color: rgba(255,255,255,.08) !important;
}

body.whs-premium-body .domain-pricing .card *,
body.whs-premium-body .domain-pricing .featured-tld *,
body.whs-premium-body .domain-pricing .featured-tld .price * {
  color: #dbe6ff !important;
}

/* ===== REAL fix for VPN page (sitelockvpn) ===== */

body.whs-premium-body .landing-page.sitelockvpn .feature.alternate-bg,
body.whs-premium-body .landing-page.sitelockvpn .feature.devices,
body.whs-premium-body .landing-page.sitelockvpn .feature.pricing {
  background:
    radial-gradient(circle at top left, rgba(124,108,255,.14), transparent 28%),
    radial-gradient(circle at top right, rgba(80,201,255,.10), transparent 24%),
    linear-gradient(180deg, #08101f 0%, #0b1326 55%, #09101d 100%) !important;
  color: #f6fbff !important;
}

/* white pricing cards */
body.whs-premium-body .landing-page.sitelockvpn .feature.pricing .pricing-box {
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  background-color: rgba(14,20,38,.92) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.35) !important;
  color: #f6fbff !important;
  overflow: hidden;
}

/* the pale top bar on each price card */
body.whs-premium-body .landing-page.sitelockvpn .feature.pricing .cycle {
  background: rgba(255,255,255,.06) !important;
  color: #f6fbff !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

/* price text */
body.whs-premium-body .landing-page.sitelockvpn .feature.pricing .price {
  color: #f6fbff !important;
}

/* list rows inside cards */
body.whs-premium-body .landing-page.sitelockvpn .feature.pricing ul,
body.whs-premium-body .landing-page.sitelockvpn .feature.pricing ul li {
  background: transparent !important;
  color: #dbe6ff !important;
  border-color: rgba(255,255,255,.08) !important;
  text-align: center !important;
}

/* buttons */
body.whs-premium-body .landing-page.sitelockvpn .feature.pricing .btn,
body.whs-premium-body .landing-page.sitelockvpn .feature.pricing .btn-primary,
body.whs-premium-body .landing-page.sitelockvpn .feature.pricing .btn-success {
  background: linear-gradient(135deg, #7c6cff, #50c9ff) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 14px !important;
  font-weight: 800 !important;
  box-shadow: 0 16px 36px rgba(80,201,255,.18);
}

/* text/icons in the light device section */
body.whs-premium-body .landing-page.sitelockvpn .feature.devices h3,
body.whs-premium-body .landing-page.sitelockvpn .feature.devices p,
body.whs-premium-body .landing-page.sitelockvpn .feature.devices .logos,
body.whs-premium-body .landing-page.sitelockvpn .feature.devices i,
body.whs-premium-body .landing-page.sitelockvpn .feature.devices svg {
  color: #dbe6ff !important;
  fill: currentColor !important;
}

/* hover polish */
body.whs-premium-body .landing-page.sitelockvpn .feature.pricing .pricing-box {
  transition: all .25s ease;
}

body.whs-premium-body .landing-page.sitelockvpn .feature.pricing .pricing-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 34px 80px rgba(0,0,0,.42) !important;
}


/* =========================
   WHMCS - fjern hvite bokser
   ========================= */

/* Produktinfoboks til venstre */
div.product-info-box,
div.product-details,
.product-info-box,
.product-details,
div.product-info-box div,
div.product-details div {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Oppsummeringsboksen til høyre */
div.order-summary,
div.summary-container,
div#orderSummary,
div#orderSummary * {
  background: transparent !important;
  background-color: transparent !important;
}

/* Gjør hovedkortene mørke og pene */
div.product-info-box,
div.product-details,
div.order-summary,
div.summary-container,
div#orderSummary {
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 20px !important;
  color: #f6fbff !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.35) !important;
}

/* Selve innholdsfeltene som blir hvite */
.panel,
.panel-default,
.panel-body,
.panel-heading,
.well,
.bg-light,
.alert,
div.configurable-options,
div.field-container,
div.product-desc,
div.product-description,
div.product-pricing,
div#productConfigurableOptions,
div#productConfigurableOptions .panel,
div#productConfigurableOptions .panel-body,
div#productConfigurableOptions .form-group,
div#productConfigurableOptions .option,
div#productConfigurableOptions .radio-inline,
div#productConfigurableOptions .checkbox-inline,
div#productConfigurableOptions label,
div#orderSummary .summary-totals,
div#orderSummary .summary-container,
div#orderSummary .subtotal,
div#orderSummary .recurring,
div#orderSummary .total-due-today,
div#orderSummary .products,
div#orderSummary .product-group {
  background: transparent !important;
  background-color: transparent !important;
  color: #dbe6ff !important;
  border-color: rgba(255,255,255,.08) !important;
  box-shadow: none !important;
}

/* Tekst */
h1, h2, h3, h4, h5, h6,
.product-title,
.product-details strong,
.product-info-box strong,
.order-summary strong,
.summary-container strong,
.panel-title {
  color: #ffffff !important;
}

p, span, small, li, label, .text-muted {
  color: #a8b5d2 !important;
}

/* Inputfelt */
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
select,
textarea {
  background: rgba(8,12,24,.9) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

input::placeholder,
textarea::placeholder {
  color: #8fa5cd !important;
}

/* Knapper */
.btn,
button,
input[type="submit"],
a.btn {
  border-radius: 16px !important;
}

.btn-primary,
button.btn-primary,
a.btn-primary,
input.btn-primary {
  background: linear-gradient(135deg, #7c6cff, #50c9ff) !important;
  border: none !important;
  color: #fff !important;
  box-shadow: 0 16px 36px rgba(80,201,255,.18) !important;
}

/* Fjerner hvit standard på summary-header */
div#orderSummary .summary-title,
div#orderSummary h3,
div#orderSummary h4,
div.order-summary h3,
div.order-summary h4 {
  background: transparent !important;
  color: #fff !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

/* Hvis WHMCS bruker tabeller i summary */
div#orderSummary table,
div#orderSummary tr,
div#orderSummary td,
div#orderSummary th {
  background: transparent !important;
  background-color: transparent !important;
  color: #dbe6ff !important;
  border-color: rgba(255,255,255,.08) !important;
}

/* Nød-fix for inline hvit bakgrunn */
[style*="background: white"],
[style*="background:white"],
[style*="background-color: white"],
[style*="background-color:white"],
[style*="background:#fff"],
[style*="background: #fff"],
[style*="background-color:#fff"],
[style*="background-color: #fff"],
[style*="background:#ffffff"],
[style*="background: #ffffff"],
[style*="background-color:#ffffff"],
[style*="background-color: #ffffff"] {
  background: transparent !important;
  background-color: transparent !important;
}




/* ==========================
   FIX: hvite bokser på confproduct
   ========================== */

/* Venstre produktboks / produktinfo */
#containerProducts .product-info-box,
#containerProducts .product-info-box *,
#containerProducts .product-details,
#containerProducts .product-details *,
div.product-info-box,
div.product-info-box *,
div.product-details,
div.product-details * {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Gjør selve venstre boksen mørk igjen */
#containerProducts .product-info-box,
#containerProducts .product-details,
div.product-info-box,
div.product-details {
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 20px !important;
  color: #f6fbff !important;
}

/* Hvit bakgrunn på seksjons-headere som "Ekstra informasjon" */
.sub-heading,
.sub-heading span,
.sub-heading-text,
.section-heading,
.section-heading span,
.configureproduct .sub-heading,
.configureproduct .sub-heading span,
.configureproduct .section-heading,
.configureproduct .section-heading span,
label[class*="sub-heading"],
div[class*="sub-heading"] {
  background: transparent !important;
  background-color: transparent !important;
  color: #dbe6ff !important;
  box-shadow: none !important;
  border: none !important;
}

/* Hvis WHMCS legger på hvit stripe/boks rundt overskriftene */
.configureproduct .row .sub-heading,
.configureproduct .field-container .sub-heading,
.configureproduct .configoption .sub-heading,
.configureproduct .section .sub-heading {
  background: transparent !important;
  background-color: transparent !important;
}

/* Skjemaområder */
.configureproduct .form-control,
.configureproduct input[type="text"],
.configureproduct input[type="tel"],
.configureproduct input[type="email"],
.configureproduct select,
.configureproduct textarea {
  background: rgba(8,12,24,.9) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

/* Tekstfarger */
.configureproduct h1,
.configureproduct h2,
.configureproduct h3,
.configureproduct h4,
.configureproduct strong {
  color: #fff !important;
}

.configureproduct p,
.configureproduct span,
.configureproduct small,
.configureproduct label,
.configureproduct .text-muted {
  color: #a8b5d2 !important;
}

/* Nød-fix for inline hvit bakgrunn */
.configureproduct [style*="background: white"],
.configureproduct [style*="background:white"],
.configureproduct [style*="background-color: white"],
.configureproduct [style*="background-color:white"],
.configureproduct [style*="background:#fff"],
.configureproduct [style*="background: #fff"],
.configureproduct [style*="background-color:#fff"],
.configureproduct [style*="background-color: #fff"],
.configureproduct [style*="background:#ffffff"],
.configureproduct [style*="background: #ffffff"],
.configureproduct [style*="background-color:#ffffff"],
.configureproduct [style*="background-color: #ffffff"] {
  background: transparent !important;
  background-color: transparent !important;
}


/* ================================
   WHMCS confproduct - siste hvite boks
   ================================ */

/* Selve produkt-/featureboksen */
.package-features,
.package-features > div,
.package-features .row,
.package-features .col-sm-12,
.package-features .col-md-12,
.package-features .col-lg-12,
.product-desc,
.product-description,
.product-info,
.product-info-box,
.product-details,
#productConfigurableOptions,
#productConfigurableOptions > div,
#productConfigurableOptions .row,
#productConfigurableOptions .panel,
#productConfigurableOptions .panel-body {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Gi boksen mørk glass-stil */
.package-features,
.product-desc,
.product-description,
.product-info,
.product-info-box,
.product-details {
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 20px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.35) !important;
  color: #dbe6ff !important;
}

/* Tekst inni den hvite boksen */
.package-features *,
.product-desc *,
.product-description *,
.product-info *,
.product-info-box *,
.product-details * {
  color: #dbe6ff !important;
}

/* Overskrifter litt lysere */
.package-features h1,
.package-features h2,
.package-features h3,
.product-desc h1,
.product-desc h2,
.product-desc h3,
.product-description h1,
.product-description h2,
.product-description h3,
.product-info h1,
.product-info h2,
.product-info h3,
.product-info-box h1,
.product-info-box h2,
.product-info-box h3,
.product-details h1,
.product-details h2,
.product-details h3 {
  color: #ffffff !important;
}

/* Nødfiks hvis den hvite bakgrunnen kommer fra inline style */
.package-features [style*="background"],
.product-desc [style*="background"],
.product-description [style*="background"],
.product-info [style*="background"],
.product-info-box [style*="background"],
.product-details [style*="background"] {
  background: transparent !important;
  background-color: transparent !important;
}

/* Hvis WHMCS bruker en hvit tabell/div inni boksen */
.package-features table,
.package-features tbody,
.package-features tr,
.package-features td,
.package-features th,
.product-details table,
.product-details tbody,
.product-details tr,
.product-details td,
.product-details th {
  background: transparent !important;
  background-color: transparent !important;
  color: #dbe6ff !important;
  border-color: rgba(255,255,255,.08) !important;
}


/* Eksakt fix for hvit prisstripe i addon-kort */
.panel-addon .panel-price,
.card.panel-addon .panel-price,
.panel.panel-addon .panel-price {
  background: rgba(8,12,24,.92) !important;
  background-color: rgba(8,12,24,.92) !important;
  color: #dbe6ff !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: none !important;
}

/* Teksten inni stripen */
.panel-addon .panel-price *,
.card.panel-addon .panel-price *,
.panel.panel-addon .panel-price * {
  background: transparent !important;
  background-color: transparent !important;
  color: #dbe6ff !important;
}