@import url('design.css');
@import url('content.css');
@import url('message.css');


/* ==================================================
   LOGINBOX – rechte Navigation
   ================================================== */

.navi2 input[type="text"],
.navi2 input[type="password"] {
    width: 120px;
    box-sizing: border-box;
    padding: 4px 6px;
    font-size: 11px;
    background: #1f1f1f;
    color: #f0f0f0;
    border: 1px solid #444;
}

.navi2 input[type="submit"],
.navi2 input[type="button"] {
    width: 120px;
    margin-top: 4px;
    font-size: 11px;
    background: #39ff14;
    color: #000;
    border: none;
    cursor: pointer;
    font-weight: bold;
}

.navi2 input[type="submit"]:hover {
    background: #2ecc71;
}


/* ==================================================
   CONTENT – Grundlayout & Typo
   ================================================== */

.content {
    color: #f0f0f0;
}

.content_position {
    padding: 20px;
}


/* ==================================================
   TABELLEN – Darkmode (sicher & modular)
   ================================================== */

.content table {
    width: 100%;
    border-collapse: collapse;
    background: #2e2e2e;
    color: #f0f0f0;
}

.content table td,
.content table th {
    background: #2e2e2e;
    border: 1px solid #444;
    padding: 8px;
    font-size: 12px;
}


/* ==================================================
   POLL – CONTENT (poll.php)
   ================================================== */

.poll_table {
    width: 100%;
    border-collapse: collapse;
    background: #2e2e2e;
}

.poll_header {
    background: #333;
    font-size: 14px;
    font-weight: bold;
    padding: 8px;
    border-bottom: 2px solid #222;
}

.poll_row td {
    background: #2b2b2b;
    border: 1px solid #444;
    padding: 8px;
    vertical-align: middle;
}

.poll_answer {
    font-weight: bold;
}

.poll_result {
    text-align: right;
    font-size: 11px;
    white-space: nowrap;
}


/* ===== POLL-BALKEN (Content) ===== */

.poll_bar_cell {
    width: 100%;
}

.poll_bar_wrapper {
    width: 100%;
    height: 12px;
    background: #1e1e1e;
    border: 1px solid #444;
    box-sizing: border-box;
}

.poll_bar_fill {
    height: 100%;
    background: #39ff14;
}


/* ==================================================
   POLL – FOOTER & BUTTONS
   ================================================== */

.poll_footer {
    background: #2b2b2b;
    border: 1px solid #444;
    text-align: center;
    padding: 10px;
}

.poll_footer .button,
.poll_table input[type="submit"] {
    background: #39ff14;
    color: #000;
    border: none;
    padding: 6px 12px;
    font-weight: bold;
    cursor: pointer;
}

.poll_footer .button:hover,
.poll_table input[type="submit"]:hover {
    background: #2ecc71;
}


/* ==================================================
   POLL – ARCHIV
   ================================================== */

.poll_archive_table {
    width: 100%;
    border-collapse: collapse;
    background: #2e2e2e;
}

.poll_archive_row td {
    padding: 8px 10px;
    border-bottom: 1px solid #444;
    background: #2b2b2b;
}

.poll_archive_row a {
    color: #f0f0f0;
    font-weight: bold;
}

.poll_archive_row a:hover {
    color: #39ff14;
}

.poll_archive_date,
.poll_archive_votes {
    font-size: 11px;
    color: #aaa;
    text-align: right;
}


/* ==================================================
   POLL – SIDEBAR (rechte Navigation)
   ================================================== */

.navi2 .poll_sidebar {
    font-size: 11px;
    color: #f0f0f0;
}

.navi2 .poll_sidebar_answer {
    margin: 6px 0;
}

.navi2 .poll_bar_wrapper {
    height: 6px;
    border: 1px solid #333;
}

.navi2 .poll_bar_fill {
    height: 100%;
    background: #39ff14;
}


/* ==================================================
   MOBILE FIX – SIDEBAR POLL
   ================================================== */

@media (max-width: 768px) {

    /* Nur alte Poll-GIFs ausblenden */
    .navi2 img[src*="poll"],
    .navi2 img[src*="bar"] {
        display: none !important;
    }

    .navi2 .poll_sidebar {
        width: 100%;
        font-size: 11px;
    }

    .navi2 .poll_bar_wrapper {
        width: 100%;
        height: 6px;
        box-sizing: border-box;
    }
}


/* ==================================================
   GALLERY – DARKMODE
   ================================================== */

.gallery_sub,
.gallery {
    border-collapse: separate;
    border-spacing: 10px;
}

.gallery_sub_td {
    background: #2b2b2b;
    border: 1px solid #444;
    padding: 6px;
}

.gallery td {
    background: #2b2b2b;
    padding: 5px;
}

.gallery img {
    max-width: 100%;
    height: auto;
    border: 2px solid #222;
}


/* ==================================================
   PAGINATION – GLOBAL
   ================================================== */

.pages {
    font-size: 11px;
    color: #aaa;
    text-align: center;
}

.pages a {
    padding: 3px 6px;
    margin: 0 2px;
    background: #333;
    border: 1px solid #444;
    color: #f0f0f0;
    text-decoration: none;
}

.pages a:hover {
    background: #39ff14;
    color: #000;
}

.pages .selected {
    background: #39ff14;
    color: #000;
    font-weight: bold;
    border-color: #39ff14;
}

/* ===============================
   LIVE-STATUS – NAVIGATION
   =============================== */

.livestream-link {
    position: relative;
}

