/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			prosilver (the default phpBB 3.3.x style)
	Based on style:
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Limited ( https://www.phpbb.com/ )
    --------------------------------------------------------------
*/

@import url("normalize.css?hash=48eb3f89");
@import url("base.css?hash=7c5543be");
@import url("utilities.css?hash=d8f72c42");
@import url("common.css?hash=843d5d5f");
@import url("links.css?hash=18286e16");
@import url("content.css?hash=d0e24377");
@import url("buttons.css?hash=56f0d25f");
@import url("cp.css?hash=50d868ab");
@import url("forms.css?hash=9016b55c");
@import url("icons.css?hash=64da33ce");
@import url("colours.css?hash=fcb2f289");
@import url("responsive.css?hash=c9d32cba");


/* ============================================================
   NURSION FORUM — Theme (Neuaufbau, single source of truth)
   Wird an den prosilver-@import-Kopf von stylesheet.css gehängt.
   Palette & Look identisch zum Spiel nursion.de:
     Sage #6b7f45 / Akzent-Orange #c4844a / Creme #f7f2e8
     Headlines in Georgia-Serif (wie alle Spiel-Titel).
   Regeln:
     - prosilver-Layout NICHT verbiegen (kein list-inner-Padding,
       kein Breadcrumb-Pill) -> keine Überlappungen.
     - Nur Farben, Karten, Typografie, Abstände.
   ============================================================ */

:root {
    --nb:    #f7f2e8;   /* Creme Hintergrund */
    --nbalt: #efe9da;
    --nsurf: #ffffff;
    --nbord: #ddd4c0;
    --np:    #6b7f45;   /* Sage primär */
    --npd:   #4f5e32;   /* Sage dunkel */
    --nplt:  #eef2e4;   /* Sage hell */
    --na:    #c4844a;   /* Akzent */
    --nad:   #a66a35;
    --ntext: #3a3228;
    --nmut:  #7a6e60;
    --nserif: Georgia, 'Times New Roman', serif;
    --ngrad-sage:   linear-gradient(135deg, #768a4e 0%, #586a35 100%);
    --ngrad-accent: linear-gradient(135deg, #cf9055 0%, #a66a35 100%);
    --nsh:    0 2px 10px rgba(58,50,40,.08);
    --nsh-lg: 0 6px 22px rgba(58,50,40,.10);
}

/* ── Basis ───────────────────────────────────────────────── */
html, body {
    background-color: var(--nb) !important;
    color: var(--ntext) !important;
}
#wrap, .wrap { max-width: 1180px !important; }
a, a:link { color: var(--np); }
a:hover { color: var(--npd); }
.username-coloured { color: var(--npd) !important; }

/* ── Kopf / Hero ─────────────────────────────────────────── */
#page-header { background: transparent !important; }
/* prosilver-Default-Header (blau) komplett überschreiben -> Creme-Hero */
#page-header .headerbar, .headerbar {
    background: linear-gradient(135deg, #eef2e4 0%, #f7f2e8 100%) !important;
    background-image: linear-gradient(135deg, #eef2e4 0%, #f7f2e8 100%) !important;
    border: 1px solid var(--nbord) !important;
    border-radius: 14px !important;
    box-shadow: var(--nsh) !important;
    color: var(--ntext) !important;
    margin-top: .4rem;
}
.site-description, #site-description { text-align: center; padding: 1.4rem 1rem .4rem; }
.site_logo { display: none !important; }
.site-description h1, #site-description h1 {
    font-family: var(--nserif) !important;
    font-size: 2.1rem !important;
    font-weight: 800 !important;
    letter-spacing: -.5px;
    color: var(--npd) !important;
    -webkit-text-fill-color: var(--npd) !important;
    text-shadow: none !important;
    margin: 0 !important;
}
.site-description h1::after, #site-description h1::after {
    content: " ♥"; color: var(--na); -webkit-text-fill-color: var(--na);
}
.site-description p, #site-description p {
    color: var(--nmut) !important; font-size: .92rem !important; margin: .25rem 0 0 !important;
}
/* dekorative Akzentlinie unter dem Titel */
#site-description::after {
    content: ""; display: block; width: 60px; height: 3px;
    margin: .75rem auto 0; border-radius: 3px; background: var(--ngrad-accent);
}

/* Suche im Kopf */
.search-header {
    background: var(--nsurf) !important; border: 1px solid var(--nbord) !important;
    border-radius: 10px !important; padding: 3px !important; box-shadow: var(--nsh);
}
.search-header input.inputbox, .search-header input[type="search"] {
    background: transparent !important; border: none !important; color: var(--ntext) !important;
    padding: .35rem .6rem !important;
}
.search-header .button-search, .search-header button {
    background: var(--ngrad-accent) !important; color: #fff !important;
    border: none !important; border-radius: 7px !important;
}
.search-header .button-search-end { display: none !important; }

