:root {
  --hz-orange: #ff5a00;
  --hz-orange-dark: #d94800;
  --hz-navy: #071a38;
  --hz-dark: #050b16;
  --hz-light: #f6f8fb;
  --hz-muted: #64748b;
}

body {
  background: var(--hz-light) !important;
  font-family: Inter, Arial, sans-serif !important;
  color: #101827;
}

a { color: var(--hz-orange); }
a:hover { color: var(--hz-orange-dark); }

/* NAV */
.hozit-main-nav {
  background: var(--hz-navy) !important;
  padding: 12px 0 !important;
  box-shadow: 0 8px 25px rgba(0,0,0,.12);
}

.hozit-logo {
  height: 48px !important;
  width: auto !important;
  max-width: 260px !important;
  background: #fff !important;
  border-radius: 8px;
  padding: 4px 8px;
}

.hozit-main-nav .nav-link {
  color: #fff !important;
  font-weight: 700 !important;
  padding: 10px 12px !important;
}

.hozit-main-nav .nav-link:hover { color: var(--hz-orange) !important; }

.hozit-support-btn,
.btn-primary,
.btn-success,
.btn-order-now {
  background: var(--hz-orange) !important;
  border-color: var(--hz-orange) !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}

.dropdown-menu {
  border: none !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 40px rgba(0,0,0,.12) !important;
  padding: 12px !important;
}

.dropdown-item {
  padding: 10px 16px !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
}

.dropdown-item:hover {
  background: #fff4ed !important;
  color: var(--hz-orange) !important;
}

/* HERO + PRODUCTS */
.hozit-whmcs-hero,
.hozit-products-section {
  background:
    radial-gradient(circle at 88% 10%, rgba(255,90,0,.28), transparent 28%),
    linear-gradient(135deg, var(--hz-navy), var(--hz-dark)) !important;
  color: #fff !important;
}

.hozit-whmcs-hero {
  padding: 95px 0 80px !important;
  overflow: hidden;
}

.hozit-products-section {
  padding: 80px 0 !important;
}

.hozit-hero-badge,
.hozit-section-title span {
  color: var(--hz-orange) !important;
  font-weight: 900 !important;
  letter-spacing: 2px !important;
  font-size: 13px !important;
  text-transform: uppercase;
}

.hozit-whmcs-hero h1 {
  color: #fff !important;
  font-size: 52px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  margin: 18px 0 20px !important;
}

.hozit-whmcs-hero p,
.hozit-section-title p {
  color: #dce7f8 !important;
  font-size: 18px !important;
}

.hozit-hero-buttons {
  margin-top: 30px;
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.hozit-btn-primary,
.hozit-btn-support,
.hozit-product-card a,
.hozit-portal-links a,
.order-btn {
  background: var(--hz-orange) !important;
  color: #fff !important;
  border: 2px solid var(--hz-orange) !important;
  border-radius: 999px !important;
  padding: 13px 24px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(255,90,0,.25);
}

.hozit-btn-outline {
  background: transparent !important;
  color: #fff !important;
  border: 2px solid rgba(255,255,255,.55) !important;
  border-radius: 999px !important;
  padding: 13px 24px !important;
  font-weight: 900 !important;
}

.hozit-hero-points {
  margin-top: 28px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.hozit-hero-points span {
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  color: #fff;
  padding: 8px 13px;
  border-radius: 999px;
  font-weight: 700;
}

.hozit-hero-card {
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  border-radius: 28px !important;
  padding: 34px !important;
  text-align: center;
  box-shadow: 0 25px 60px rgba(0,0,0,.30);
}

.hozit-hero-card img {
  max-width: 270px;
  width: 100%;
  background: #fff;
  border-radius: 16px;
  padding: 14px;
  margin-bottom: 22px;
}

.hozit-hero-card h3 {
  color: #fff !important;
  font-size: 26px;
  font-weight: 900;
}

.hozit-hero-card p {
  color: #fff !important;
  font-size: 16px !important;
}

.hozit-portal-links {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 18px;
}

.hozit-section-title {
  text-align: center;
  max-width: 850px;
  margin: 0 auto 45px;
}

.hozit-section-title h2 {
  color: #fff !important;
  font-size: 44px !important;
  line-height: 1.1;
  font-weight: 900 !important;
  text-transform: uppercase;
  margin: 14px 0;
}

.hozit-product-card {
  background: #fff !important;
  border-radius: 24px !important;
  padding: 30px !important;
  min-height: 230px;
  box-shadow: 0 22px 55px rgba(0,0,0,.25);
  transition: .25s ease;
}

.hozit-product-card:hover { transform: translateY(-6px); }

.hozit-product-card h3 {
  color: var(--hz-navy) !important;
  font-size: 22px !important;
  font-weight: 900 !important;
}

.hozit-product-card p {
  color: #4b5563 !important;
  font-size: 15px !important;
  margin-bottom: 20px;
}

/* DOMAIN SEARCH */
.domain-checker-container,
.domain-checker-bg,
.domain-checker {
  background:
    radial-gradient(circle at top right, rgba(255,90,0,.25), transparent 30%),
    linear-gradient(135deg, var(--hz-navy), var(--hz-dark)) !important;
  border-radius: 28px !important;
  padding: 45px 30px !important;
}

.domain-checker-container h1,
.domain-checker-container h2,
.domain-checker-bg h1,
.domain-checker-bg h2,
.domain-checker-container p,
.domain-checker-bg p {
  color: #fff !important;
}

.domain-checker-container input,
.domain-checker-bg input,
.domain-checker-container textarea,
.domain-checker-bg textarea {
  min-height: 58px !important;
  border-radius: 14px 0 0 14px !important;
  border: 2px solid #fff !important;
}

.domain-checker-container .btn,
.domain-checker-bg .btn,
#btnCheckAvailability,
button[type="submit"] {
  background: var(--hz-orange) !important;
  border-color: var(--hz-orange) !important;
  color: #fff !important;
  border-radius: 0 14px 14px 0 !important;
  min-height: 58px !important;
  font-weight: 900 !important;
}

/* WHMCS PRODUCT PAGES */
#order-standard_cart {
  background: var(--hz-light) !important;
  font-family: Inter, Arial, sans-serif !important;
}

#order-standard_cart h1,
#order-standard_cart h2,
#order-standard_cart h3 {
  color: var(--hz-navy) !important;
  font-weight: 900 !important;
}

