/* WHMCS Twenty-One Theme - Custom Order Now Button Color */

/* Normal state */
.btn.btn-success,
a.btn.btn-success,
button.btn.btn-success {
    background-color: #001B3B !important;
    border-color: #001B3B !important;
}

/* Hover state - slightly lighter navy */
.btn.btn-success:hover,
a.btn.btn-success:hover,
button.btn.btn-success:hover {
    background-color: #002d61 !important;
    border-color: #002d61 !important;
}

/* HEADER NAVBAR BACKGROUND */
#header .navbar {
    background-color: #001B3B !important;
}

/* Logo / Brand */
#header .navbar .navbar-brand {
    color: #ffffff !important;
}

/* Top-level menu links ONLY */
#header .navbar .navbar-nav > li:first-child > a,
#header .navbar .navbar-nav > li:nth-child(2) > a,
#header .navbar .navbar-nav > li:nth-child(3) > a,
#header .navbar .navbar-nav > li:nth-child(4) > a,
#header .navbar .navbar-nav > li:nth-child(5) > a,
#header .navbar .navbar-nav > li:nth-child(6) > a {
    color: #ffffff !important;
}

/* Hover for top-level links */
#header .navbar .navbar-nav > li:first-child > a:hover,
#header .navbar .navbar-nav > li:nth-child(2) > a:hover,
#header .navbar .navbar-nav > li:nth-child(3) > a:hover,
#header .navbar .navbar-nav > li:nth-child(4) > a:hover,
#header .navbar .navbar-nav > li:nth-child(5) > a:hover,
#header .navbar .navbar-nav > li:nth-child(6) > a:hover {
    color: #cccccc !important;
}

/* Footer */
#footer {
    background-color: #001B3B !important;
    color: #ffffff !important;
}
#footer a {
    color: #ffffff !important;
}

/* Affiliates link in account dropdown */
.custom-affiliate-link {
    color: #ffffff !important;
}

.custom-affiliate-link:hover {
    color: #cccccc !important;
}

/* Ensure mailing list checkbox and T&C label don't stretch the container */
#customfieldlabel input[type="checkbox"] {
    width: auto !important;
    display: inline-block !important;
    margin-right: 5px;
}

#customfieldlabel label {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap; /* prevents overflow */
}

#customfieldlabel a {
    display: inline !important;
}

/* Specifically fix the "Join Mailing List" button width */
input[name="newsletteroptin"] {
    width: auto !important;
    max-width: 100% !important;
}