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

    ** Custom Stylesheet **

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

***************************************************** */
/* === Main navbar color === */
#main-menu .navbar.navbar-default.navbar-main {
  background: #0099ff;
  border-color: #0099ff;
}

/* Links/brand text in white */
#main-menu .navbar .navbar-brand,
#main-menu .navbar .navbar-text,
#main-menu .navbar .nav > li > a {
  color: #fff;
}

/* Hover/active/open states */
#main-menu .navbar .nav > li > a:hover,
#main-menu .navbar .nav > li > a:focus,
#main-menu .navbar .nav > .active > a,
#main-menu .navbar .nav > .active > a:focus,
#main-menu .navbar .nav > .active > a:hover,
#main-menu .navbar .nav > .open > a,
#main-menu .navbar .nav > .open > a:focus,
#main-menu .navbar .nav > .open > a:hover {
  color: #fff;
  background: rgba(0,0,0,0.12);
}

/* Dropdown caret visible on blue */
#main-menu .navbar .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

/* Mobile toggle (hamburger) */
#main-menu .navbar .navbar-toggle { border-color: rgba(255,255,255,0.5); }
#main-menu .navbar .navbar-toggle .icon-bar { background-color: #fff; }

.whatsapp-float{
  position:fixed; right:18px; bottom:18px; z-index:2000;
  width:54px; height:54px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:#25D366; color:#fff; box-shadow:0 8px 24px rgba(0,0,0,.2);
}
.whatsapp-float:hover{ background:#1ebe57; color:#fff; text-decoration:none; }
.whatsapp-float i{ font-size:26px; line-height:1; }

/* Sticky footer: make the page fill the viewport */
html, body { height: 100%; }
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Let the main content expand to push footer down */
#main-body { flex: 1 0 auto; }

/* Footer stays at the bottom without extra gap */
#footer { margin-top: 0; flex-shrink: 0; }

/* Navbar dropdowns on brand blue */
#main-menu .navbar .dropdown-menu{
  background:#0b8de6;  /* a touch darker than #0099ff */
  border:0; box-shadow:0 8px 22px rgba(0,0,0,.18);
}
#main-menu .navbar .dropdown-menu > li > a{ color:#fff; }
#main-menu .navbar .dropdown-menu > li > a:hover,
#main-menu .navbar .dropdown-menu > li > a:focus{
background:rgba(0,0,0,.12); color:#fff;
}

/* Active/hover states in the top nav */
#main-menu .navbar .nav > li > a:hover,
#main-menu .navbar .nav > li > a:focus,
#main-menu .navbar .nav > .active > a{
 background:rgba(255,255,255,.12); color:#fff;
  }
#main-menu .navbar .dropdown-menu > li > a{ color:#fff; }
#main-menu .navbar .dropdown-menu > li > a:hover,
#main-menu .navbar .dropdown-menu > li > a:focus{
  background:rgba(0,0,0,.12); color:#fff;
}

/* Active/hover states in the top nav */
#main-menu .navbar .nav > li > a:hover,
#main-menu .navbar .nav > li > a:focus,
#main-menu .navbar .nav > .active > a{
  background:rgba(255,255,255,.12); color:#fff;
}


/* === Make the login form larger & roomier === */
#h2m-login{ max-width: 980px !important; }                 /* wider card */
#h2m-login .auth-hero .avatar{ width:92px; height:92px; }  /* bigger avatar */
#h2m-login .auth-hero h1{ font-size:48px !important; }     /* larger heading */

/* Card padding/radius */
#h2m-login .auth-card{
  padding:34px 36px 24px !important;
  border-radius:18px !important;
}

/* Bigger inputs */
#h2m-login .form-group{ margin-bottom:18px !important; }
#h2m-login .form-control{
  height:54px !important;
  font-size:16px !important;
  padding:12px 16px !important;
  border-radius:12px !important;
}
#h2m-login .pwd-toggle{ right:14px !important; }

/* Meta row spacing */
#h2m-login .auth-meta{ margin:6px 0 18px !important; }

