/* IBrandBiz WHMCS Theme — custom.css */

/* Brand Palette */
:root{
  --ibb-green:#00CB51;
  --ibb-orange:#FF8B00;
  --ibb-dark-green:#30342d;
  --ibb-dark-gray:#231f20;
  --ibb-blue:#274b9b;
  --ibb-olive:#978752;
  --ibb-light:#6dc282;
  --ibb-white:#ffffff;

  --ibb-body-bg:#0f0f10; /* darker footer alt */
}

/* Header & Navbar */
.site-header { background: var(--ibb-dark-gray); }
.ibb-navbar { background: var(--ibb-dark-gray); }
.ibb-navbar .nav-link,
.ibb-navbar .dropdown-menu a { color: var(--ibb-white); }
.ibb-navbar .nav-link:hover { opacity: .9; }

/* Buttons & Links */
.btn-primary,
.badge-primary,
.panel-sidebar .list-group-item.active,
a,
.link-color {
  background: var(--ibb-green) !important;
  border-color: var(--ibb-green) !important;
  color: #fff !important;
}
.btn-primary:hover { filter: brightness(0.92); }
.btn-outline-light { border-color: rgba(255,255,255,.4); color: #fff; }
.btn-outline-light:hover { background: rgba(255,255,255,.1); }

/* Form inputs */
input.form-control, select.form-select, textarea.form-control {
  border-radius: 10px;
}

/* Panels & Cards */
.panel, .panel-default,
.order-summary, .product,
.card { border-radius: 14px; }

/* Tables */
.table>thead>tr>th { background: #f7f8fa; }

/* Footer */
.site-footer { background: var(--ibb-body-bg); color: #d0d0d0; }
.site-footer a { color: #bdbdbd; }
.site-footer a:hover { color: #fff; }

/* ---- Order Form (Premium Comparison / Boxes) tweaks ---- */

/* Plan cards */
.product .panel-heading, .product .card-header {
  background: var(--ibb-dark-green);
  color: #fff;
}
.product .price, .product .pricing { font-weight: 700; }

/* Primary CTAs on plans */
.product .btn, .product .btn-order {
  border-radius: 10px;
}

/* Domain search bar */
#frmDomainChecker .form-control {
  border-radius: 12px;
}
#frmDomainChecker .btn {
  border-radius: 12px;
}

/* Alerts spacing */
.alert { border-radius: 10px; }

/* Client area mini-fixes */
#main-body { min-height: 60vh; }

/* ---- PREMIUM COMPARISON — IBrandBiz polish ---- */

/* Section spacing */
.order-summary, .products { margin-top: 8px; }

/* Plan cards */
.products .product { 
  border-radius: 16px; 
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  border: 1px solid rgba(0,0,0,.06);
  overflow: hidden;
}
.products .product .product-header,
.products .product .card-header {
  background: var(--ibb-dark-green);
  color: #fff;
  padding: 18px 20px;
}
.products .product .product-title { 
  font-weight: 700; 
  letter-spacing: .2px;
}

/* Price area */
.products .product .price {
  display: block;
  font-size: 32px;
  font-weight: 800;
  margin: 12px 0 2px;
  color: var(--ibb-green);
}
.products .product .price .price-cycle { 
  font-size: 12px; 
  font-weight: 600; 
  color: #8acfa5; 
}

/* Feature list */
.products .product .product-features {
  padding: 14px 20px;
}
.products .product .product-features li {
  padding: 6px 0;
  border-bottom: 1px dashed rgba(0,0,0,.08);
}
.products .product .product-features li:last-child { border-bottom: 0; }

/* CTA buttons */
.products .product .btn,
.products .product .btn-order {
  background: var(--ibb-green) !important;
  border-color: var(--ibb-green) !important;
  color: #fff !important;
  border-radius: 12px;
  padding: 10px 14px;
  font-weight: 700;
}
.products .product .btn:hover { filter: brightness(.93); }

/* "Recommended" badge */
.products .product.featured .product-header,
.products .product.recommended .product-header {
  background: linear-gradient(135deg, var(--ibb-green), #28d86f);
}
.products .product.featured::after,
.products .product.recommended::after {
  content: "Recommended";
  position: absolute; top: 12px; right: -36px;
  background: var(--ibb-orange); color: #fff;
  transform: rotate(35deg);
  padding: 4px 48px; font-weight: 800; font-size: 11px;
  box-shadow: 0 6px 12px rgba(0,0,0,.12);
}

/* Domain search bar (top of page) */
#frmDomainChecker .form-control { border-radius: 12px; height: 46px; }
#frmDomainChecker .btn { border-radius: 12px; height: 46px; }

/* Cart sidebar polish */
#orderSummary { 
  border-radius: 14px; 
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 6px 18px rgba(0,0,0,.05);
}
#orderSummary .panel-heading { 
  background: var(--ibb-dark-green); 
  color: #fff; 
  border-radius: 14px 14px 0 0;
}

/* ---- BOXES — quick fallback ---- */
.products .product { 
  border-radius: 16px; 
  border: 1px solid rgba(0,0,0,.06); 
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}
.products .product .btn { 
  background: var(--ibb-green)!important; 
  border-color: var(--ibb-green)!important; 
  color:#fff!important; 
  border-radius:12px; 
}
