/* ============================================
   PLATINUM DATA CENTERS — Custom Portal CSS
   ============================================ */

/* --- Load Inter font from Google Fonts --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* --- Apply Inter globally --- */
body, .sidebar, .navbar, .nav, .card, .table, input, select, textarea, button {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* --- Headings: PDC Navy --- */
h1, h2, h3, h4, h5, h6,
.page-title, .card-title, .panel-title, .article h2 {
  color: #1D3557 !important;
  font-weight: 600;
}

/* --- Top navbar: PDC Navy gradient --- */
#headpart, #headpart .container-fluid,
.navbar, .navbar-inner, #mainpart {
  background: linear-gradient(135deg, #1D3557 0%, #0D5A8E 100%) !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

/* --- Nav tabs: PDC Blue active state --- */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: #1B75BB !important;
  border-color: #1B75BB !important;
  color: #FFFFFF !important;
}

.nav-tabs > li > a:hover {
  background-color: rgba(27, 117, 187, 0.1);
  color: #1B75BB;
}

/* --- Primary buttons --- */
.btn-primary, .btn-success {
  background-color: #1B75BB !important;
  background-image: none !important;
  border-color: #1B75BB !important;
  border-radius: 5px;
  font-weight: 500;
  transition: all 0.2s ease;
}

.btn-primary:hover, .btn-success:hover {
  background-color: #0D5A8E !important;
  border-color: #0D5A8E !important;
}

/* --- Links --- */
a { color: #1B75BB; }
a:hover { color: #0D5A8E; }

/* --- Table headers --- */
.table thead th {
  background-color: #F4F6F9;
  color: #1D3557;
  font-weight: 600;
  font-size: 0.85em;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  border-bottom: 2px solid #1B75BB !important;
}

.table tbody tr:hover {
  background-color: #F0F7FF;
}

/* --- Cards / panels / sections --- */
.bordered-section, .box, .well {
  border: 1px solid #E0E8F0;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

/* --- Status badges --- */
.badge, .label {
  border-radius: 10px;
  font-weight: 500;
  font-size: 0.8em;
  padding: 3px 9px;
}

.label-success, .badge-success { background-color: #28a745 !important; }
.label-danger,  .badge-danger  { background-color: #dc3545 !important; }
.label-warning, .badge-warning { background-color: #ffc107 !important; color: #333 !important; }
.label-info,    .badge-info    { background-color: #29ABE2 !important; }

/* --- Form inputs --- */
input[type="text"], input[type="email"], input[type="password"],
input[type="number"], select, textarea {
  border: 1px solid #CDD5E0;
  border-radius: 5px;
  transition: border-color 0.2s ease;
}

input:focus, select:focus, textarea:focus {
  border-color: #1B75BB !important;
  box-shadow: 0 0 0 2px rgba(27, 117, 187, 0.12) !important;
  outline: none;
}

/* --- Sidebar left nav active item --- */
.nav-list > li.active > a,
.nav-list > .active > a,
.nav-list > .active > a:hover {
  background-color: rgba(27, 117, 187, 0.12) !important;
  border-left: 3px solid #1B75BB;
  color: #1B75BB !important;
  font-weight: 600;
}

/* --- Hide irrelevant footer links --- */
footer a[href*="cart"],
footer a[href*="affiliates"],
.footer-credit, .powered-by {
  display: none !important;
}

/* Update footer text color */
footer { color: #5A5A5A; font-size: 0.85em; }

/* --- Hide Order/Cart menu item and affiliates --- */
.nav-tabs li a[href*="cart/"],
.nav-tabs li.dropdown a[href*="cart/"] {
  display: none !important;
}

/* --- Login page --- */
#loginbox {
  border: 1px solid #E0E8F0;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* --- NOC contact bar — bottom fixed --- */
#pdc-noc-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: linear-gradient(135deg, #1D3557 0%, #0D5A8E 100%);
  color: #FFFFFF;
  text-align: center;
  padding: 8px 15px;
  font-size: 12.5px;
  font-family: 'Inter', sans-serif;
  box-shadow: 0 -2px 6px rgba(0,0,0,0.15);
}

#pdc-noc-bar a {
  color: #29ABE2;
  text-decoration: none;
}

#pdc-noc-bar a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

body { padding-bottom: 50px; }

/* --- Ticket priority indicators --- */
tr[class*="critical"], tr[class*="high"] {
  border-left: 4px solid #dc3545 !important;
}
tr[class*="medium"] {
  border-left: 4px solid #ffc107 !important;
}
tr[class*="low"] {
  border-left: 4px solid #28a745 !important;
}

/* --- Breadcrumb --- */
.breadcrumb { background: transparent; padding-left: 0; }
.breadcrumb li.active { color: #1B75BB; }

/* --- Page heading area --- */
.page-header { border-bottom: 2px solid #1B75BB; padding-bottom: 8px; }

/* --- Hide Cart button and Order link on pre-login page --- */
.btn-group .btn:first-child,
a[href*='/cart/'],
li a[href*='cart/'],
.navbar a[href*='cart'] {
  display: none !important;
}

/* --- Hide Create Account link (invite-only) --- */
a[href*='signup'],
a[href*='register'],
.signup-link {
  display: none !important;
}

/* --- Hide Cart button top right (non-logged in) --- */
.btn-group:has(a[href*='cart']),
.headersection .btn-group:first-child {
  display: none !important;
}

/* --- Hide Place New Order widget on home page --- */
.feature:has(a[href*='cart']),
div:has(> a[href*='cart/']) {
  display: none !important;
}


/* --- Hide Add Funds from left sidebar nav and any page --- */
.nav li a[href*='addfunds'],
li:has(> a[href*='addfunds']) {
  display: none !important;
}

/* --- Hide Add Funds everywhere --- */
a[href*='addfunds'],
li:has(a[href*='addfunds']) {
  display: none !important;
}