/* ── Navbar (Sage-Balken) ────────────────────────────────── */
.navbar {
    background: var(--ngrad-sage) !important; border: none !important;
    border-radius: 12px !important; box-shadow: var(--nsh) !important; margin-top: .4rem;
}
.navbar .inner { background: transparent !important; }
#nav-main, .navbar a, .navbar a:link { color: #fff !important; }
.navbar .linklist > li > a { color: #fff !important; border-radius: 8px; transition: background .15s; }
.navbar .linklist > li > a:hover { background: rgba(0,0,0,.16) !important; color: #fff !important; }
.navbar .icon { color: #fff !important; }

/* Breadcrumb: schlicht & transparent (KEIN weißer Kasten) */
.breadcrumbs, li.breadcrumbs {
    background: transparent !important; border: none !important;
    box-shadow: none !important; border-radius: 0 !important; padding: 0 !important;
}
.breadcrumbs .crumb a { color: #fff !important; }

/* ── Foren-/Themen-Tabelle ───────────────────────────────── */
.forabg, .forumbg {
    background: var(--nsurf) !important; background-image: none !important;
    border: 1px solid var(--nbord) !important; border-radius: 14px !important;
    box-shadow: var(--nsh-lg) !important; overflow: hidden !important;
    margin-bottom: 1.5rem !important; padding: 0 !important;
}
.forabg .inner, .forumbg .inner { background: transparent !important; padding: 0 !important; }

/* Kopfzeile (Kategorie / Spaltentitel): Sage-Gradient + weiße Serif */
ul.topiclist > li.header {
    background: var(--ngrad-sage) !important; background-image: var(--ngrad-sage) !important;
    border: none !important;
}
ul.topiclist > li.header dl { padding: .15rem 0 !important; }
ul.topiclist > li.header dt,
ul.topiclist > li.header dt a,
ul.topiclist > li.header dd {
    color: #fff !important; font-family: var(--nserif) !important;
    font-weight: 700 !important; font-size: .85rem !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.15) !important;
}

/* Zeilen — Layout/Spacing von prosilver unangetastet lassen */
li.row { background: var(--nsurf) !important; border-bottom: 1px solid var(--nbord) !important;
         transition: background .15s ease, box-shadow .15s ease; }
li.row:last-child { border-bottom: none !important; }
li.row:hover { background: var(--nplt) !important; box-shadow: inset 4px 0 0 var(--na); }
li.row strong { color: var(--ntext); }

a.forumtitle, a.topictitle {
    font-family: var(--nserif) !important; font-weight: 700 !important;
    font-size: .9rem !important; color: var(--ntext) !important;
}
a.forumtitle:hover, a.topictitle:hover { color: var(--np) !important; }

/* Zähler-Spalten dezent sage */
dl.row-item dd.posts, dl.row-item dd.topics, dl.row-item dd.views {
    color: var(--npd) !important; font-weight: 700 !important;
}
li.row dl.row-item dd.lastpost > span { color: var(--nmut) !important; font-size: .82rem; }
li.row dd.lastpost a.lastsubject { color: var(--np) !important; font-weight: 600; }

/* ── Avatare rund ────────────────────────────────────────── */
.avatar-container img, .postprofile .avatar img, img.avatar {
    border-radius: 50% !important; border: 2px solid var(--nbord) !important; box-shadow: var(--nsh);
}

/* ── Beiträge (viewtopic) ────────────────────────────────── */
.post {
    background: var(--nsurf) !important; background-image: none !important;
    border: 1px solid var(--nbord) !important; border-radius: 14px !important;
    box-shadow: var(--nsh-lg) !important; margin-bottom: 1rem !important; overflow: hidden;
}
.post .postprofile {
    background: var(--nb) !important; border-right: 1px solid var(--nbord) !important;
    border-radius: 14px 0 0 14px;
}
.post .postbody { background: transparent !important; }
/* Beitrags-Titel (viewtopic) deutlich kleiner */
.topic-title, h2.topic-title, h2.topic-title a {
    font-family: var(--nserif) !important; font-weight: 700 !important;
    font-size: 1.05rem !important; color: var(--npd) !important; line-height: 1.3 !important;
}
.postbody h3, .postbody h3 a {
    font-family: var(--nserif) !important; font-weight: 700 !important;
    color: var(--npd) !important; font-size: .92rem !important;
}
/* Beitragstext kompakter */
.post .content { font-size: 12.5px !important; line-height: 1.55 !important; }
.post .content p { font-size: 12.5px !important; margin-bottom: .5em !important; }
.postbody .author { font-size: 11px !important; }
.postprofile { font-size: 11px !important; }
.postprofile .username, .postprofile .username-coloured { font-size: 12px !important; }
.postprofile dd { font-size: 10.5px !important; }

/* ── Buttons ─────────────────────────────────────────────── */
.button, a.button, input.button1, input.button2, a.button1, a.button2,
input[type="submit"], input[type="button"] {
    background: var(--ngrad-sage) !important; background-image: var(--ngrad-sage) !important;
    color: #fff !important; border: none !important; border-radius: 9px !important;
    font-family: var(--nserif) !important; font-weight: 700 !important;
    box-shadow: var(--nsh); transition: filter .15s ease;
}
.button:hover, a.button:hover, input.button1:hover, a.button1:hover,
input[type="submit"]:hover { filter: brightness(.93); color: #fff !important; }
/* Sekundär = heller Umriss */
.button.button-secondary, a.button2, input.button2 {
    background: var(--nsurf) !important; background-image: none !important;
    color: var(--np) !important; border: 1.5px solid var(--np) !important;
}
.button.button-secondary:hover, a.button2:hover, input.button2:hover {
    background: var(--nplt) !important; color: var(--npd) !important; filter: none;
}
.button .icon { color: inherit !important; }

/* ── Formulare ───────────────────────────────────────────── */
input.inputbox, textarea, select,
input[type="text"], input[type="password"], input[type="email"], input[type="search"] {
    border: 1.5px solid var(--nbord) !important; border-radius: 8px !important;
    background: #fff !important; color: var(--ntext) !important;
}
input:focus, textarea:focus, select:focus {
    border-color: var(--np) !important; outline: none !important;
    box-shadow: 0 0 0 3px rgba(107,127,69,.15) !important;
}
fieldset.fields1, fieldset.fields2, .panel { background-image: none !important; }

/* ── Statistik / Wer ist online / Login ──────────────────── */
.stat-block, .headerspace, .panel {
    background: var(--nsurf) !important; border: 1px solid var(--nbord) !important;
    border-radius: 14px !important; box-shadow: var(--nsh-lg) !important;
}
.stat-block { padding: 1rem 1.3rem !important; }
/* gleichmäßiger Abstand zwischen den gestapelten Boxen */
.stat-block, .headerspace { margin-bottom: 1.5rem !important; }
.headerspace { margin-top: 0 !important; padding: 1rem 1.3rem !important; }
.stat-block h3 {
    font-family: var(--nserif) !important; font-weight: 700 !important; color: var(--npd) !important;
    border-bottom: 2px solid var(--nplt); padding-bottom: .4rem; margin-bottom: .55rem;
}
.row1 { background: var(--nsurf) !important; }
.row2 { background: var(--nb) !important; }
.bg1, .bg2 { background: var(--nplt) !important; color: var(--npd) !important; }
fieldset legend { color: var(--npd) !important; font-family: var(--nserif) !important; font-weight: 700; }

/* ── Pagination ──────────────────────────────────────────── */
.pagination li a, .pagination li span {
    border: 1px solid var(--nbord) !important; border-radius: 8px !important; color: var(--np) !important;
}
.pagination li.active span {
    background: var(--ngrad-sage) !important; border-color: var(--np) !important; color: #fff !important;
}

/* ── Notice-/Rule-Boxen ──────────────────────────────────── */
.rules, .notice { border-radius: 10px !important; border-left: 4px solid var(--na) !important; }
.successbox { border-radius: 10px !important; border-left: 4px solid var(--np) !important; }
.errorbox   { border-radius: 10px !important; border-left: 4px solid #b94a3a !important; }

/* ── Footer ──────────────────────────────────────────────── */
#page-footer { background: transparent !important; color: var(--nmut) !important; }
#page-footer a { color: var(--np) !important; }
.nursion-footer-legal {
    text-align: center; padding: 1rem; margin-top: 1rem; font-size: .82rem;
    color: var(--nmut); border-top: 1px solid var(--nbord);
}
.nursion-footer-legal a { color: var(--np); margin: 0 .35rem; text-decoration: none; }
.nursion-footer-legal a:hover { text-decoration: underline; }
.nursion-disclaimer { text-align: center; font-size: .75rem; color: #9a8e80; padding: .25rem 1rem 0; font-style: italic; line-height: 1.4; }

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 700px) {
    .site-description h1, #site-description h1 { font-size: 1.6rem !important; }
    .post .postprofile { width: 100% !important; border-right: none !important;
        border-bottom: 1px solid var(--nbord) !important; border-radius: 14px 14px 0 0; }
}