/* ===================================================================== */
/* 📻 RADIOPLUNA GLOBAL FORUM THEME (HOLO LOOK & HIGH CONTRAST)         */
/* ===================================================================== */
.forum-container { max-width: 1100px; margin: 2rem auto; padding: 0 15px; box-sizing: border-box; }
.forum-header { background: rgba(6, 5, 20, 0.55); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(0, 242, 254, 0.4); border-radius: 18px; padding: 22px; margin-bottom: 25px; box-shadow: 0 0 18px rgba(184, 0, 230, 0.25), inset 0 0 12px rgba(0, 242, 254, 0.1); }
.forum-header h1 { margin: 0 0 6px 0; font-size: 1.8rem; font-weight: 700; background: linear-gradient(90deg, #ff1a75, #00f2fe); -webkit-background-clip: text; color: transparent; text-shadow: 0 0 10px rgba(0, 242, 254, 0.6); text-align: left; }
.forum-header p.forum-hint { margin: 0; font-size: .95rem; color: #00f2fe; font-family: monospace; opacity: 0.9; text-align: left; }

/* ===================================================================== */
/* 📦 FORUM CARD DESIGN (MILCHGLAS EFFECT)                              */
/* ===================================================================== */
.card, .forum-threads, .forum-category { background: rgba(6, 5, 20, 0.85); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(0, 242, 254, 0.35); border-radius: 18px; padding: 20px; margin-bottom: 25px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.65), inset 0 0 15px rgba(184, 0, 230, 0.15); }
.card h2, .forum-threads h2 { margin-top: 0; margin-bottom: 15px; font-size: 1.4rem; font-weight: 700; color: #00f2fe; text-shadow: 0 0 10px rgba(0, 242, 254, 0.5); text-align: left; }

/* Formularfelder verriegeln */
.card input[type="text"], .card textarea { width: 100%; background: rgba(6, 5, 20, 0.9); border: 1px solid rgba(255, 255, 255, 0.1); color: #fff; padding: 12px; border-radius: 8px; font-size: .9rem; outline: none; transition: border-color 0.2s, box-shadow 0.2s; box-sizing: border-box; margin-bottom: 12px; }
.card input:focus, .card textarea:focus { border-color: #ff1a75; box-shadow: 0 0 8px rgba(255, 26, 117, 0.4); }
.card input::placeholder { color: #667799; }

/* Sendeplan-Cyan Button Look */
.card button { background: rgba(184, 0, 230, 0.2); color: #fff; border: 1px solid rgba(184, 0, 230, 0.4); border-radius: 8px; padding: 10px 18px; font-weight: bold; font-size: 13px; cursor: pointer; transition: all 0.2s ease; text-shadow: 0 1px 2px rgba(0,0,0,0.5); }
.card button:hover { background: #ff1a75; color: #060514; box-shadow: 0 0 15px rgba(255, 26, 117, 0.6); border-color: #ff1a75; transform: translateY(-1px); }

/* ===================================================================== */
/* 🔒 UNABHÄNGIGES FOREN-TABELLEN-SYSTEM (STARR VERRIEGELT)             */
/* ===================================================================== */
.forum-table { width: 100%; border-collapse: collapse; margin: 0; padding: 0; table-layout: fixed; background: rgba(6, 5, 20, 0.6); border-radius: 12px; overflow: hidden; }
.forum-table th { background: rgba(6, 5, 20, 0.95); color: #00f2fe; font-weight: bold; padding: 14px 12px; text-transform: uppercase; font-size: 0.78rem; letter-spacing: 0.5px; border-bottom: 2px solid rgba(184, 0, 230, 0.4); text-align: left; }
.forum-table td { padding: 14px 12px; color: #e2e8f0; font-size: 0.9rem; border-bottom: 1px solid rgba(255, 255, 255, 0.04); text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }
.forum-table tr:hover td { background: rgba(184, 0, 230, 0.05) !important; color: #fff; }

/* Exakte Prozent-Spaltenbreiten gegen Verrutschen */
.forum-table th:nth-child(1), .forum-table td:nth-child(1) { width: 5%; color: #ff1a75; font-family: monospace; }
.forum-table th:nth-child(2), .forum-table td:nth-child(2) { width: 25%; font-weight: bold; }
.forum-table th:nth-child(3), .forum-table td:nth-child(3) { width: 40%; color: #cbd5e1; white-space: normal; line-height: 1.4; }
.forum-table th:nth-child(4), .forum-table td:nth-child(4) { width: 8%; font-family: monospace; text-align: center; }
.forum-table th:nth-child(5), .forum-table td:nth-child(5) { width: 8%; font-family: monospace; text-align: center; }
.forum-table th:nth-child(6), .forum-table td:nth-child(6) { width: 14%; font-size: 0.85rem; }

/* Link-Styling im Forum */
.forum-table a { color: #00f2fe; font-weight: 600; text-decoration: none; text-shadow: 0 0 8px rgba(0, 242, 254, 0.2); transition: all 0.2s ease; }
.forum-table a:hover { color: #fff; text-shadow: 0 0 12px #00f2fe; text-decoration: none; }

/* =====================================================================👤 AUTHOR & AVATAR BADGES ==================================================================== */
.forum-author { display: inline-flex; align-items: center; gap: 10px; font-size: .9rem; color: #00f2fe; font-weight: 600; }
.forum-avatar { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; border: 1px solid rgba(0, 242, 254, 0.35); box-shadow: 0 0 8px rgba(0,0,0,0.5); flex-shrink: 0; }
.forum-empty { padding: 25px; text-align: center; background: rgba(255,255,255,0.02); border: 1px dashed rgba(0, 242, 254, 0.25); border-radius: 12px; color: #667799; font-style: italic; }

/* ===================================================================== 💬 BEITRAGS-ANSICHT (THREAD VIEW) ===================================================================== */
.forum-posts { margin-bottom: 30px; }
.forum-post-card { background: rgba(6, 5, 20, 0.6); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(0, 242, 254, 0.25); border-radius: 16px; padding: 18px; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.4); }
.forum-post-author { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,0.04); padding-bottom: 8px; }
.forum-post-author strong { color: #fff; font-size: 1rem; text-shadow: 0 0 8px rgba(255,255,255,0.2); }
.forum-post-time { font-size: .8rem; color: #00f2fe; font-family: monospace; margin-left: auto; }
.forum-post-content { color: #e2e8f0; line-height: 1.6; font-size: .95rem; word-break: break-word; text-align: left; }
.forum-post-actions { margin-top: 15px; display: flex; gap: 10px; justify-content: flex-end; }
.forum-post-actions a { color: #ff1a75; font-size: .85rem; font-weight: bold; text-decoration: none; padding: 6px 12px; border-radius: 6px; background: rgba(184, 0, 230, 0.15); border: 1px solid rgba(184, 0, 230, 0.3); transition: all 0.2s ease; }
.forum-post-actions a:hover { background: #ff1a75; color: #fff; box-shadow: 0 0 10px rgba(255, 26, 117, 0.4); border-color: #ff1a75; }

/* ===================================================================== 📱 RESPONSIVE ANPASSUNGEN (MOBILE DISPLAYS) ===================================================================== */
@media (max-width: 768px) { .forum-table th, .forum-table td { padding: 10px 8px; font-size: 0.8rem; } .forum-table th:nth-child(3), .forum-table td:nth-child(3), .forum-table th:nth-child(4), .forum-table td:nth-child(4), .forum-table th:nth-child(5), .forum-table td:nth-child(5) { display: none; } .forum-post-author { flex-direction: column; align-items: flex-start; gap: 6px; } .forum-post-time { margin-left: 0; } .forum-reply button { width: 100%; padding: 12px; font-size: 1rem; } }
.forum-container, .forum-posts { max-width: 100%; overflow-x: hidden; }

/* FORUM POSTS VIEW QUOTE AND POST ACTIONS LOOK */
.forum-post-card { background: rgba(6, 5, 20, 0.6) !important; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(0, 242, 254, 0.25) !important; border-radius: 16px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.4), inset 0 0 10px rgba(184, 0, 230, 0.1); }
.forum-post-author { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.05); padding-bottom: 10px; }
.forum-post-author strong { color: #fff; font-size: 1.05rem; text-shadow: 0 0 8px rgba(255,255,255,0.2); }
.forum-post-time { font-size: 0.8rem; color: #00f2fe; font-family: monospace; margin-left: auto; }
.forum-post-content { color: #e2e8f0; line-height: 1.6; font-size: 0.95rem; word-break: break-word; text-align: left; }

/* EDLES ZITAT DESIGN TINYMCE BLOCKQUOTE LOOK */
.forum-post-content blockquote { background: rgba(184, 0, 230, 0.05); border-left: 3px solid #00f2fe; margin: 12px 0; padding: 12px 16px; border-radius: 0 8px 8px 0; color: #ff1a75; font-style: italic; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); text-shadow: 0 0 5px rgba(255, 26, 117, 0.2); text-align: left; }

/* Aktions-Links unten Zitieren Bearbeiten Loeschen */
.forum-post-actions { margin-top: 15px; display: flex; gap: 12px; justify-content: flex-end; align-items: center; }
.forum-post-actions a, .forum-post-actions .btn-delete-link { color: #00f2fe; font-size: 0.85rem; font-weight: bold; text-decoration: none; padding: 6px 12px; border-radius: 6px; background: rgba(0, 242, 254, 0.1); border: 1px solid rgba(0, 242, 254, 0.2); transition: all 0.2s ease-in-out; cursor: pointer; font-family: inherit; }
.forum-post-actions a:hover { background: rgba(255, 26, 117, 0.1); color: #ff1a75; border-color: #ff1a75; box-shadow: 0 0 10px rgba(255, 26, 117, 0.2); }

/* Loesch Button separat im gluehenden Cyber Rot */
.forum-post-actions .btn-delete-link { color: #ff1a75; background: rgba(255, 26, 117, 0.15); border-color: rgba(255, 26, 117, 0.3); }
.forum-post-actions .btn-delete-link:hover { background: #ff1a75 !important; color: #fff !important; border-color: #ff1a75 !important; box-shadow: 0 0 12px rgba(255, 26, 117, 0.5); }

/* Formular Karte fuer die Antwort unten */
.forum-reply { margin-top: 30px; border-color: rgba(0, 242, 254, 0.4) !important; }
.forum-reply button { margin-top: 10px; width: auto; }

/* Formular Reihe nebeneinander erlauben */
.inline-form { display: inline-block; margin: 0; padding: 0; vertical-align: middle; }