.live-dot {
    display: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #39ff14;
    margin-left: 6px;
    vertical-align: middle;
    animation: liveBlink 1s infinite;
}

.live-dot.active {
    display: inline-block;
}

@keyframes liveBlink {
    0% { opacity: 1; }
    50% { opacity: 0.3; }
    100% { opacity: 1; }
}

/* =========================
   PARTNER – Abstände verbessern
   ========================= */

/* Mehr Abstand unter PARTNER-Überschrift */
.navi1 .navi_header + .navi_content {
    padding-top: 12px;
}

/* =========================
   TEAM – Styling Fix
   ========================= */

.team_row td {
    vertical-align: middle;
    padding: 10px 8px;
}

.team_user {
    font-weight: 500;
}

.team_buddy {
    color: #39ff14;
    font-weight: bold;
}

.team_lastactive {
    text-align: center;
    font-size: 11px;
    color: #aaa;
}

.team_actions {
    text-align: center;
}

.team_icons {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.team_icons img {
    opacity: 0.85;
    transition: opacity 0.2s, transform 0.2s;
}

.team_icons img:hover {
    opacity: 1;
    transform: scale(1.1);
}

/* =========================
   ONLINE – MODERN LOOK
   ========================= */

.online_summary {
    margin-bottom: 10px;
    font-size: 12px;
    color: #ccc;
}

.online_row td {
    vertical-align: middle;
    padding: 10px 8px;
}

.online_user {
    font-weight: 500;
}

.online_buddy {
    color: #39ff14;
    font-weight: bold;
}

.online_lastactive {
    text-align: center;
    font-size: 11px;
    color: #aaa;
}

.online_actions {
    text-align: center;
}

.online_icons {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.online_icons img {
    opacity: 0.85;
    transition: opacity 0.2s, transform 0.2s;
}

.online_icons img:hover {
    opacity: 1;
    transform: scale(1.1);
}


/* =========================
   USERLIST – MODERN LOOK
   ========================= */

.userlist_summary {
    margin-bottom: 10px;
    font-size: 12px;
    color: #ccc;
}

.userlist_row td {
    vertical-align: middle;
    padding: 10px 8px;
}

.userlist_name {
    font-weight: 500;
}

.userlist_buddy {
    color: #39ff14;
    font-weight: bold;
}

.userlist_posts,
.userlist_regdate {
    text-align: center;
    font-size: 11px;
    color: #aaa;
}

.userlist_actions_col {
    text-align: center;
}

.userlist_icons {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.userlist_icons img {
    opacity: 0.85;
    transition: opacity 0.2s, transform 0.2s;
}

.userlist_icons img:hover {
    opacity: 1;
    transform: scale(1.1);
}

/* =========================
   EQUIPMENT TABLE
   ========================= */

.equipment_table {
    border-collapse: collapse;
    background: #2b2b2b;
    margin-top: 10px;
}

.equipment_table td {
    padding: 10px;
    border: 1px solid #444;
    vertical-align: middle;
}

.equipment_table a {
    color: #39ff14;
    font-weight: bold;
    text-decoration: none;
}

.equipment_table a:hover {
    text-decoration: underline;
}

/* ==============================
   NEWS ARTIKEL BOX
============================== */

.news_item,
.article,
.entry,
.post,
.content_position > div{
  background: #0b0f0b;
  border-radius: 14px;
  padding: 22px;
  box-shadow:
    0 0 0 1px rgba(154,255,0,.35),
    0 10px 35px rgba(0,0,0,.8);
}

/* Überschrift im Artikel */
.news_item h1,
.news_item h2,
.article h1,
.article h2,
.entry h1,
.entry h2{
  color:#9aff00;
  text-shadow:0 0 10px rgba(154,255,0,.9);
}

/* Text */
.news_item p,
.article p,
.entry p{
  color:#e0e0e0;
  line-height:1.7;
}

.news_item img,
.article img,
.entry img{
  display:block;
  margin:16px auto;
  border-radius:12px;
  box-shadow:0 0 25px rgba(0,0,0,.7);
}

/* ==============================
   NEWS – INSIDEGAMING STYLE
============================== */

.content_position > div{
  background: linear-gradient(180deg,#1b1b1b,#141414);
  border-radius: 14px;
  padding: 26px;
  border: 1px solid #2a2a2a;
  box-shadow:
    0 0 0 1px rgba(154,255,0,.25),
    0 12px 40px rgba(0,0,0,.8);
}

/* Titel */
.content_position > div h1,
.content_position > div h2{
  color:#9aff00;
  font-weight:700;
  margin-bottom:10px;
  text-shadow:0 0 10px rgba(154,255,0,.85);
}

/* Meta-Zeile */
.content_position .news-meta,
.content_position > div small{
  color:#8f8f8f;
  font-size:12px;
  display:block;
  margin-bottom:16px;
}

/* Text */
.content_position > div p,
.content_position > div li{
  color:#e4e4e4;
  line-height:1.7;
  font-size:14px;
}

/* Bilder */
.content_position > div img{
  display:block;
  margin:20px auto;
  border-radius:12px;
  box-shadow:0 0 30px rgba(0,0,0,.8);
}

/* Trennlinie */
.content_position > div hr{
  border:0;
  height:1px;
  background: linear-gradient(90deg,transparent,#39ff14,transparent);
  margin:22px 0;
}

/* Links */
.content_position > div a{
  color:#39ff14;
  font-weight:600;
}
.content_position > div a:hover{
  text-shadow:0 0 8px rgba(57,255,20,.9);
}