/* ==========================================================================
   GreenDuck P0 — native-first CSS skin supplement
   --------------------------------------------------------------------------
   Loaded AFTER the official styles/<theme>/theme.css. Styles ONLY the DOM that
   NexusPHP itself prints. No node is hidden, moved, replaced or removed here.

   HARD RULES (P0):
     * every #mainmenu link stays visible — no "more" black hole
     * #footer, native pagers, category sprites, BBCode tools stay visible
     * deep/light are one stylesheet driven by html[data-theme] tokens
   ========================================================================== */

/* ------------------------------------------------------ 1. shared tokens */
:root{
  --gd-width:1520px;
  --gd-gutter:28px;
  --gd-red:#D9695C;
  --gd-red-deep:#B8403A;
  --gd-transition:.18s cubic-bezier(.165,.84,.44,1);
}
/* Light is a TOKEN OVERRIDE of the same stylesheet, not a second design.
   Specificity of html[data-theme] beats the :root block in theme.css. */
html[data-theme="light"]{
  --paper:#F7F6F2; --surface:#FDFCFA; --surface-2:#FFFFFF; --surface-3:#F1F4F0;
  --ink:#18241F; --ink-2:#4E5C55; --ink-3:#617068;
  --jade:#14584A; --on-jade:#F7F6F2; --jade-soft:#E7F0EC; --gold:#B98A32;
  --line:rgba(20,88,74,.13); --line-soft:rgba(20,88,74,.07);
  --hover:rgba(20,88,74,.05);
  --shadow-1:0 1px 2px rgba(24,36,31,.05);
  --shadow-2:0 1px 3px rgba(24,36,31,.05),0 8px 22px rgba(24,36,31,.055);
}
html[data-theme="light"] ::-webkit-scrollbar-track{background:#F7F6F2}
html[data-theme="light"] ::-webkit-scrollbar-thumb{background:#C9D5CD;border:2px solid #F7F6F2}

/* The old v1 decorative ring landed in the middle of a banner. Retired. */
html body::after,html body::before{content:none!important;display:none!important;
  border:0!important;box-shadow:none!important;background:none!important}
/* 52px/103px fixed masthead made the page feel cramped once 8 index blocks
   came back. Keep the markup, just give it room. */
table.head{width:min(var(--gd-width),100%)!important;height:auto!important;
  min-height:88px!important;margin:0 auto 18px!important}
table.mainouter{width:min(var(--gd-width),100%)!important}
#footer{display:block!important;max-width:var(--gd-width);margin:0 auto;
  padding:18px 0 30px!important}

/* ------------------------------------------- 2. full native navigation */
/* theme.css already turns #mainmenu into a wrapping pill row. P0 only adds
   semantic group markers; all 14-16 links remain in the flow and clickable. */
#nav_block{padding:4px 0 10px!important}
ul#mainmenu.menu{gap:3px!important;padding:6px 8px!important;
  border-radius:var(--r-md)!important;background:var(--surface-2)!important;
  border:1px solid var(--line)!important}
ul#mainmenu.menu li a{font-size:13px!important;padding:6px 13px!important;
  min-height:30px!important;line-height:28px!important}
ul#mainmenu.menu li[data-gd-lead]{position:relative;margin-left:12px!important}
ul#mainmenu.menu li[data-gd-lead]:first-child{margin-left:0!important}
ul#mainmenu.menu li[data-gd-lead]::before{
  content:'';position:absolute;left:-7px;top:22%;height:56%;width:1px;
  background:var(--line);pointer-events:none}
ul#mainmenu.menu li[data-gd-group="res"] a::after,
ul#mainmenu.menu li[data-gd-group="community"] a::after,
ul#mainmenu.menu li[data-gd-group="me"] a::after,
ul#mainmenu.menu li[data-gd-group="site"] a::after{
  content:'';display:inline-block;width:5px;height:5px;margin-left:7px;
  vertical-align:middle;border-radius:50%;background:var(--jade);opacity:.55}
ul#mainmenu.menu li[data-gd-group="community"] a::after{background:var(--gold)}
ul#mainmenu.menu li[data-gd-group="me"] a::after{background:var(--gd-red)}
ul#mainmenu.menu li[data-gd-group="site"] a::after{background:var(--ink-3)}

/* theme switch is an appended convenience, never a replacement control */
.gd-theme-btn{margin-left:8px;padding:5px 12px;border-radius:var(--r-pill);
  border:1px solid var(--line);background:var(--surface-2);color:var(--ink-2);
  font:500 12px var(--sans);cursor:pointer;transition:var(--gd-transition)}
.gd-theme-btn:hover{color:var(--ink);border-color:var(--jade)}
.gd-filter-toggle{margin-left:10px;padding:4px 12px;border-radius:var(--r-pill);
  border:1px solid var(--line);background:transparent;color:var(--ink-2);
  font:500 12px var(--sans);cursor:pointer}
.gd-filter-toggle:hover{color:var(--jade);border-color:var(--jade)}

/* -------------------------------------------- 3. native index blocks */
/* 8 main.show* blocks render as real <table class="main"> again. Give every
   one the same card rhythm instead of hiding them behind a placeholder. */
#outer{padding-top:14px!important;padding-bottom:24px!important}
#outer > table,#outer > div > table.main,#outer table.main{
  background:var(--surface-2)!important;border:1px solid var(--line)!important;
  border-radius:var(--r-md)!important;margin:0 auto 18px!important;
  box-shadow:var(--shadow-1)}
