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

    ** Custom Stylesheet **

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

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

/* Custom Navbar Styling */
.navbar-main {
    margin-bottom: 0;
    background-color: #48C9E0 !important;
    border: 0;
    min-height: 38px;
    font-family: Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
}



/* Custom Top Nav Button Color */
ul.top-nav > li.primary-action > a.btn {
    padding: 6px 15px;
    background-color: #48C9E0 !important; /* New color */
    color: #fff !important;
    border-radius: 3px;
    border: none;
    transition: background-color 0.3s ease;
}

/* Hover effect (optional but looks nice) */
ul.top-nav > li.primary-action > a.btn:hover {
    background-color: #36AEC3 !important; /* Slightly darker shade for hover */
    color: #fff !important;
}






/* Navbar Hover & Active Link Color */
.navbar-main .navbar-nav > .active > a,
.navbar-main .navbar-nav > .active > a:focus,
.navbar-main .navbar-nav > .active > a:hover,
.navbar-main .navbar-nav > .open > a,
.navbar-main .navbar-nav > .open > a:focus,
.navbar-main .navbar-nav > .open > a:hover,
.navbar-main .navbar-nav > li > a:focus,
.navbar-main .navbar-nav > li > a:hover {
    color: #fff !important; /* text color */
    background-color: #FFD600 !important; /* hover & active background color */
    transition: background-color 0.3s ease;
}




/* Header Title Styling */
div.header-lined h1 {
    margin-top: 0;
    margin-bottom: 15px;
    padding: 6px 0;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
    color: #48C9E0 !important; /* Matches your main navbar color */
}






/* Custom Primary Button Style */
.btn-primary {
    color: #fff !important;
    background-color: #48C9E0 !important; /* main theme color */
    border-color: #36AEC3 !important; /* slightly darker border */
    transition: all 0.3s ease;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    color: #fff !important;
    background-color: #FFD600 !important; /* hover color (yellow) */
    border-color: #e6c300 !important; /* slightly darker yellow */
}

/* Align and general btn fixes */
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 4px;
}






/* Custom Success Button Style */
.btn-success {
    color: #fff !important;
    background-color: #48C9E0 !important; /* your theme main blue */
    border-color: #36AEC3 !important;
    transition: all 0.3s ease;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    color: #fff !important;
    background-color: #FFD600 !important; /* yellow hover */
    border-color: #e6c300 !important;
}

/* General Button Styles */
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* Small Buttons */
.btn-group-sm > .btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}





/* Main Header of Cart Items */
#order-standard_cart .view-cart-items-header {
    background-color: #0197AF !important;
    color: #fff;
    border-radius: 4px 4px 0 0;
}

/* Cart Border Below Header */
#order-standard_cart .view-cart-items {
    border-bottom: 2px solid #0197AF !important;
}

/* Even Rows in Cart List */
#order-standard_cart .view-cart-items .item:nth-child(even) {
    background-color: #f0f9fb !important; /* soft blue tint */
}

/* Domain and Product Title Text */
#order-standard_cart .view-cart-items .item-domain {
    color: #0197AF !important;
}

/* Empty Cart Button */
#order-standard_cart .empty-cart .btn {
    background-color: #0197AF !important;
    border: 0;
    color: #fff;
    border-radius: 0 0 4px 4px;
    transition: all 0.3s ease;
}

#order-standard_cart .empty-cart .btn:hover {
    background-color: #FFD600 !important;
    color: #000 !important;
}

/* Checkout Button */
#order-standard_cart .btn-checkout {
    background-color: #0197AF !important;
    color: #fff !important;
    border: none;
    border-radius: 5px;
    transition: all 0.3s ease;
}

#order-standard_cart .btn-checkout:hover {
    background-color: #FFD600 !important;
    color: #000 !important;
}

/* Summary Section */
#order-standard_cart .order-summary .subtotal,
#order-standard_cart .order-summary .bordered-totals {
    border-bottom: 1px solid #0197AF !important;
}

/* Promotion / Coupon Section */
#order-standard_cart .view-cart-promotion-code {
    background-color: #e8f9fb !important;
    border: 1px dashed #0197AF !important;
}

/* Payment Gateway Section */
#order-standard_cart .view-cart-gateway-checkout {
    background-color: #f1fcfd !important;
    border-radius: 4px;
}

/* Icons and Field Colors */
#order-standard_cart .field-icon i {
    color: #0197AF !important;
}

#order-standard_cart .prepend-icon .field-icon {
    color: #0197AF !important;
}







/* 🌿 Sub-heading clean look */
#order-standard_cart .sub-heading-borderless span {
    color: #0197AF !important;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* 🧩 Product cards */
#order-standard_cart .products .product {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

#order-standard_cart .products .product:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
    border-color: #0197AF;
}

/* 🏷️ Product Header */
#order-standard_cart .products .product header {
    background: linear-gradient(135deg, #0197AF 0%, #0e5077 100%);
    color: #fff;
    border-radius: 8px 8px 0 0;
    padding: 12px 20px;
}

#order-standard_cart .products .product header span {
    color: #fff !important;
    font-weight: 600;
}

#order-standard_cart .products .product header .qty {
    color: #FFD600;
}

/* 📦 Product Description */
#order-standard_cart .products .product div.product-desc {
    color: #444;
    line-height: 1.6;
    padding: 12px 18px;
}

 
#order-standard_cart .products .product header span {
    color: #0197AF !important;  /* Group A ka color */
    font-weight: 600;
}

 
 /* Hide Domains section from sidebar menu */
#Primary_Navbar-Domains,
#Primary_Navbar-Domain_Management,
#Primary_Sidebar-Domains,
#Primary_Sidebar-Domain_Management {
    display: none !important;
}

/* Hide Support and Tickets sections */
#Primary_Navbar-Support,
#Primary_Navbar-Open_Ticket,
#Primary_Navbar-Announcements,
#Primary_Sidebar-Support,
#Primary_Sidebar-Tickets {
    display: none !important;
}



 
/* Only target the user dropdown on the right side */
.navbar-right > li.dropdown > a {
    background-color: #FFD600 !important; /* main yellow */
    color: #000 !important;
    border-radius: 0px;
    transition: all 0.3s ease;
}

/* Hover and open state */
.navbar-right > li.dropdown > a:hover,
.navbar-right > li.dropdown.open > a {
    background-color: #E6C200 !important; /* slightly darker yellow */
    color: #000 !important;
}

/* Focus/active cleanup */
.navbar-right > li.dropdown > a:focus {
    background-color: #FFD600 !important;
    color: #000 !important;
    outline: none !important;
}

/* Optional caret color fix */
.navbar-right > li.dropdown > a .caret {
    border-top-color: #000 !important;
    border-bottom-color: #000 !important;
}