/* ===================================================
   post-meta.css — shared meta bar (post.php + ipost.php)
   =================================================== */

#postMeta {
    background: #1a1a1a;
    border-bottom: 1px solid #2a2a2a;
    border-top: 1px solid #2a2a2a;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
    position: relative; /* needed for closePostBtn absolute positioning */
}

/* post.php has a main navbar above it; ipost.php does not */
.has-main-navbar #postMeta {
    margin-top: 60px;
}

#postMetaTitle {
    font-style: italic;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    margin-right: 8px;
}

/* Buttons group */
.postMetaBtns {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    flex-wrap: nowrap;
}

.postMetaBtns .btn-outline-secondary {
    border-color: #505050 !important;
    color: #f1f1f1 !important;
    padding: 6px 16px;
    font-size: 14px;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    background: #000 !important;
    white-space: nowrap;
    transition: background-color .08s linear, border-color .08s linear;
}
.postMetaBtns .btn-outline-secondary:hover  { background: #3a3a3a !important; border-color: #6a6a6a !important; }
.postMetaBtns .btn-outline-secondary:active { background: #2e2e2e !important; border-color: #666     !important; }

.postMetaBtns .nav-link-sub {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    text-decoration: underline;
    white-space: nowrap;
}
.postMetaBtns .nav-link-sub:hover { color: #f80000; }

/* Voted state */
.postMetaBtns .vote-box.voted,
.postMetaBtns .vote-box.voted i,
.postMetaBtns .vote-box.voted .vote-count {
    border-color: #ff2a2a !important;
    color: #ff2a2a !important;
}

/* Report dropdown */
.postMetaBtns .dropdown:hover .dropdown-menu { display: none; }
.postMetaBtns .dropdown-menu.show           { display: block !important; background: #1a1a1a !important; border-color: #333 !important; }
.postMetaBtns .dropdown-menu .dropdown-item { color: #ccc !important; background: transparent !important; }
.postMetaBtns .dropdown-menu .dropdown-item:hover { background: #2a2a2a !important; color: #fff !important; }
.postMetaBtns .dropdown-header              { color: #888 !important; }

/* Close button (ipost.php only) */
#closePostBtn {
    margin-left: auto;
    font-size: 42px;
    font-weight: 700;
    color: #ffffff;
    cursor: pointer;
    opacity: 1;
    transition: all .2s ease;
    line-height: 1;
    flex-shrink: 0;
    padding-left: 20px;
    padding-right: 12px;
}
#closePostBtn:hover {
    color: #ff2a2a;
    transform: scale(1.15);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    #postMetaTitle { font-size: 14px; }
    #postMeta      { padding: 10px 12px; gap: 6px; }
    .postMetaBtns .btn-outline-secondary { padding: 4px 10px; font-size: 12px; }
}