/* 1. MUST BE AT THE VERY TOP: Import the sports font from Google */
@import url('https://googleapis.com');

/* Official Carolina Hurricanes Theme Palette */
:root {
  --cassiopeia-color-primary: #111111; 
  --cassiopeia-color-hover: #cc0000;   
  --cassiopeia-color-link: #cc0000;    
  --canes-silver: #a2aaad;             
}

/* Page Background Setup */
body {
  background-color: #1a1a1a; 
  color: #f5f5f5;            
}

/* Style the Prediction and Leaderboard Cards */
.card, .fantasy-pick-container, .fantasy-leaderboard {
  background-color: #222222 !important; 
  border: 1px solid var(--canes-silver) !important; 
  color: #ffffff !important;
}

/* Target Header elements inside your customized widgets */
.card-title, h3, h4 {
  color: #ffffff !important;
  border-bottom-color: #cc0000 !important; 
}

/* Style dropdown menus and inputs for a uniform look */
.form-control, .form-select {
  background-color: #333333 !important;
  color: #ffffff !important;
  border: 1px solid var(--canes-silver) !important;
}

.form-control:focus, .form-select:focus {
  border-color: #cc0000 !important;
  box-shadow: 0 0 0 0.2rem rgba(204, 0, 0, 0.25) !important;
}

/* Force buttons to use Hurricanes Warning Red */
.btn-primary {
  background-color: #cc0000 !important;
  border-color: #cc0000 !important;
  color: #ffffff !important;
}

.btn-primary:hover {
  background-color: #990000 !important; 
  border-color: #990000 !important;
}

/* Format tables inside the Leaderboard widget */
.table {
  color: #ffffff !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #2a2a2a !important; 
}

.table-hover tbody tr:hover {
  background-color: #333333 !important; 
}

.text-success {
  color: #cc0000 !important; 
}

/* --- Center & Enlarge Hurricanes Logo and Brand Header --- */
.header-brand {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 auto !important;
  float: none !important;
}

.navbar-brand {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important; 
  justify-content: center !important;
  text-align: center !important;
  margin: 0 auto !important;
}

.navbar-brand img {
  max-height: 220px !important; 
  width: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 12px; 
  filter: drop-shadow(0px 4px 8px rgba(0,0,0,0.7)); 
}

/* --- BULLETPROOF MASSIVE ARENA TITLE OVERRIDE --- */
/* Targets every single class name Joomla could possibly use to render your text link */
.site-title, 
.site-description, 
.site-title.tagline, 
.navbar-brand span, 
.header-brand span,
.navbar-brand .site-title {
  font-family: 'Teko', sans-serif !important; 
  font-size: 5.5rem !important;  
  font-weight: 900 !important;    
  line-height: 0.95 !important;   
  letter-spacing: 2px !important;
  text-transform: uppercase !important; 
  
  /* Metallic Chrome/Silver Gradient Lettering */
  background: linear-gradient(180deg, #ffffff 0%, #e1e4e6 45%, #a2aaad 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
  
  /* Hurricanes Red Neon Glow + Deep Drop Shadow Backdrop */
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.9)) !important;
  text-shadow: 0 0 10px rgba(204, 0, 0, 0.6),   
               0 0 20px rgba(204, 0, 0, 0.4),   
               3px 3px 0px rgba(0, 0, 0, 0.9) !important;
               
  display: block !important;
  margin: 0 auto !important;
  padding-bottom: 5px;
}

/* Combined Mobile Responsiveness Override */
@media (max-width: 768px) {
  .navbar-brand img {
    max-height: 140px !important; 
  }
  .site-title, .site-description, .site-title.tagline, .navbar-brand span, .header-brand span {
    font-size: 3.2rem !important; 
  }
}
/* --- High-Contrast System Alert Text Fix --- */
.alert, .alert-info, .alert-success, .alert-danger, .alert-warning, #system-message-container .alert {
  background-color: #222222 !important; /* Forces background to matching dark matte charcoal */
  border: 1px solid #cc0000 !important;   /* Clean accent Hurricanes Red border outline */
  color: #ffffff !important;            /* High visibility bright white text */
}

