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

    ** Custom Stylesheet **

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

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

/* Change WHMCS navbar background to orange */
.navbar,
.navbar-default,
.navbar-main {
    background-color: #ff6600 !important;
}

/* Optional: change text color in navbar to white for better contrast */
.navbar a,
.navbar-default .navbar-nav > li > a {
    color: #ffffff !important;
}

/* Optional: hover effect */
.navbar a:hover,
.navbar-default .navbar-nav > li > a:hover {
    color: #000000 !important;
}


/* Navbar menu hover styles */
.navbar-nav > li > a:hover,
.navbar-nav > li.active > a,
.navbar-default .navbar-nav > li > a:focus {
    background-color: #cc5500 !important; /* darker orange/red shade */
    color: #ffffff !important;           /* keep text white */
}

/* Dropdown hover fix */
.navbar-nav > li.open > a,
.navbar-nav > li.open > a:hover,
.navbar-nav > li.open > a:focus {
    background-color: #e65c00 !important; /* slightly different orange */
    color: #ffffff !important;
}


.home-shortcuts {
    background-color: #ff6600; /* Orange background */
    color: #ffffff; /* White text */
    padding: 30px 0;
}

.home-shortcuts {
    background-color: #ff6600; /* Orange background */
    color: #ffffff; /* White text */
    padding: 30px 0;
}

.home-shortcuts p.lead {
    color: #ffffff; /* "How can we help today?" in white */
}

.home-shortcuts ul li a {
    color: #ffffff; /* White text for links */
}

.home-shortcuts ul li a i {
    color: #ffffff; /* White icons */
}

.home-shortcuts ul li a:hover {
    color: #ffffff; /* Keep text white on hover */
    background-color: #e65c00; /* Darker orange for hover */
    border-radius: 5px;
    transition: all 0.3s ease;
}



#footer {
    background-color: #ff6600 !important; /* Force orange background */
    color: #ffffff !important; /* White text */
    padding: 30px 0; /* Optional spacing */
    text-align: center;
}

#footer a {
    color: #ffffff !important; /* White links */
    transition: all 0.3s ease;
}

#footer a:hover {
    color: #e65c00 !important; /* Slightly darker orange on hover */
}

#footer i {
    color: #ffffff !important; /* White icons */
}


a.btn {
    background-color: #ff6600 !important; /* Orange background */
    color: #ffffff !important; /* White text */
    border: none; /* Optional: remove any border */
    padding: 8px 16px; /* Optional: adjust size */
    border-radius: 4px; /* Optional: rounded corners */
    text-decoration: none; /* Remove underline */
    transition: all 0.3s ease; /* Smooth hover effect */
}

a.btn:hover {
    background-color: #e65c00 !important; /* Darker orange on hover */
    color: #ffffff !important; /* Keep text white on hover */
}



.view-cart-items-header {
    background-color: #ff6600 !important; /* Orange background */
    color: #ffffff !important; /* White text */
    padding: 10px 15px; /* Optional: spacing inside the header */
    font-weight: bold; /* Optional: make text bold */
}

.view-cart-items-header .col-sm-7,
.view-cart-items-header .col-xs-7,
.view-cart-items-header .col-7,
.view-cart-items-header .col-sm-4,
.view-cart-items-header .col-xs-5,
.view-cart-items-header .col-5 {
    color: #ffffff !important; /* Ensure all column texts are white */
}




ul.dropdown-menu {
    background-color: #ff6600 !important; /* Orange background */
    color: #ffffff !important; /* White text */
    border: none; /* Remove default border if any */
    min-width: 180px; /* Optional: adjust width */
}

ul.dropdown-menu li a {
    color: #ffffff !important; /* White text for links */
    padding: 10px 15px; /* Optional: spacing for links */
    display: block;
    text-decoration: none;
    transition: all 0.3s ease;
}

ul.dropdown-menu li a:hover {
    background-color: #e65c00 !important; /* Darker orange on hover */
    color: #ffffff !important; /* Keep text white on hover */
}