/* =====================================================================
   📻 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(8, 9, 14, 0.55); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(0, 191, 255, 0.25); border-radius: 18px; padding: 22px; margin-bottom: 25px; box-shadow: 0 0 18px rgba(0, 191, 255, 0.15), inset 0 0 12px rgba(255, 106, 0, 0.05); }
.forum-header h1 { margin: 0 0 6px 0; font-size: 1.8rem; font-weight: 700; background: linear-gradient(90deg, #00bfff, #ff6a00); -webkit-background-clip: text; color: transparent; text-shadow: 0 0 10px rgba(0, 191, 255, 0.4); }
.forum-header p.forum-hint { margin: 0; font-size: .95rem; color: #ff6a00; font-family: monospace; opacity: 0.9; }

/* =====================================================================
   📦 FORUM CARD DESIGN (MILCHGLAS EFFECT)
   ===================================================================== */
.card, .forum-threads, .forum-category { background: rgba(8, 9, 14, 0.85); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(0, 191, 255, 0.3); border-radius: 18px; padding: 20px; margin-bottom: 25px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.65), inset 0 0 15px rgba(0, 191, 255, 0.05); }
.card h2, .forum-threads h2 { margin-top: 0; margin-bottom: 15px; font-size: 1.4rem; font-weight: 700; color: #ff6a00; text-shadow: 0 0 10px rgba(255, 106, 0, 0.3); }

/* Formularfelder verriegeln */
.card input[type="text"], .card textarea { width: 100%; background: rgba(5, 7, 12, 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: #00bfff; box-shadow: 0 0 8px rgba(0, 191, 255, 0.3); }
.card input::placeholder { color: #667799; }

/* Sendeplan-Cyan Button Look */
.card button { background: rgba(0, 191, 255, 0.08); color: #fff; border: 1px solid rgba(0, 191, 255, 0.25); 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: #00bfff; color: #05070c; box-shadow: 0 0 15px rgba(0, 191, 255, 0.5); border-color: #00bfff; 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(8, 9, 14, 0.6); border-radius: 12px; overflow: hidden; }
.forum-table th { background: rgba(5, 7, 12, 0.95); color: #ff6a00; font-weight: bold; padding: 14px 12px; text-transform: uppercase; font-size: 0.78rem; letter-spacing: 0.5px; border-bottom: 2px solid rgba(0, 191, 255, 0.25); text-align: left; }
.forum-table td { padding: 14px 12px; color: #f8fafc; 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(0, 191, 255, 0.04) !important; color: #fff; }

/* Exakte Prozent-Spaltenbreiten gegen Verrutschen */
.forum-table th:nth-child(1), .forum-table td:nth-child(1) { width: 5%; color: #ff6a00; 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: #94a3b8; 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: #00bfff; font-weight: 600; text-decoration: none; text-shadow: 0 0 8px rgba(0, 191, 255, 0.2); transition: all 0.2s ease; }
.forum-table a:hover { color: #fff; text-shadow: 0 0 12px #00bfff; text-decoration: none; }

/* =====================================================================
   👤 AUTHOR & AVATAR BADGES
   ==================================================================== */
.forum-author { display: inline-flex; align-items: center; gap: 10px; font-size: .9rem; color: #00bfff; font-weight: 600; }
.forum-avatar { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; border: 1px solid rgba(0, 191, 255, 0.25); 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, 191, 255, 0.2); border-radius: 12px; color: #667799; font-style: italic; }

/* =====================================================================
   💬 BEITRAGS-ANSICHT (THREAD VIEW)
   ===================================================================== */
.forum-posts { margin-bottom: 30px; }
.forum-post-card { background: rgba(8, 9, 14, 0.6); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(0, 191, 255, 0.2); 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: #ff6a00; font-family: monospace; margin-left: auto; }
.forum-post-content { color: #f8fafc; line-height: 1.6; font-size: .95rem; word-break: break-word; }
.forum-post-actions { margin-top: 15px; display: flex; gap: 10px; justify-content: flex-end; }
.forum-post-actions a { color: #ff3c00; font-size: .85rem; font-weight: bold; text-decoration: none; padding: 6px 12px; border-radius: 6px; background: rgba(0, 191, 255, 0.08); border: 1px solid rgba(0, 191, 255, 0.25); transition: all 0.2s ease; }
.forum-post-actions a:hover { background: rgba(255, 106, 0, 0.2); color: #fff; box-shadow: 0 0 10px rgba(255, 106, 0, 0.4); border-color: #ff6a00; }

/* =====================================================================
   📱 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(8, 9, 14, 0.6) !important; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(0, 191, 255, 0.2) !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(0, 191, 255, 0.05) !important; }
.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: #ff6a00; font-family: monospace; margin-left: auto; }
.forum-post-content { color: #f8fafc; line-height: 1.6; font-size: 0.95rem; word-break: break-word; }

/* EDLES ZITAT DESIGN TINYMCE BLOCKQUOTE LOOK */
.forum-post-content blockquote { background: rgba(0, 191, 255, 0.03); border-left: 3px solid #00bfff; margin: 12px 0; padding: 12px 16px; border-radius: 0 8px 8px 0; color: #ff6a00; font-style: italic; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); }

/* 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: #00bfff; font-size: 0.85rem; font-weight: bold; text-decoration: none; padding: 6px 12px; border-radius: 6px; background: rgba(0, 191, 255, 0.05); border: 1px solid rgba(0, 191, 255, 0.15); transition: all 0.2s ease-in-out; cursor: pointer; font-family: inherit; }
.forum-post-actions a:hover { background: rgba(0, 191, 255, 0.15); color: #00bfff; border-color: #00bfff; box-shadow: 0 0 10px rgba(0, 191, 255, 0.2); }

/* Loesch Button separat im gluehenden Cyber Rot */
.forum-post-actions .btn-delete-link { color: #ff3c00; background: rgba(255, 60, 0, 0.1); border-color: rgba(255, 60, 0, 0.2); }
.forum-post-actions .btn-delete-link:hover { background: #ff3c00 !important; color: #05070c !important; border-color: #ff3c00 !important; box-shadow: 0 0 12px rgba(255, 60, 0, 0.5); }
.forum-reply { margin-top: 30px; border-color: rgba(0, 191, 255, 0.3) !important; }
.forum-reply button { margin-top: 10px; width: auto; }
.inline-form { display: inline-block; margin: 0; padding: 0; vertical-align: middle; }