/*
Cyclone Hosting WHMCS Theme Package 1
Safe base styling for WHMCS Twenty-One / Standard Cart.
Add this AFTER WHMCS default styles.
*/

:root{
  --cy-bg:#061323;
  --cy-bg2:#081a30;
  --cy-panel:#102542;
  --cy-panel2:#0b1d34;
  --cy-primary:#18d3ff;
  --cy-blue:#247cff;
  --cy-yellow:#f7e900;
  --cy-white:#ffffff;
  --cy-text:#142033;
  --cy-muted:#4b647f;
  --cy-border:#d8e4f0;
}

/* Main WHMCS shell */
body{
  background:#f3f7fb !important;
  color:var(--cy-text) !important;
}

/* Header/nav */
.navbar-main,
section#header,
.header,
.main-header{
  background:linear-gradient(135deg,#061323,#0b1d34) !important;
  border-bottom:1px solid rgba(24,211,255,.25) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}

.navbar-main a,
.navbar-main .navbar-brand,
.navbar-main .navbar-nav>li>a,
#header a{
  color:#ffffff !important;
  font-weight:700;
}

.navbar-main a:hover,
.navbar-main .navbar-nav>li>a:hover,
#header a:hover{
  color:var(--cy-primary) !important;
}

#main-menu{
  background:linear-gradient(135deg,#0b1d34,#102542) !important;
}

/* Buttons */
.btn-primary,
button.btn-primary,
input.btn-primary{
  background:linear-gradient(135deg,var(--cy-primary),var(--cy-blue)) !important;
  color:#00111f !important;
  border:0 !important;
  border-radius:999px !important;
  font-weight:800 !important;
  box-shadow:0 0 14px rgba(24,211,255,.25);
}

.btn-primary:hover{
  filter:brightness(1.07);
}

/* General content readability */
.main-content,
section#main-body,
.container,
.container-fluid{
  color:var(--cy-text) !important;
}

.card,
.panel{
  border-radius:16px !important;
  border:1px solid var(--cy-border) !important;
  box-shadow:0 10px 30px rgba(3,19,36,.08);
}

.card-header,
.panel-heading{
  background:linear-gradient(135deg,#0b1d34,#102542) !important;
  color:#ffffff !important;
  border-radius:16px 16px 0 0 !important;
}

.card-header *,
.panel-heading *{
  color:#ffffff !important;
}

/* Standard cart readability - light content, dark category sidebar */
#order-standard_cart{
  color:#1f2937 !important;
}

#order-standard_cart p,
#order-standard_cart span,
#order-standard_cart div,
#order-standard_cart label,
#order-standard_cart li,
#order-standard_cart td,
#order-standard_cart th,
#order-standard_cart small,
#order-standard_cart .text-muted{
  color:#1f2937;
}

#order-standard_cart h1,
#order-standard_cart h2,
#order-standard_cart h3,
#order-standard_cart h4,
#order-standard_cart .product-title{
  color:#102542 !important;
  font-weight:800;
}

/* Left category menu */
#order-standard_cart .panel-sidebar,
#order-standard_cart .sidebar,
#order-standard_cart .categories-collapsed{
  background:#0b1d34 !important;
  color:#ffffff !important;
}

#order-standard_cart .panel-sidebar .panel-heading,
#order-standard_cart .sidebar .panel-heading{
  background:#061323 !important;
  color:#ffffff !important;
}

#order-standard_cart .panel-sidebar .list-group-item,
#order-standard_cart .sidebar .list-group-item{
  background:#102542 !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.12) !important;
}

#order-standard_cart .panel-sidebar .list-group-item a,
#order-standard_cart .sidebar .list-group-item a,
#order-standard_cart .categories-collapsed a{
  color:#ffffff !important;
}

#order-standard_cart .panel-sidebar .list-group-item.active,
#order-standard_cart .panel-sidebar .list-group-item:hover,
#order-standard_cart .sidebar .list-group-item.active,
#order-standard_cart .sidebar .list-group-item:hover{
  background:var(--cy-primary) !important;
  color:#00111f !important;
}

#order-standard_cart .panel-sidebar .list-group-item.active a,
#order-standard_cart .panel-sidebar .list-group-item:hover a,
#order-standard_cart .sidebar .list-group-item.active a,
#order-standard_cart .sidebar .list-group-item:hover a{
  color:#00111f !important;
}

/* Order summary */
#order-standard_cart .order-summary,
#order-standard_cart .summary-container,
#order-standard_cart .view-cart-items,
#order-standard_cart .view-cart-tabs,
#order-standard_cart .empty-cart{
  background:#ffffff !important;
  color:#1f2937 !important;
  border:1px solid #d8e4f0 !important;
  border-radius:16px !important;
}

#order-standard_cart .order-summary *,
#order-standard_cart .summary-container *,
#order-standard_cart .view-cart-items *,
#order-standard_cart .empty-cart *{
  color:#1f2937 !important;
}

#order-standard_cart .order-summary h2,
#order-standard_cart .summary-container h2,
#order-standard_cart .order-summary .total-due-today,
#order-standard_cart .summary-container .total-due-today{
  color:#102542 !important;
  font-weight:900 !important;
}

/* Addons / recommended / last chance cards */
#order-standard_cart .promo,
#order-standard_cart .recommendation,
#order-standard_cart .recommendations,
#order-standard_cart .addon-products,
#order-standard_cart .product-addon,
#order-standard_cart .marketconnect,
#order-standard_cart .mc-promo,
#order-standard_cart .promo-box,
#order-standard_cart .panel-addon{
  background:#ffffff !important;
  color:#1f2937 !important;
  border:1px solid #d8e4f0 !important;
  border-radius:14px !important;
}

#order-standard_cart .promo *,
#order-standard_cart .recommendation *,
#order-standard_cart .recommendations *,
#order-standard_cart .addon-products *,
#order-standard_cart .product-addon *,
#order-standard_cart .marketconnect *,
#order-standard_cart .mc-promo *,
#order-standard_cart .promo-box *,
#order-standard_cart .panel-addon *{
  color:#1f2937 !important;
}

#order-standard_cart .promo .btn,
#order-standard_cart .recommendation .btn,
#order-standard_cart .marketconnect .btn,
#order-standard_cart .btn-add-to-cart{
  color:#00111f !important;
  font-weight:800 !important;
}

/* Forms */
#order-standard_cart input,
#order-standard_cart select,
#order-standard_cart textarea,
.form-control{
  background:#ffffff !important;
  color:#111827 !important;
  border:1px solid #c8d5e2 !important;
}

/* Footer */
.footer,
.main-footer,
section#footer{
  background:#020814 !important;
  color:#b8d4ff !important;
  border-top:1px solid rgba(24,211,255,.25) !important;
}

.footer *,
.main-footer *,
section#footer *{
  color:#b8d4ff !important;
}