/* ============================================
   Tag Systems WHMCS Theme Colors
   Blue  #312783
   Cyan  #79c6c0
   Red   #eb5e5c
   ============================================ */

:root {
    --ts-blue: #312783;
    --ts-cyan: #79c6c0;
    --ts-red:  #eb5e5c;
    --ts-white: #ffffff;

    --ts-text:        #222222;
    --ts-text-muted:  #444444;
    --ts-border:      #d8d8e0;
    --ts-bg-light:    #f5f5f8;
    --ts-bg-muted:    #eef2f7;
}

/* ================================
   TAG SYSTEMS – GLOBAL
   ================================ */

body {
    color: var(--ts-text);
    background-color: #ffffff;
}

/* Links */
a,
a:visited {
    color: var(--ts-blue);
}
a:hover,
a:focus {
    color: var(--ts-cyan);
}

div.header-lined h1 {
    color: var(--ts-blue);
}

section#header {
    padding: 20px 0;
}

/* Top navigation */
ul.top-nav>li.primary-action>a.btn {
    background-color: var(--ts-blue);
}
.navbar-main {
    background-color: var(--ts-blue) !important;
}
.navbar-main .navbar-nav > li > a,
.navbar-main .navbar-brand {
    color: #ffffff !important;
}
.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li.active > a, 
.nav .open>a, .nav .open>a:focus {
    background-color: rgba(0,0,0,.15) !important;
}

/* Secondary nav */
.navbar-secondary {
    background-color: var(--ts-blue) !important;
}
.navbar-secondary .navbar-nav > li > a {
    color: #ffffff !important;
}
.navbar-secondary .navbar-nav > li > a:hover,
.navbar-secondary .navbar-nav > li.active > a {
    background-color: rgba(0,0,0,.1) !important;
}

/* Buttons */
.btn-primary,
.button-primary {
    background-color: var(--ts-blue) !important;
    border-color: var(--ts-white) !important;
}
.btn-primary:hover,
.button-primary:hover {
    background-color: var(--ts-cyan) !important;
    border-color: var(--ts-cyan) !important;
}

.btn-default {
    border-color: var(--ts-border);
    color: var(--ts-text);
}
.btn-default:hover {
    background-color: var(--ts-bg-light);
}

/* Danger / delete actions */
.btn-danger,
.button-danger {
    background-color: var(--ts-red) !important;
    border-color: var(--ts-red) !important;
}

/* Panels & tables */
.panel-default > .panel-heading {
    background-color: var(--ts-blue);
    color: #ffffff;
}
.table thead th {
    background-color: var(--ts-blue);
    color: #ffffff;
    border-color: var(--ts-border);
}

/* Alerts */
.alert-info {
    background-color: var(--ts-cyan);
    border-color: var(--ts-cyan);
    color: #ffffff;
}
.alert-danger {
    background-color: var(--ts-red);
    border-color: var(--ts-red);
    color: #ffffff;
}

/* Forms */
.form-control:focus {
    border-color: var(--ts-cyan);
    box-shadow: 0 0 0 2px rgba(121, 198, 192, 0.35);
}

/* Hero / domain search section on home */
section#home-banner {
    background-color: var(--ts-cyan) !important;
}
section#home-banner .btn.search {
    background-color: var(--ts-blue) !important;
}
.hero,
.home-domain-search {
    background-color: var(--ts-blue) !important;
}
.home-domain-search .btn-primary {
    background-color: var(--ts-red) !important;
    border-color: var(--ts-red) !important;
}

/* Shortcut icons bar */
.home-shortcuts {
    background-color: var(--ts-blue);
}
.home-shortcuts i,
.home-shortcuts .item-title {
    color: #ffffff;
}

/* Footer */
#footer {
    background-color: var(--ts-blue);
    color: #ffffff;
}
#footer a {
    color: #ffffff;
}
#footer a:hover {
    color: var(--ts-cyan);
}

/* ================================
   ORDER FORMS – STANDARD CART
   Path: templates/orderforms/standard_cart
   ================================ */

/* Steps bar */
.order-steps {
    background-color: var(--ts-bg-muted);
    border-bottom: 1px solid var(--ts-border);
}
.order-steps .step {
    color: var(--ts-text-muted);
}
.order-steps .step.active {
    color: var(--ts-blue);
    border-bottom: 3px solid var(--ts-blue);
}

/* Summary box */
.view-cart-tabs {
    border-bottom: 2px solid var(--ts-blue);
}
#order-standard_cart .summary-container .panel-heading {
    background-color: var(--ts-blue);
    color: #ffffff;
}
#order-standard_cart .summary-container .btn-checkout {
    background-color: var(--ts-red);
    border-color: var(--ts-red);
}
#order-standard_cart .summary-container .btn-checkout:hover {
    background-color: #c94c4a;
}

/* Product boxes */
#order-standard_cart .products .product {
    border: 1px solid var(--ts-border);
}
#order-standard_cart .products .product.active,
#order-standard_cart .products .product:hover {
    border-color: var(--ts-blue);
    box-shadow: 0 0 0 1px var(--ts-blue);
}
#order-standard_cart .product-price {
    color: var(--ts-blue);
}

/* ================================
   ORDER FORMS – PREMIUM COMPARISON
   Path: templates/orderforms/premium_comparison
   ================================ */

.order-premiumcomparison .price {
    color: var(--ts-blue);
}
.order-premiumcomparison .panel-heading {
    background-color: var(--ts-blue);
    color: #ffffff;
}
.order-premiumcomparison .featured .panel-heading {
    background-color: var(--ts-cyan);
}
.order-premiumcomparison .btn-order {
    background-color: var(--ts-red);
    border-color: var(--ts-red);
}
.order-premiumcomparison .btn-order:hover {
    background-color: #c94c4a;
}