/* Ensure sub-headings or link anchor tags inside system alerts stay visible */
.alert a, .alert th, .alert strong {
  color: #cc0000 !important; /* Highlights action links in signature Canes Red */
  text-decoration: underline;
}
/* --- Force System Messages (Logout Alert) to Use Deep Backgrounds --- */
#system-message-container {
  display: block !important;
  margin-top: 15px !important;
}

#system-message-container .alert,
#system-message-container .alert-info,
#system-message-container .alert-wrapper {
  background-color: #222222 !important; /* Forces dark matte background container */
  border: 2px solid #cc0000 !important;   /* Vibrant Hurricanes Red accent line */
  color: #ffffff !important;            /* High visibility crisp white font */
  padding: 15px !important;
  border-radius: 6px !important;
}

/* Force paragraph summaries or internal message elements to render white */
#system-message-container .alert-message,
#system-message-container p,
#system-message-container div {
  color: #ffffff !important;
  font-weight: bold !important;
}
/* --- Force Closed Selection Box to Use Dark Fields --- */

/* This targets the exact form elements and forces a dark gray background and white text when closed */
select.form-select, 
select.form-control,
.form-select,
.form-control,
.fantasy-pick-container select {
  background-color: #222222 !important; /* Forces the box to turn matte dark gray */
  color: #ffffff !important;            /* Forces the active selected text to be crisp white */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://w3.org' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important; /* Forces a white dropdown arrow icon */
  background-repeat: no-repeat !important;
  background-position: right 0.75rem center !important;
  background-size: 16px 12px !important;
  border: 1px solid #a2aaad !important; /* Silver border accent */
}

/* Ensure the text remains white when clicking or actively focusing on the input field */
select.form-select:focus,
select.form-control:focus {
  background-color: #111111 !important; /* Turns pitch black on active click */
  color: #ffffff !important;
  border-color: #cc0000 !important;     /* Neon red border accent ring on click */
}
/* ==========================================================================
   BULLETPROOF JOOMLA 6 USER PROFILE VIEW CLEANUP OVERRIDE
   ========================================================================== */

/* 1. Hide every single description block card layout area globally inside the view profile view wrapper */
.com-users-profile__body div,
#member-profile div,
#member-profile fieldset {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 2. EXPLICIT EXCEPTION HOOK: Force ONLY the Passkey component layout blocks to remain visible */
.com-users-profile__body div.com-users-profile__passwordless,
.com-users-profile__body div[class*="passwordless"],
.com-users-profile__body div[class*="webauthn"],
#member-profile div.com-users-profile__passwordless,
#member-profile div[class*="passwordless"],
#member-profile div[class*="webauthn"] {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  padding: 15px !important;
  background-color: #222222 !important; /* Themed dark matching card background container */
  border: 1px solid #a2aaad !important;   /* Silver accent border outline */
  border-radius: 8px !important;
}

/* 3. Re-expose text coloring rules inside the isolated Passkey card layout container */
.com-users-profile__passwordless h3,
#member-profile .com-users-profile__passwordless h3 {
  display: block !important;
  visibility: visible !important;
  color: #ffffff !important;
  font-weight: bold !important;
  border-bottom: 2px solid #cc0000 !important; /* Custom Hurricanes warning red underlines */
  padding-bottom: 6px !important;
  margin-bottom: 15px !important;
  text-transform: uppercase !important;
}

.com-users-profile__passwordless dl,
#member-profile .com-users-profile__passwordless dl,
.com-users-profile__passwordless dt,
.com-users-profile__passwordless dd {
  display: block !important;
  visibility: visible !important;
  color: #ffffff !important;
}