#order-standard_cart .products .product {
  background: #fff !important;
  border: 1px solid #e7edf5 !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 45px rgba(7,26,56,.10) !important;
  padding: 28px !important;
  transition: .25s ease;
}

#order-standard_cart .products .product:hover {
  transform: translateY(-5px);
}

#order-standard_cart .products .product header {
  background: linear-gradient(135deg, var(--hz-navy), var(--hz-dark)) !important;
  color: #fff !important;
  border-radius: 18px 18px 0 0 !important;
  padding: 18px !important;
}

#order-standard_cart .price,
#order-standard_cart .pricing,
#order-standard_cart .product-pricing {
  color: var(--hz-orange) !important;
  font-weight: 900 !important;
}

/* FLOATING CATEGORIES */
.hozit-floating-categories {
  position: fixed;
  left: 20px;
  top: 140px;
  z-index: 9999;
  width: 240px;
  background:
    radial-gradient(circle at top right, rgba(255,90,0,.22), transparent 35%),
    linear-gradient(135deg, var(--hz-navy), var(--hz-dark));
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 25px 60px rgba(0,0,0,.28);
}

.hozit-floating-categories h4 {
  color: var(--hz-orange);
  font-size: 13px;
  font-weight: 900;
  margin: 0 0 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.hozit-floating-categories a {
  display: block;
  color: #fff !important;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  padding: 10px 12px;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
}

.hozit-floating-categories a:hover {
  background: var(--hz-orange);
  border-color: var(--hz-orange);
  transform: translateX(4px);
}

/* FOOTER */
.hozit-site-footer {
  background: var(--hz-dark) !important;
  color: #fff !important;
  padding: 50px 0 25px !important;
  border-top: 5px solid var(--hz-orange);
}

.hozit-footer-logo {
  max-width: 250px;
  background: #fff;
  border-radius: 12px;
  padding: 10px;
}

.hozit-site-footer h5 {
  color: var(--hz-orange);
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.hozit-site-footer a {
  color: #fff !important;
  text-decoration: none;
}

.hozit-site-footer a:hover { color: var(--hz-orange) !important; }

.hozit-footer-payment-logos {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  margin-top: 20px;
}

.footer-payment-logo {
  height: 42px;
  max-width: 140px;
  background: #fff;
  padding: 6px 10px;
  border-radius: 10px;
}

footer.footer,
#footer.footer,
.footerbar,
#footer .footerbar,
#footer p:last-child,
.poweredby,
.footer-powered-by,
.powered-by,
.credit,
.copyright-bar {
  display: none !important;
}

/* WHATSAPP */
.hozit-whatsapp-float {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 99999;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #25D366;
  color: #fff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  box-shadow: 0 12px 30px rgba(0,0,0,.3);
  text-decoration: none !important;
}

/* CLEANUP */
body.homepage .hozit-hosting-section,
body.homepage [class*="hosting-section"],
body.homepage [class*="hosting-package"],
body.homepage .hosting-hero {
  display: none !important;
}

body[class*="cart"] .sidebar,
body[class*="cart"] #sidebar,
body[class*="cart"] #sidebars,
body[class*="cart"] .secondary-cart-sidebar,
body[class*="cart"] .cart-sidebar,
body[class*="cart"] .categories-sidebar,
body[class*="cart"] .panel-sidebar,
body[class*="cart"] .card-sidebar {
  display: none !important;
}

body[class*="cart"] .primary-content,
body[class*="cart"] .main-content,
body[class*="cart"] .cart-body,
body[class*="cart"] .col-md-9,
body[class*="cart"] .col-lg-9 {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

/* MOBILE */
@media (max-width: 1200px) {
  .hozit-floating-categories {
    position: static;
    width: auto;
    margin: 20px;
  }
}

@media (max-width: 991px) {
  .hozit-whmcs-hero h1 { font-size: 36px !important; }
  .hozit-section-title h2 { font-size: 32px !important; }
  .hozit-logo { height: 42px !important; max-width: 210px !important; }

  .hozit-whmcs-hero,
  .hozit-products-section {
    padding: 60px 0 !important;
  }
}
/* Package names inside dark product headers */
#order-standard_cart .products .product header h3,
#order-standard_cart .products .product header span {
    color: #ffffff !important;
    font-weight: 900 !important;
}
/* SEO package intro text */
.package-intro-text {
    max-width: 900px;
    margin: 0 auto 40px;
    text-align: center;
    font-size: 20px;
    line-height: 1.8;
    color: #4b5563;
    font-weight: 500;
}

.package-intro-text strong {
    color: #071a38;
    font-weight: 800;
}
/* Products + categories: Hozit website colors */
.hozit-products-section {
    background:
        radial-gradient(circle at 88% 10%, rgba(255,90,0,.25), transparent 28%),
        linear-gradient(135deg, #071a38 0%, #050b16 100%) !important;
    color: #ffffff !important;
}

.hozit-section-title span,
.package-intro-text {
    color: #ff5a00 !important;
}

.hozit-section-title h2 {
    color: #ffffff !important;
}

.hozit-section-title p,
.package-intro-text {
    color: #dce7f8 !important;
}

.hozit-product-card {
    background: #ffffff !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 24px !important;
    box-shadow: 0 22px 55px rgba(0,0,0,.25) !important;
}

.hozit-product-card h3 {
    color: #071a38 !important;
    font-weight: 900 !important;
}

.hozit-product-card p {
    color: #4b5563 !important;
}

.hozit-product-card a {
    background: #ff5a00 !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
}

/* Floating categories same as website hero */
.hozit-floating-categories {
    background:
        radial-gradient(circle at top right, rgba(255,90,0,.22), transparent 35%),
        linear-gradient(135deg, #071a38 0%, #050b16 100%) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
}

.hozit-floating-categories h4 {
    color: #ff5a00 !important;
}

.hozit-floating-categories a {
    color: #ffffff !important;
    background: rgba(255,255,255,.07) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
}

.hozit-floating-categories a:hover {
    background: #ff5a00 !important;
    border-color: #ff5a00 !important;
}
/* Global WHMCS page styling */
.main-content,
.client-home-cards,
.clientarea-home,
.logincontainer,
.registercontainer,
.ticket-reply,
.ticket-details,
.announcement-single,
.knowledgebase-cat,
.view-ticket,
.invoice-container,
.card,
.panel,
.list-group-item {
    border-radius: 20px !important;
    border: 1px solid #e7edf5 !important;
    box-shadow: 0 14px 35px rgba(7,26,56,.08) !important;
}

/* Page headers */
h1, h2, h3 {
    color: #071a38 !important;
    font-weight: 900 !important;
}

/* Buttons */
.btn-primary,
.btn-success,
.btn-info,
.btn-default {
    background: #ff5a00 !important;
    border-color: #ff5a00 !important;
    color: #fff !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
}

/* Forms */
.form-control,
.custom-select,
select,
input,
textarea {
    border-radius: 12px !important;
    border: 1px solid #d7dee9 !important;
}

/* Client area dashboard cards */
.client-home-panels .panel,
.client-home-cards .card,
.tiles .tile {
    background: #fff !important;
    border-radius: 22px !important;
    box-shadow: 0 18px 45px rgba(7,26,56,.10) !important;
}

/* Login/Register page */
.logincontainer,
.registercontainer {
    background: #fff !important;
    padding: 30px !important;
    max-width: 520px !important;
    margin: 40px auto !important;
}

/* Tables */
.table {
    background: #fff !important;
    border-radius: 16px !important;
    overflow: hidden;
}

.table thead th {
    background: #071a38 !important;
    color: #fff !important;
    border: none !important;
}