/* === Custom Homepage Background === */
body.homepage #main-body {
    background: url('/billing/assets/img/bg-pheader.jpg') no-repeat center center;
    background-size: cover;
}

/* === Domain Search Section Background === */
.domain-search {
    background: url('/billing/assets/img/bg-pheader.jpg') no-repeat center center;
    background-size: cover;
    padding: 100px 0;
    color: #fff;
}

.domain-search h1, 
.domain-search h2, 
.domain-search p {
    color: #fff;
    text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* === Navigation Bar Custom Colors === */
.navbar-light .navbar-nav .nav-link {
    color: #ffffff !important; /* Menu link color */
    font-weight: 500;
    transition: all 0.3s ease;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: #ffffff !important; /* Hover color */
}

.navbar-light {
    background-color: #172935 !important; /* Navbar background (dark gray-blue tone) */
}

.navbar-light .navbar-brand img {
    filter: brightness(1.1);
}

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
    color: #ffffff !important; /* Active menu color */
    border-bottom: 2px solid #ffffff;
}

/* === Main Navigation Bar (below logo) === */
.header .navbar.navbar-expand-lg.navbar-light {
    background-color: #141D38 !important; /* change color here */
    border-bottom: none !important;
}

.header .navbar.navbar-expand-lg.navbar-light .navbar-nav .nav-link {
    color: #141D38 !important;
    font-weight: 500;
}

.header .navbar.navbar-expand-lg.navbar-light .nav-link:hover {
    color: #00bcd4 !important;
}

/* Optional: If you want to use a background image instead */
.header .navbar.navbar-expand-lg.navbar-light {
    background-image: url('https://billing.simcoldigital.com/assets/img/menu-bg.jpg'); /* your image */
    background-size: cover;
    background-position: center;
}

/* === Secondary Navbar Background === */
.header .navbar.navbar-expand-xl.main-navbar-wrapper {
    background-color: #141D38 !important;
}

/* Menu link colors */
.header .navbar.navbar-expand-xl.main-navbar-wrapper .nav-link {
    color: #ffffff !important;
    font-weight: 500;
}

/* Hover effect */
.header .navbar.navbar-expand-xl.main-navbar-wrapper .nav-link:hover {
    color: #ffffff !important;
}

/* === Force menu text to white === */
.header .navbar.navbar-expand-xl.main-navbar-wrapper ul.navbar-nav > li > a,
.header .navbar.navbar-expand-xl.main-navbar-wrapper ul.navbar-nav > li > .nav-link {
    color: #ffffff !important;
}

/* Hover and active states */
.header .navbar.navbar-expand-xl.main-navbar-wrapper ul.navbar-nav > li > a:hover,
.header .navbar.navbar-expand-xl.main-navbar-wrapper ul.navbar-nav > li.active > a,
.header .navbar.navbar-expand-xl.main-navbar-wrapper ul.navbar-nav > li > .nav-link:hover {
    color: #00bcd4 !important; /* light cyan hover */
}

/* === Custom background for domain search section === */
.domain-search, 
.domain-lookup, 
.hero-domain-search, 
#domainSearch {
    background: #141D38 !important;  /* your dark navy color */
    color: #ffffff !important;
}

/* Adjust input box and button for better contrast */
.domain-search input[type="text"],
.domain-lookup input[type="text"],
.hero-domain-search input[type="text"],
#domainSearch input[type="text"] {
    background: #ffffff;
    color: #000000;
    border: none;
}

.domain-search button,
.domain-lookup button,
.hero-domain-search button,
#domainSearch button {
    background: #00bcd4 !important; /* bright cyan for visibility */
    color: #ffffff !important;
    border: none;
}

.domain-search button:hover,
.domain-lookup button:hover,
.hero-domain-search button:hover,
#domainSearch button:hover {
    background: #009bb3 !important;
}
/* === Override yellow domain search background === */
section.domain-search,
.hero-domain-search,
.domain-lookup,
#domainSearch {
    background: #141D38 !important; /* Your dark navy color */
    background-image: none !important; /* Remove yellow globe */
    color: #ffffff !important;
    border-radius: 0 !important;
    padding: 60px 0 !important;
}

/* Input box styling */
section.domain-search input[type="text"],
.hero-domain-search input[type="text"],
.domain-lookup input[type="text"],
#domainSearch input[type="text"] {
    background: #ffffff !important;
    color: #000000 !important;
    border: none !important;
}

/* Search button styling */
section.domain-search button,
.hero-domain-search button,
.domain-lookup button,
#domainSearch button {
    background: #00bcd4 !important;  /* Cyan-blue */
    color: #ffffff !important;
    border: none !important;
    font-weight: bold;
}

section.domain-search button:hover,
.hero-domain-search button:hover,
.domain-lookup button:hover,
#domainSearch button:hover {
    background: #009bb3 !important;
}

/* Force change background color of domain search section */
.domain-search, 
.domain-search .hero, 
#domainSearch, 
#domain-search,
#domain-search .domain-search-box {
  background-color: #141D38 !important;
  background: #141D38 !important;
}

/* Change search input background & text color */
.domain-search input[type="text"],
#domainSearch input[type="text"],
#domain-search input[type="text"] {
  background-color: #fff !important;
  color: #141D38 !important;
  border: none !important;
}

/* Change button color */
.domain-search button,
#domainSearch button,
#domain-search button {
  background-color: #141D38 !important;
  color: #fff !important;
  border: 1px solid #141D38 !important;
}

/* Adjust hover for button */
.domain-search button:hover,
#domainSearch button:hover,
#domain-search button:hover {
  background-color: #0f1630 !important;
  color: #fff !important;
}