@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap');

/* ── FORCE OVERRIDE EVERYTHING ── */
*, *::before, *::after { box-sizing: border-box; }

body {
  background: #060d1a !important;
  background-image:
    radial-gradient(ellipse at top, #0d2137 0%, #060d1a 60%),
    url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c9a84c' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
  font-family: 'Crimson Text', Georgia, serif !important;
  color: #f5e6c8 !important;
  min-height: 100vh !important;
}

/* ══ NAVBAR ══ */
.navbar, #navbar, nav.navbar {
  background: linear-gradient(180deg, #8b0000 0%, #5a0000 100%) !important;
  border-bottom: 3px solid #c9a84c !important;
  box-shadow: 0 4px 25px rgba(139,0,0,0.8), 0 2px 0 #c9a84c !important;
  padding: 0 16px !important;
}

.navbar .item, .navbar a {
  color: #f5e6c8 !important;
  font-family: 'Cinzel', serif !important;
  font-size: 0.85rem !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}

.navbar .item:hover, .navbar a:hover {
  color: #f0c843 !important;
  background: rgba(201,168,76,0.15) !important;
  text-shadow: 0 0 10px rgba(240,200,67,0.5) !important;
}

/* ══ HERO SECTION ══ */
.home .hero, #main-container > .hero {
  background:
    linear-gradient(180deg, #060d1a 0%, #0d2137 50%, #1a3a5c 100%) !important;
  border-bottom: 3px solid #c9a84c !important;
  padding: 80px 20px 60px !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
}

.home .hero::before {
  content: '☠' !important;
  position: absolute !important;
  font-size: 500px !important;
  opacity: 0.025 !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  color: #c9a84c !important;
  pointer-events: none !important;
  line-height: 1 !important;
}

.home .hero::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, transparent, #c9a84c, #f0c843, #c9a84c, transparent) !important;
}

.home .hero h1 {
  font-family: 'Cinzel', serif !important;
  color: #f0c843 !important;
  font-size: 2.8rem !important;
  font-weight: 900 !important;
  letter-spacing: 4px !important;
  text-shadow:
    0 0 40px rgba(240,200,67,0.5),
    0 0 80px rgba(240,200,67,0.2),
    3px 3px 6px rgba(0,0,0,0.9) !important;
  margin-bottom: 16px !important;
  position: relative !important;
  z-index: 1 !important;
}

.home .hero p, .home .hero h2 {
  color: #d4b896 !important;
  font-family: 'Crimson Text', serif !important;
  font-style: italic !important;
  font-size: 1.4rem !important;
  position: relative !important;
  z-index: 1 !important;
}

