/* ==================================================
   GameEdit.Net – pmwiki-responsive site-wide theme
   Links: orange (#ff9900) | Hover: red (#ff3333)
   Background: dark blue/gray gradient (NOT too dark)
   Main content panel: forced dark (fixes white panel)
   Selection highlight: readable
   ================================================== */

:root{
  --ge-link:#ff9900;
  --ge-hover:#ff3333;

  --ge-border:rgba(255,255,255,.14);

  /* Panel surfaces */
  --ge-surface: rgba(0,0,0,.38);
  --ge-surface2: rgba(0,0,0,.26);

  /* Text */
  --ge-text: rgba(255,255,255,.92);
  --ge-dim: rgba(255,255,255,.72);
}

/* ==================================================
   GLOBAL BACKGROUND (slightly lighter than before)
   ================================================== */
html, body{
  color: var(--ge-text) !important;

  background-color: #060812 !important;
  background-image:
    radial-gradient(1600px 1000px at 18% 6%, rgba(70,110,150,.08), transparent 72%),
    radial-gradient(1500px 1100px at 85% 10%, rgba(90,90,90,.10), transparent 78%),
    linear-gradient(180deg, #070a12 0%, #050711 45%, #04050d 75%, #03040a 100%) !important;

  background-attachment: fixed !important;
}

/* If wrappers try to paint their own background, neutralize them */
#wrapper, #wrap, #page, #container, #layout,
.wrapper, .wrap, .page, .container, .container-fluid,
#pmwiki, #wikiwrap, #bodywrap{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* ==================================================
   LINKS (EVERYWHERE)
   ================================================== */
a, a:link, a:visited,
#wikibody a, #content a, #main a, .content a,
#sidebar a, .sidebar a, #nav a, .nav a,
.menu a, .sitenav a, .navbar a,
a.wikilink, a.urllink, a.selflink,
a.createlink, a.createlinktext{
  color: var(--ge-link) !important;
  text-decoration: none !important;
  transition: color .15s ease, text-shadow .15s ease;
}

a:hover, a:focus,
#wikibody a:hover, #content a:hover, #main a:hover, .content a:hover,
#sidebar a:hover, .sidebar a:hover, #nav a:hover, .nav a:hover,
.menu a:hover, .sitenav a:hover, .navbar a:hover,
a.wikilink:hover, a.urllink:hover, a.selflink:hover,
a.createlink:hover, a.createlinktext:hover{
  color: var(--ge-hover) !important;
  text-decoration: underline !important;
  text-shadow: 0 0 7px rgba(255,51,51,.45) !important;
}

/* ==================================================
   MAIN CONTENT PANEL (THIS FIXES YOUR WHITE AREA)
   pmwiki-responsive usually paints white on #wikitext
   so we force it + common siblings.
   ================================================== */
#wikitext, .wikitext,
#wikibody, #content, #main, .content, .main,
#wikicontent, #wiki, #body, #bodycontent, #contentwrap,
#right, #left, #center, .contentarea, .pagecontent,
article, main{
  background-color: var(--ge-surface) !important;
  background-image: linear-gradient(180deg, var(--ge-surface), var(--ge-surface2)) !important;

  border: 1px solid var(--ge-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.45) !important;

  color: var(--ge-text) !important;
}

/* Make sure paragraphs/list text inside the main area stays readable */
#wikitext, #wikitext p, #wikitext li, #wikitext div,
#wikibody p, #wikibody li{
  color: var(--ge-text) !important;
}

/* ==================================================
   SIDEBARS / NAV SURFACES (keep dark)
   ================================================== */
#sidebar, .sidebar, #nav, .nav, .menu, .sitenav, .navbar, header, footer{
  background-color: rgba(0,0,0,.42) !important;
  background-image: linear-gradient(180deg, rgba(0,0,0,.50), rgba(0,0,0,.28)) !important;
  border: 1px solid var(--ge-border) !important;
  border-radius: 14px !important;
  color: var(--ge-text) !important;
}

/* ==================================================
   HEADINGS
   ================================================== */
h1, h2, h3, h4{
  color: var(--ge-text) !important;
  letter-spacing: .25px;
}

h2{
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
  padding-bottom: 6px;
}
h2::after{
  content:"";
  display:block;
  height:2px;
  margin-top:6px;
  background: linear-gradient(90deg, rgba(255,153,0,.45), rgba(255,51,51,.65));
  border-radius: 999px;
}

/* ==================================================
   TABLES / CODE
   ================================================== */
table{
  color: var(--ge-text) !important;
}
th, td{
  border: 1px solid rgba(255,255,255,.10) !important;
  background-color: rgba(0,0,0,.20) !important;
}
th{
  background-color: rgba(0,0,0,.40) !important;
}

pre, code, kbd{
  background-color: rgba(0,0,0,.55) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 10px !important;
  color: #fff !important;
}

/* ==================================================
   SELECTION HIGHLIGHT (fix unreadable selected text)
   ================================================== */
::selection{
  background: rgba(255,153,0,.55);
  color: #0b0b0b;
}
::-moz-selection{
  background: rgba(255,153,0,.55);
  color: #0b0b0b;
}