#outer table.main > tbody > tr > td{padding:12px 16px!important;
  border-color:var(--line-soft)!important}
#outer td.colhead{background:var(--surface-3)!important;color:var(--ink)!important;
  font-weight:600!important;letter-spacing:.02em}
#outer td.rowhead{color:var(--ink-2)!important}
#outer h1,#outer h2{color:var(--ink)!important}
/* native shoutbox iframe: the old layer collapsed it to height 0 */
#outer iframe#iframe-shout-box{height:180px!important;min-height:180px!important;
  width:100%!important;border:1px solid var(--line)!important;
  border-radius:var(--r-sm);background:var(--surface)}
#outer iframe[name="funbox"]{min-height:260px!important;border:1px solid var(--line)!important;
  border-radius:var(--r-sm);background:var(--surface)}
/* native category sprites stay visible; tone them down instead of hiding */
#outer img[class^="c_"]{max-width:34px!important;max-height:34px!important;
  border:1px solid var(--line-soft);border-radius:8px;background:var(--surface-3)}
/* native pager — one of each, exactly as NexusPHP prints it */
#outer p.nexus-pagination{margin:18px 0!important;text-align:center!important}
#outer p.nexus-pagination a{display:inline-block;padding:5px 13px;margin:0 2px;
  border:1px solid var(--line);border-radius:var(--r-pill);color:var(--ink-2)!important;
  background:var(--surface-2);font-size:12.5px;text-decoration:none}
#outer p.nexus-pagination a:hover{border-color:var(--jade);color:var(--jade)!important}
/* native promotion banner is real site data — keep it readable, keep it shown */
#outer td[style*="background: green"],#outer td[style*="background:green"],
#outer td[bgcolor="green"]{display:table-cell!important}

/* ------------------------------------------- 4. add-on integration */
/* The community lounge APPENDS inside #outer. It must not look bolted on. */
#outer > .wl-community{margin:26px auto 8px;max-width:100%}
.wl-announce{padding-left:max(calc((100% - var(--gd-width)) / 2 + var(--gd-gutter)),20px)!important;
  padding-right:max(calc((100% - var(--gd-width)) / 2 + var(--gd-gutter)),20px)!important}

/* --------------------------------------------------- 5. responsive */
@media(max-width:1200px){
  :root{--gd-gutter:16px}
  ul#mainmenu.menu li a{padding:5px 10px!important;font-size:12px!important}
  ul#mainmenu.menu li[data-gd-lead]{margin-left:7px!important}
  #outer table.main > tbody > tr > td{padding:10px 12px!important}
}
@media(max-width:760px){
  table.head{min-height:0!important;padding:10px 0!important}
  ul#mainmenu.menu{justify-content:flex-start!important;border-radius:var(--r-md)!important}
  .wl-announce{padding-left:14px!important;padding-right:14px!important}
}

/* ---------------------------------------------- 6. native heading rhythm */
/* theme.css gives .embedded h1/h2 a jade border-left; with centred titles it
   reads as an orphaned vertical bar. Use an underline section rule instead. */
#outer .embedded h1,#outer .embedded h2,#outer .embedded h3{
  border-left:0!important;padding-left:0!important}
#outer .embedded h1{text-align:left!important;font-size:22px!important;
  margin:6px 0 14px!important}
#outer .embedded h2{margin:26px 0 12px!important;padding:0 0 9px!important;
  border-bottom:1px solid var(--line)!important;
  font-size:17px!important;color:var(--ink)!important}
#outer h2:first-child,#outer .embedded h2:first-child{margin-top:6px!important}

/* the native member strip under the menu: legible, not a wall of 11px text */
#nav_block{font-size:12.5px!important;line-height:1.9!important}
#nav_block a{color:var(--ink-2)!important}
#nav_block a:hover{color:var(--jade)!important}
#nav_block font.small,#nav_block .small{font-size:12px!important}

/* remote posters (showhotmovies) must not dominate an almost-empty page */
#outer img[src^="http"]{max-height:104px!important;width:auto!important;
  border-radius:7px;box-shadow:var(--shadow-1)}
#outer table.searchbox{background:var(--surface-3)!important;
  border:1px solid var(--line)!important;border-radius:var(--r-md)!important;
  padding:8px 14px!important;margin:8px auto 18px!important}
#outer table.searchbox td.colhead{background:transparent!important}
.gd-filter-toggle{background:var(--surface-2)!important;color:var(--ink-2)!important;
  border:1px solid var(--line)!important}
.gd-filter-toggle:hover{background:var(--jade-soft)!important}
table.head td:last-child .gd-theme-btn{margin:0 4px 0 12px;vertical-align:middle}

/* the add-on lounge now lives inside the native shoutbox <td> */
#outer td > .wl-community{width:100%;max-width:100%;margin:22px 0 10px;
  text-align:left;vertical-align:top}

/* ------------------------------------------------- 7. final rhythm pass */
/* Sparse content (1 torrent, 4 topics) makes the native blocks look airy.
   Tighten spacing without hiding anything or inventing placeholder content. */
#outer .embedded h2{margin:18px 0 9px!important;padding:0 0 7px!important}
#outer table.main > tbody > tr > td{padding:8px 16px!important}
#outer img[src^="http"]{max-height:84px!important}
#outer p.nexus-pagination a{display:inline-block!important;margin:0 3px!important}
#outer table.searchbox td.colhead{text-align:center!important}