/* Bigger primary button */
#h2m-login .btn-brand{
  height:54px !important;
  font-size:16px !important;
  border-radius:12px !important;
}

/* Bigger quick-link buttons under the form */
#h2m-login .quick-links .btn{
  height:48px !important;
  border-radius:12px !important;
}

/* Keep it comfy on phones */
@media (max-width:640px){
  #h2m-login{ max-width:100% !important; }
  #h2m-login .auth-hero h1{ font-size:34px !important; }
  #h2m-login .auth-card{ padding:20px 16px !important; }
  #h2m-login .form-control{ height:50px !important; }
  #h2m-login .btn-brand{ height:50px !important; }
}

/* ---------- Host2Media: Domain Register banner facelift ---------- */
/* Scope to the Standard Cart page */
#order-standard_cart .domain-register,
#order-standard_cart .domain-checker-container,
#order-standard_cart .domain-search,
#order-standard_cart .domainchecker-home { /* catch-all across WHMCS builds */
  background: transparent !important;
  border: 0;
  box-shadow: none;
  padding: 0;
}

/* Wrapper card */
#order-standard_cart .h2m-domain-banner {
  background: linear-gradient(135deg, #0099ff 0%, #0078ff 55%, #005dff 100%);
  border-radius: 16px;
  padding: 28px 24px;
  color: #fff;
  position: relative;
  box-shadow: 0 12px 28px rgba(0, 60, 140, 0.25);
  overflow: hidden;
}

/* subtle shine on the right */
#order-standard_cart .h2m-domain-banner::after {
  content: "";
  position: absolute;
  right: -80px; top: -80px;
  width: 260px; height: 260px;
  background: radial-gradient(closest-side, rgba(255,255,255,.28), rgba(255,255,255,0));
  pointer-events: none;
}

/* Headline (if present) */
#order-standard_cart .h2m-domain-banner .h2m-title {
  font-weight: 800;
  font-size: 20px;
  margin: 0 0 12px;
  letter-spacing: .2px;
}

/* Input group */
#order-standard_cart .h2m-domain-banner .input-group {
  box-shadow: 0 8px 22px rgba(0,0,0,.15);
  border-radius: 999px;
  overflow: hidden;
  background: #fff;
}

/* Search input */
#order-standard_cart .h2m-domain-banner input[type="text"],
#order-standard_cart .h2m-domain-banner input[type="search"],
#order-standard_cart .h2m-domain-banner .form-control {
  border: 0 !important;
  height: 56px;
  padding: 0 18px 0 48px;  /* room for icon */
  font-size: 16px;
  outline: none;
  box-shadow: none;
}

/* Magnifier icon */
#order-standard_cart .h2m-domain-banner .input-group:before {
  content: "\f002"; /* fa-search */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #7c8aa6;
  position: absolute;
  z-index: 2;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

/* Button */
#order-standard_cart .h2m-domain-banner .btn,
#order-standard_cart .h2m-domain-banner .btn-primary {
  background: #062a4d;
  border: 0;
  height: 56px;
  padding: 0 22px;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: .2px;
  transition: transform .04s ease, background .2s ease;
}
#order-standard_cart .h2m-domain-banner .btn:hover {
  background: #0b3864;
}
#order-standard_cart .h2m-domain-banner .btn:active {
  transform: translateY(1px);
}

/* If WHMCS renders a TLD select next to the field */
#order-standard_cart .h2m-domain-banner select.form-control {
  border-left: 1px solid #e8eef7 !important;
  height: 56px;
}

/* Remove any leftover yellow/globe backgrounds from older builds */
#order-standard_cart .domainchecker-hero,
#order-standard_cart .domainchecker .hero,
#order-standard_cart .domainregister .hero {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Small screens */
@media (max-width: 576px) {
  #order-standard_cart .h2m-domain-banner { padding: 18px 16px; }
  #order-standard_cart .h2m-domain-banner .h2m-title { font-size: 18px; }
}