/* ============================================
   SUDAN JERSEY THEMES - Al-Hilal Omdurman
   ============================================ */

/* Jersey White (Home Kit Skin) */
.theme-jersey-white {
  --jersey-blue: #0046be;
  --jersey-white: #ffffff;
}

.theme-jersey-white .app-bg-pattern {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: 
    url('/assets/hilal-tribal-pattern.svg'),
    url('/assets/hilal-khartoum-skyline.svg');
  background-repeat: repeat, no-repeat;
  background-position: top center, bottom center;
  background-size: 400px, 100%;
  opacity: 0.06;
}

/* Blue Header bar - like jersey collar */
.theme-jersey-white header,
.theme-jersey-white [class*="Hilalabi"][class*="header"],
.theme-jersey-white > div > div:first-child {
  background: linear-gradient(135deg, #0046be, #003399) !important;
  color: white !important;
}

/* Blue Bottom Nav - like jersey trim */
.theme-jersey-white nav,
.theme-jersey-white [class*="bottom-nav"],
.theme-jersey-white > div > nav {
  background: linear-gradient(135deg, #0046be, #003399) !important;
  border-top: 2px solid rgba(255,255,255,0.2) !important;
}

.theme-jersey-white nav button,
.theme-jersey-white nav a {
  color: rgba(255,255,255,0.6) !important;
}

.theme-jersey-white nav .active,
.theme-jersey-white nav [class*="text-blue"] {
  color: white !important;
}

/* Crisp white cards like jersey fabric */
.theme-jersey-white [class*="rounded-[2.5rem]"],
.theme-jersey-white [class*="rounded-2xl"],
.theme-jersey-white [class*="rounded-xl"] {
  background: rgba(255,255,255,0.95) !important;
  border: 1.5px solid rgba(0,70,190,0.08) !important;
  box-shadow: 0 8px 25px -5px rgba(0,70,190,0.08) !important;
}

/* Blue accent buttons */
.theme-jersey-white [class*="bg-blue-600"],
.theme-jersey-white [class*="bg-blue-500"] {
  background: linear-gradient(135deg, #0046be, #003399) !important;
}

/* Green LIVE button (Sudan flag green) */
.theme-jersey-white [class*="bg-gradient-to-r"][class*="from-green"] {
  background: linear-gradient(135deg, #2d9e4a, #1b7a35) !important;
}

/* Jersey collar trim on header */
.theme-jersey-white::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: url('/assets/hilal-collar-trim.svg') repeat-x;
  background-size: auto 3px;
  z-index: 9999;
  opacity: 0.4;
}

/* ---- Jersey Dark (Away Kit Skin) ---- */
.theme-jersey-dark {
  --jersey-blue: #4488ff;
  --jersey-dark: #050a14;
}

.theme-jersey-dark .app-bg-pattern {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: 
    url('/assets/hilal-tribal-pattern.svg'),
    url('/assets/hilal-khartoum-skyline.svg');
  background-repeat: repeat, no-repeat;
  background-position: top center, bottom center;
  background-size: 400px, 100%;
  opacity: 0.05;
}

/* Dark cards with blue tint */
.theme-jersey-dark [class*="rounded-[2.5rem]"],
.theme-jersey-dark [class*="rounded-2xl"],
.theme-jersey-dark [class*="rounded-xl"] {
  background: rgba(5,10,20,0.9) !important;
  border: 1px solid rgba(68,136,255,0.1) !important;
  box-shadow: 0 8px 25px -5px rgba(0,0,0,0.3) !important;
  backdrop-filter: blur(10px);
}

/* Blue nav bars */
.theme-jersey-dark nav {
  background: linear-gradient(135deg, #0a1628, #0d2040) !important;
  border-top: 1px solid rgba(68,136,255,0.15) !important;
}

/* Collar trim */
.theme-jersey-dark::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: url('/assets/hilal-collar-trim.svg') repeat-x;
  background-size: auto 3px;
  z-index: 9999;
  opacity: 0.2;
}