/* ══ WANTED POSTER CARDS ══ */
.ui.card, .item.card, .repository.cards .card {
  background: linear-gradient(145deg, #0f1e2e 0%, #0a1628 100%) !important;
  border: 2px solid #c9a84c !important;
  border-radius: 3px !important;
  box-shadow:
    0 0 0 4px #0a1628,
    0 0 0 5px rgba(201,168,76,0.3),
    0 8px 30px rgba(0,0,0,0.7) !important;
  color: #f5e6c8 !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

.ui.card::before {
  content: '' !important;
  position: absolute !important;
  top: 6px !important; left: 6px !important;
  right: 6px !important; bottom: 6px !important;
  border: 1px solid rgba(201,168,76,0.2) !important;
  border-radius: 1px !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.ui.card:hover {
  border-color: #f0c843 !important;
  box-shadow:
    0 0 0 4px #0a1628,
    0 0 0 5px rgba(240,200,67,0.5),
    0 0 30px rgba(201,168,76,0.3),
    0 12px 40px rgba(0,0,0,0.8) !important;
  transform: translateY(-4px) !important;
}

/* ══ BUTTONS ══ */
.ui.button, button, .btn {
  background: linear-gradient(135deg, #6b0f0f 0%, #8b1a1a 50%, #6b0f0f 100%) !important;
  color: #f5e6c8 !important;
  border: 1px solid #c9a84c !important;
  font-family: 'Cinzel', serif !important;
  letter-spacing: 1.5px !important;
  font-size: 0.8rem !important;
  text-transform: uppercase !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.5), inset 0 1px 0 rgba(201,168,76,0.2) !important;
  transition: all 0.25s ease !important;
  border-radius: 3px !important;
}

.ui.button:hover, button:hover {
  background: linear-gradient(135deg, #8b1a1a 0%, #a52020 50%, #8b1a1a 100%) !important;
  box-shadow: 0 0 20px rgba(192,57,43,0.4), 0 4px 15px rgba(0,0,0,0.6) !important;
  color: #f0c843 !important;
  transform: translateY(-1px) !important;
}

.ui.primary.button, .ui.green.button {
  background: linear-gradient(135deg, #1a4a2a 0%, #1e6b35 100%) !important;
  border-color: #2ecc71 !important;
}

/* ══ INPUTS ══ */
input[type="text"], input[type="password"],
input[type="email"], input[type="search"],
textarea, select, .ui.input input {
  background: rgba(6,13,26,0.9) !important;
  border: 1px solid rgba(201,168,76,0.4) !important;
  color: #f5e6c8 !important;
  border-radius: 3px !important;
  font-family: 'Crimson Text', serif !important;
  font-size: 1.05rem !important;
  padding: 8px 12px !important;
  transition: border-color 0.2s ease !important;
}

input:focus, textarea:focus, select:focus {
  border-color: #c9a84c !important;
  box-shadow: 0 0 15px rgba(201,168,76,0.15), 0 0 0 2px rgba(201,168,76,0.1) !important;
  outline: none !important;
}

/* ══ SEGMENTS / PANELS ══ */
.ui.segment, .ui.segments, .ui.attached.segment {
  background: rgba(10,22,40,0.85) !important;
  border: 1px solid rgba(201,168,76,0.25) !important;
  color: #f5e6c8 !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important;
}

/* ══ MENU ══ */
.ui.menu, .ui.secondary.menu {
  background: rgba(10,22,40,0.95) !important;
  border: 1px solid rgba(201,168,76,0.25) !important;
  box-shadow: none !important;
}

.ui.menu .item { color: #d4b896 !important; font-family: 'Cinzel', serif !important; font-size: 0.8rem !important; letter-spacing: 1px !important; }
.ui.menu .active.item { background: rgba(201,168,76,0.15) !important; color: #f0c843 !important; border-color: #c9a84c !important; }
.ui.menu .item:hover { background: rgba(201,168,76,0.08) !important; color: #f0c843 !important; }

/* ══ TABLE ══ */
.ui.table {
  background: rgba(6,13,26,0.8) !important;
  border: 1px solid rgba(201,168,76,0.25) !important;
  color: #f5e6c8 !important;
}

.ui.table thead th {
  background: rgba(201,168,76,0.12) !important;
  color: #f0c843 !important;
  font-family: 'Cinzel', serif !important;
  letter-spacing: 1.5px !important;
  border-bottom: 2px solid #c9a84c !important;
  font-size: 0.8rem !important;
  text-transform: uppercase !important;
}

.ui.table tr { border-bottom: 1px solid rgba(201,168,76,0.08) !important; }
.ui.table tr:hover td { background: rgba(201,168,76,0.04) !important; }

/* ══ LINKS ══ */
a { color: #c9a84c !important; transition: all 0.2s !important; }
a:hover { color: #f0c843 !important; text-shadow: 0 0 8px rgba(240,200,67,0.3) !important; }

/* ══ CODE ══ */
pre, code, .code-view {
  background: #030810 !important;
  color: #7ec8a4 !important;
  border: 1px solid rgba(201,168,76,0.15) !important;
  font-family: 'JetBrains Mono', 'Fira Code', monospace !important;
}

/* ══ LABELS ══ */
.ui.label {
  background: rgba(201,168,76,0.12) !important;
  color: #f0c843 !important;
  border: 1px solid rgba(201,168,76,0.35) !important;
  font-family: 'Cinzel', serif !important;
  font-size: 0.75rem !important;
  letter-spacing: 1px !important;
}

/* ══ FOOTER ══ */
#footer, footer {
  background: linear-gradient(180deg, #060d1a, #030810) !important;
  border-top: 2px solid #c9a84c !important;
  color: #6b5a3e !important;
  font-family: 'Crimson Text', serif !important;
  font-style: italic !important;
  text-align: center !important;
  padding: 20px !important;
}

/* ══ DIVIDERS ══ */
.ui.divider { border-color: rgba(201,168,76,0.2) !important; }
.ui.horizontal.divider { color: #c9a84c !important; }

/* ══ SCROLLBAR ══ */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #060d1a; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #c9a84c, #8b0000); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #f0c843; }

/* ══ SELECTION ══ */
::selection { background: rgba(201,168,76,0.25) !important; color: #f0c843 !important; }

/* ══ SIGN IN PAGE ══ */
.page-content.signin {
  background: radial-gradient(ellipse at center, #0d2137 0%, #060d1a 70%) !important;
}

.signin .ui.card, .user.signin .ui.segment {
  background: linear-gradient(145deg, #0f1e2e, #0a1628) !important;
  border: 2px solid #c9a84c !important;
  box-shadow: 0 0 60px rgba(201,168,76,0.15), 0 20px 60px rgba(0,0,0,0.8) !important;
}