/* ==========================================================================
   RomCollect Theme for phpBB prosilver_dark
   Copie exacte du fond + couleurs du site romcollect.com
   ========================================================================== */

/* ── Variables palette RomCollect ── */
:root {
  --rc-bg:        #0b0f16;
  --rc-bg-1:      #0f1420;
  --rc-bg-2:      #141926;
  --rc-panel:     rgba(17, 22, 34, 0.82);
  --rc-border:    rgba(42, 49, 66, 0.9);
  --rc-border-s:  rgba(42, 49, 66, 0.5);
  --rc-text:      #e5e7eb;
  --rc-muted:     #9aa3b2;
  --rc-cyan:      #62d8ff;
  --rc-blue:      #2b8cff;
  --rc-green:     #22c55e;
}

/* ── Fond principal ── */
html, body {
  background: var(--rc-bg) !important;
  background-image:
    radial-gradient(ellipse 60% 40% at 15% 10%, rgba(34,197,94,0.07) 0%, transparent 60%),
    radial-gradient(ellipse 50% 35% at 85% 15%, rgba(14,165,233,0.09) 0%, transparent 55%),
    radial-gradient(ellipse 40% 30% at 75% 80%, rgba(99,102,241,0.06) 0%, transparent 50%) !important;
  background-attachment: fixed !important;
  color: var(--rc-muted) !important;
}

/* ── Orbes animés (copie exacte site) ── */
.rc-site-bg {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}
.rc-site-bg::before {
  content: '';
  position: absolute;
  width: 600px; height: 600px;
  left: -200px; top: -100px;
  background: radial-gradient(circle, rgba(34,197,94,0.06) 0%, transparent 70%);
  animation: rcDriftA 18s ease-in-out infinite alternate;
}
.rc-site-bg::after {
  content: '';
  position: absolute;
  width: 500px; height: 500px;
  right: -150px; top: 200px;
  background: radial-gradient(circle, rgba(14,165,233,0.07) 0%, transparent 70%);
  animation: rcDriftB 22s ease-in-out infinite alternate;
}
@keyframes rcDriftA { from { transform: translate(0,0); } to { transform: translate(40px,60px); } }
@keyframes rcDriftB { from { transform: translate(0,0); } to { transform: translate(-30px,40px); } }

/* ── Grille subtile ── */
.rc-noise {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
  background-size: 80px 80px;
  mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 40%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 40%, transparent 100%);
}

/* ── Wrapper principal ── */
#wrap { position: relative; z-index: 1; background: transparent !important; }

/* ── Header bar ── */
.headerbar {
  background: rgba(11,15,22,0.85) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--rc-border) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* ── Logo ── */
.rc-logo { display: flex; align-items: center; }
.site_logo { display: none; }
h1.logo { display: none; }
#site-description h1 { display: none; }

/* ── Navbar ── */
.navbar {
  background: rgba(15,20,32,0.7) !important;
  border-bottom: 1px solid var(--rc-border-s) !important;
  backdrop-filter: blur(8px);
}
.navbar a, .nav-links a { color: var(--rc-muted) !important; }
.navbar a:hover, .nav-links a:hover { color: var(--rc-cyan) !important; }

/* ── Forum category headers (forabg) ── */
.forabg {
  background: rgba(17,22,34,0.7) !important;
  background-image: none !important;
  border: 1px solid var(--rc-border) !important;
  border-radius: 6px !important;
}
.forabg .header {
  background: linear-gradient(135deg, rgba(34,197,94,0.12) 0%, rgba(14,165,233,0.1) 100%) !important;
  border-bottom: 1px solid var(--rc-border) !important;
}
.forabg .header a { color: var(--rc-text) !important; }
.forabg .header a:hover { color: var(--rc-cyan) !important; }

/* ── Forum rows (forumbg) ── */
.forumbg {
  background: rgba(15,20,30,0.6) !important;
  background-image: none !important;
  border: 1px solid var(--rc-border-s) !important;
  border-radius: 6px !important;
}
.forumbg .header {
  background: linear-gradient(135deg, rgba(14,165,233,0.1) 0%, rgba(43,140,255,0.08) 100%) !important;
  border-bottom: 1px solid var(--rc-border) !important;
}
.forumbg .header a { color: var(--rc-text) !important; }

/* ── Rows ── */
li.row {
  background: rgba(17,22,34,0.5) !important;
  border-color: var(--rc-border-s) !important;
}
li.row:hover {
  background: rgba(34,197,94,0.04) !important;
}

