/* ============================================================
   pc-header.css - PC 헤더 / 카테고리 바
   ============================================================ */

/* ===== PC 헤더 ===== */
#pc-header {
    position: fixed; top: 0; left: 0; right: 0;
    height: 44px; background: transparent; z-index: 300;
    display: flex; align-items: center; padding: 0 24px;
}
#pc-header .pc-logo {
    font-size: 20px; font-weight: 900; letter-spacing: 2px;
    background: linear-gradient(90deg, #ff6b9d, #c44dff);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    background-clip: text; margin-right: 24px; text-decoration: none;
}
#pc-header .pc-tab {
    color: #888; font-size: 15px; font-weight: 700;
    padding: 6px 16px; border: none; background: none;
    cursor: pointer; transition: color .2s;
    border-bottom: 2.5px solid transparent; outline: none;
}
#pc-header .pc-tab.active {
    color: #ff6b9d;
    border-bottom: 2.5px solid #ff6b9d;
}
#pc-header .pc-icons {
    margin-left: auto; display: flex; align-items: center; gap: 16px;
}
#pc-header .pc-icon-btn {
    background: none; border: none; color: #777;
    font-size: 20px; cursor: pointer; padding: 4px; transition: color .2s;
}
#pc-header .pc-icon-btn:hover { color: #ff6b9d; }
#pc-header .pc-login {
    background: linear-gradient(135deg, #ff6b9d, #c44dff);
    color: white; border: none; padding: 6px 18px;
    border-radius: 20px; font-size: 13px; font-weight: 700;
    cursor: pointer; text-decoration: none;
}

/* ===== PC 카테고리 바 ===== */
#pc-catbar {
    position: fixed; top: 0; left: 50%; transform: translateX(-50%);
    height: 44px; background: transparent; z-index: 301;
    display: flex; flex-direction: row; align-items: center;
    justify-content: center; padding: 0 4px; gap: 0;
}
#pc-catbar .pc-cat-btn {
    padding: 4px 8px; border-radius: 20px; font-size: 12px;
    font-weight: 700; border: none; cursor: pointer;
    background: transparent; color: #777; transition: all .2s;
    white-space: nowrap; outline: none;
}
#pc-catbar .pc-cat-btn:hover { color: #ff6b9d; }
#pc-catbar .pc-cat-btn.active {
    background: linear-gradient(135deg, #ff6b9d, #c44dff);
    color: white;
}