/* Volaire LARP - Custom Kunena Styles */

/* Topic list row — fix dark text on dark background */
#kunena.layout tr td,
#kunena.layout tr th {
    color: rgba(220, 185, 100, 0.85);
}

#kunena.layout .started,
#kunena.layout .started a,
#kunena.layout span.ktopic-category,
#kunena.layout span.ktopic-category a,
#kunena.layout span.datepost,
#kunena.layout span.lastpostby,
#kunena.layout span.lastpostby a {
    color: rgba(200, 165, 85, 0.70) !important;
}

/* Pagination buttons */
#kunena.layout .page-link {
    background-color: rgba(12, 8, 30, 0.75) !important;
    border-color: rgba(220, 185, 100, 0.55) !important;
    color: rgba(220, 185, 100, 0.90) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.40);
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

#kunena.layout .page-link:hover,
#kunena.layout .page-link:focus {
    background-color: rgba(220, 185, 100, 0.18) !important;
    border-color: rgba(220, 185, 100, 0.85) !important;
    color: rgba(255, 220, 130, 1.0) !important;
    box-shadow: 0 2px 10px rgba(220, 185, 100, 0.25);
}

#kunena.layout .page-item.active .page-link {
    background-color: rgba(220, 185, 100, 0.30) !important;
    border-color: rgba(220, 185, 100, 0.90) !important;
    color: rgba(255, 220, 130, 1.0) !important;
}

#kunena.layout .page-item.disabled .page-link {
    background-color: rgba(12, 8, 30, 0.40) !important;
    border-color: rgba(220, 185, 100, 0.20) !important;
    color: rgba(220, 185, 100, 0.35) !important;
    box-shadow: none;
}

/* Action buttons — make them look like proper buttons */
#kunena.layout .btn-outline-primary,
#kunena.layout .btn-group > .btn-outline-primary,
#kunena.layout .btn-group > .btn.border,
#kunena.layout .btn.border {
    background-color: rgba(12, 8, 30, 0.75) !important;
    border: 1px solid rgba(220, 185, 100, 0.55) !important;
    color: rgba(220, 185, 100, 0.90) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.40);
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

#kunena.layout .btn-outline-primary:hover,
#kunena.layout .btn-outline-primary:focus,
#kunena.layout .btn-group > .btn-outline-primary:hover,
#kunena.layout .btn-group > .btn-outline-primary:focus,
#kunena.layout .btn-group > .btn.border:hover,
#kunena.layout .btn-group > .btn.border:focus,
#kunena.layout .btn.border:hover,
#kunena.layout .btn.border:focus {
    background-color: rgba(220, 185, 100, 0.18) !important;
    border: 1px solid rgba(220, 185, 100, 0.85) !important;
    color: rgba(255, 220, 130, 1.0) !important;
    box-shadow: 0 2px 10px rgba(220, 185, 100, 0.25);
}

/* Report This button — keep a subtle danger tint */
#kunena.layout .btn-outline-danger {
    background-color: rgba(12, 8, 30, 0.75) !important;
    border: 1px solid rgba(200, 80, 80, 0.55) !important;
    color: rgba(220, 120, 120, 0.90) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.40);
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

#kunena.layout .btn-outline-danger:hover,
#kunena.layout .btn-outline-danger:focus {
    background-color: rgba(200, 80, 80, 0.18) !important;
    border: 1px solid rgba(220, 100, 100, 0.85) !important;
    color: rgba(255, 140, 140, 1.0) !important;
    box-shadow: 0 2px 10px rgba(200, 80, 80, 0.25);
}

/* Reply/post form box */
#kunena.layout form#postform {
    background-color: rgba(5, 5, 20, 0.72);
    border: 1px solid rgba(140, 115, 180, 0.18);
    border-radius: 6px;
    padding: 14px 18px;
}

/* Gentle glow on profile/rank images in post sidebar */
#kunena.layout .profilebox img {
    filter: drop-shadow(0 0 5px rgba(220, 185, 100, 0.40)) drop-shadow(0 0 12px rgba(220, 185, 100, 0.18));
    transition: filter 0.3s ease;
}

#kunena.layout .profilebox img:hover {
    filter: drop-shadow(0 0 7px rgba(220, 185, 100, 0.65)) drop-shadow(0 0 18px rgba(220, 185, 100, 0.30));
}

/* Fix topic-starter/moderator badge border — remove border, style text to match theme */
#kunena.layout .topic-starter,
#kunena.layout .topic-moderator {
    border: none !important;
    color: rgba(220, 185, 100, 0.75) !important;
}

/* Outer box wrapping the entire post row */
#kunena.layout .row.message {
    border: 1px solid rgba(220, 185, 100, 0.18);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 18px;
}

/* Left sidebar — more opaque, distinct warm-dark tone */
#kunena.layout .row.message > .col-md-2 {
    background-color: rgba(18, 10, 42, 0.82) !important;
    box-shadow: none !important;
}

/* Right content panel — more transparent, clearly segregated */
#kunena.layout .row.message > .col-md-10 {
    background-color: rgba(5, 5, 20, 0.28) !important;
    box-shadow: none !important;
}

/* Post header bar */
#kunena.layout .mykmsg-header {
    background: rgba(18, 10, 42, 0.60) !important;
    border: none !important;
    border-bottom: 1px solid rgba(220, 185, 100, 0.18) !important;
    border-radius: 0 !important;
}

/* Post body — dark box around the content */
#kunena.layout .kmsg {
    background-color: rgba(5, 5, 20, 0.72);
    border: 1px solid rgba(140, 115, 180, 0.18);
    border-radius: 6px;
    padding: 14px 18px;
}