/* ── bg1/bg2/bg3 panels ── */
.bg1, .bg2, .bg3 {
  background: rgba(17,22,34,0.6) !important;
}

/* ── Panel ── */
.panel, .wrap .panel {
  background: rgba(17,22,34,0.7) !important;
  border: 1px solid var(--rc-border-s) !important;
  border-radius: 6px !important;
  color: var(--rc-muted) !important;
}

/* ── Links ── */
a { color: var(--rc-cyan) !important; }
a:hover { color: var(--rc-blue) !important; }
.forumbg .header a, .forabg .header a, th a { color: var(--rc-text) !important; }

/* ── Textes ── */
body, .panel, li.row, .postbody, .content {
  color: var(--rc-muted) !important;
}
h1, h2, h3 { color: var(--rc-text) !important; }
.postbody .content { color: var(--rc-text) !important; }

/* ── Inputs / Forms ── */
.inputbox, textarea, select {
  background: rgba(11,15,22,0.9) !important;
  border: 1px solid var(--rc-border) !important;
  color: var(--rc-text) !important;
  border-radius: 4px !important;
}
.inputbox:focus, textarea:focus {
  border-color: var(--rc-cyan) !important;
  outline: none !important;
}

/* ── Boutons ── */
.button, a.button1, input.button1, a.button2, input.button2, input.button3 {
  background: rgba(27,33,48,0.9) !important;
  border: 1px solid var(--rc-border) !important;
  color: var(--rc-text) !important;
  border-radius: 0 !important;
  transition: all 0.3s ease !important;
}
.button:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover {
  background: rgba(98,216,255,0.12) !important;
  border-color: var(--rc-cyan) !important;
  color: var(--rc-cyan) !important;
}

/* ── Pagination ── */
.pagination li a {
  background: rgba(17,22,34,0.7) !important;
  border-color: var(--rc-border) !important;
  color: var(--rc-muted) !important;
}
.pagination li a:hover {
  background: rgba(98,216,255,0.12) !important;
  border-color: var(--rc-cyan) !important;
  color: var(--rc-cyan) !important;
}
.pagination li.active span {
  background: var(--rc-cyan) !important;
  border-color: var(--rc-cyan) !important;
  color: #0b0f16 !important;
}

/* ── Blockquote / Code ── */
blockquote {
  background: rgba(17,22,34,0.8) !important;
  border-color: var(--rc-border) !important;
}
.codebox {
  background: rgba(11,15,22,0.95) !important;
  border-color: var(--rc-border) !important;
}
.codebox code { color: var(--rc-cyan) !important; }

/* ── Footer ── */
#page-footer {
  background: rgba(11,15,22,0.85) !important;
  border-top: 1px solid var(--rc-border) !important;
  color: var(--rc-muted) !important;
}
.copyright { color: var(--rc-muted) !important; }

/* ── Dropdowns ── */
.dropdown .dropdown-contents {
  background: rgba(17,22,34,0.96) !important;
  border-color: var(--rc-border) !important;
  backdrop-filter: blur(12px);
}
.dropdown li, .dropdown li li {
  border-color: var(--rc-border-s) !important;
}
.dropdown-extended ul li:hover {
  background: rgba(98,216,255,0.08) !important;
  color: var(--rc-cyan) !important;
}

/* ── Badge notifications ── */
.badge {
  background: var(--rc-green) !important;
  color: #0b0f16 !important;
}

/* ── Tabs ── */
.tabs .tab > a {
  background: rgba(17,22,34,0.5) !important;
  color: var(--rc-muted) !important;
}
.tabs .activetab > a, .tabs .activetab > a:hover {
  background: rgba(98,216,255,0.1) !important;
  color: var(--rc-cyan) !important;
  border-color: var(--rc-cyan) !important;
}

/* ── Unread icon pulse color → cyan ── */
.global_unread:before, .global_unread_mine:before, .global_unread_locked:before,
.global_unread_locked_mine:before, .announce_unread:before, .announce_unread_mine:before,
.announce_unread_locked:before, .announce_unread_locked_mine:before,
.forum_unread:before, .forum_unread_locked:before, .forum_unread_subforum:before,
.sticky_unread:before, .sticky_unread_mine:before, .sticky_unread_locked:before,
.sticky_unread_locked_mine:before, .pm_unread:before,
.topic_unread:before, .topic_unread_mine:before, .topic_unread_hot:before,
.topic_unread_hot_mine:before, .topic_unread_locked:before, .topic_unread_locked_mine:before {
  color: var(--rc-cyan) !important;
}