/**
 * STIGMA RADIO — Header CSS
 * Αρχείο: /wp-content/themes/astra-child/stigma/css/stigma-header.css
 *
 * Μεταφέρθηκε από το inline <style> block του header.php
 */

/* ── Κρύβει το Astra header ── */
#ast-fixed-header,
.ast-above-header-wrap,
.ast-below-header-wrap,
.site-header.ast-primary-header-bar,
.main-header-bar {
    display: none !important;
}

/* ── Admin bar offset ── */
.admin-bar .stigma-header { top: 32px; }
@media (max-width: 782px) {
    .admin-bar .stigma-header { top: 46px; }
}

/* ── Header wrap ── */
.stigma-header {
    position: sticky;
    top: 0;
    z-index: 9999;
    font-family: 'Montserrat', sans-serif;
}

.h-inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 24px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

/* ── Logo ── */
.h-logo img {
    height: 56px;
    width: auto;
    display: block;
}

/* ── Orange line ── */
.h-line {
    height: 3px;
    background: #f07c00;
}

/* ── Player bar ── */
.pb {
    display: flex;
    align-items: center;
    height: 46px;
    border-radius: 50px;
    padding: 0 5px 0 8px;
}

.pdv {
    width: 1px;
    height: 22px;
    flex-shrink: 0;
    margin: 0 3px;
}

.pi {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 0 6px;
}

/* ── Avatars ── */
.pav {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    flex-shrink: 0;
    object-fit: cover;
}

.psq {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    flex-shrink: 0;
    object-fit: cover;
}

/* ── Labels ── */
.plbl {
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1;
    display: block;
}

.pnm {
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.par {
    font-size: 10px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    opacity: .75;
}

/* ── Live button ── */
.lbtn {
    border: none;
    border-radius: 50px;
    padding: 10px 20px;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 7px;
    font-family: 'Montserrat', sans-serif;
    margin-left: 4px;
    white-space: nowrap;
    letter-spacing: .05em;
}

.ldot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
    opacity: 0;
}

.lbtn.on .ldot {
    opacity: 1;
    animation: lp 1.4s infinite;
}

@keyframes lp {
    0%, 100% { opacity: 1; }
    50%       { opacity: .15; }
}

/* ── Mobile ── */
@media (max-width: 640px) {
    .pi:not(:first-child),
    .pdv:not(:first-of-type) {
        display: none !important;
    }
    .h-inner {
        padding: 0 12px;
    }
    .h-logo img {
        height: 44px;
    }
}