/**
 * Light Premium — son katman (live.css sonrası yüklenir)
 */

:root {
    --glass-blur: 20px;
    --radius-pill: 999px;
    --fill-tertiary: #f2f2f7;
    --gold-50: #faf6eb;
    --gold-700: #7a6118;
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
    --venue-incoming: #6366f1;
    --venue-incoming-soft: rgba(99, 102, 241, 0.12);
    --venue-outgoing: #f59e0b;
    --venue-outgoing-soft: rgba(245, 158, 11, 0.12);
    --compact-card-min-h: 232px;
    --compact-card-radius: 14px;
    --compact-card-border: rgba(15, 23, 42, 0.08);
    --compact-chip-shadow: 0 1px 4px rgba(15, 23, 42, 0.1);
    --compact-chip-date-text: #1e3a8a;
    --compact-chip-date-bg-1: rgba(59, 130, 246, 0.2);
    --compact-chip-date-bg-2: rgba(99, 102, 241, 0.1);
    --compact-chip-time-text: #6b21a8;
    --compact-chip-time-bg-1: rgba(168, 85, 247, 0.2);
    --compact-chip-time-bg-2: rgba(129, 140, 248, 0.1);
    --compact-chip-weekend-text: #9a3412;
    --compact-chip-weekend-bg-1: rgba(251, 146, 60, 0.24);
    --compact-chip-weekend-bg-2: rgba(245, 158, 11, 0.12);
    --compact-chip-relative-text: #334155;
    --compact-chip-relative-bg-1: rgba(203, 213, 225, 0.34);
    --compact-chip-relative-bg-2: rgba(226, 232, 240, 0.2);
}

:root[data-theme="dark"] {
    --venue-incoming: #818cf8;
    --venue-incoming-soft: rgba(129, 140, 248, 0.16);
    --venue-outgoing: #fbbf24;
    --venue-outgoing-soft: rgba(251, 191, 36, 0.16);
    --compact-card-border: rgba(148, 163, 184, 0.2);
    --compact-chip-shadow: 0 1px 6px rgba(2, 8, 23, 0.36);
    --compact-chip-date-text: #bfdbfe;
    --compact-chip-time-text: #e9d5ff;
    --compact-chip-weekend-text: #fdba74;
    --compact-chip-relative-text: #d1d5db;
}

.app-layout, .auth-page, .profile-page {
    background-color: var(--bg) !important;
}

.app-main { padding: 0.85rem 1rem 1.75rem; }
.app-main.wide { max-width: 980px; }

.page-header h1, .browse-solo-title, .section-title-inline {
    font-size: var(--fs-lg);
    font-weight: var(--fw-bold);
    letter-spacing: -0.03em;
    color: var(--text) !important;
}

.browse-filter-chip {
    min-width: 4.25rem;
    min-height: 4.25rem;
    border: 1px solid var(--border) !important;
    background: var(--surface) !important;
    box-shadow: var(--shadow-xs);
}
.browse-filter-chip.is-active {
    border-color: rgba(201, 162, 39, 0.4) !important;
    background: var(--gold-50) !important;
}
.browse-filter-chip-label { color: var(--text) !important; font-size: 0.625rem; }
.browse-filter-chip-value { color: var(--text) !important; }

.browse-filter-backdrop { background: rgba(0, 0, 0, 0.2) !important; }
.browse-filter-dialog {
    background: var(--surface) !important;
    border: 1px solid var(--separator) !important;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg) !important;
}

.browse-tabs a { color: var(--text-muted) !important; }
.browse-tabs a.active { color: var(--text) !important; border-bottom-color: var(--primary) !important; }

.profile-card, .profile-identity-card, .profile-sidebar, .empty-state {
    background: var(--surface) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-card) !important;
}

body.profile-menu-open::before { display: none !important; }

.hero-compact { padding: 2rem 1.25rem 1.25rem; }
.hero-compact h1 {
    font-size: clamp(1.35rem, 4.5vw, 1.75rem);
    font-weight: 700;
    letter-spacing: -0.035em;
}

.home-filter {
    background: var(--surface) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-lg);
    padding: 0.65rem;
}

.msg-bubble-wrap.mine .msg-bubble {
    background: linear-gradient(180deg, #faf6eb, #f5ecd4) !important;
    border: 1px solid rgba(201, 162, 39, 0.18) !important;
}
.msg-bubble-wrap.theirs .msg-bubble {
    background: var(--surface) !important;
    border: 1px solid var(--border) !important;
}

@media (max-width: 768px) {
    .mob-tabbar {
        background: var(--glass) !important;
        border-top: 0.5px solid var(--separator) !important;
    }
    .mob-tab.active { color: var(--primary) !important; }
}

.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
    outline: none;
    border-color: rgba(201, 162, 39, 0.45);
    box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.12);
}

/* ── Keşfet / listeleme kartları — kontrast tamir ── */

.job-id-card {
    color: var(--text) !important;
    border: 1px solid var(--border) !important;
    box-shadow: var(--shadow-card) !important;
}

.job-id-card .job-id-venue,
.job-id-card .job-id-title,
.job-id-card .job-id-price-value {
    color: var(--text) !important;
}

.job-id-card .job-id-city,
.job-id-card .job-id-subtitle,
.job-id-card .job-id-excerpt,
.job-id-card .job-id-price-label,
.job-id-card .job-schedule-date,
.job-id-card .job-schedule-time,
.job-id-card .job-schedule-weekend,
.job-id-card .job-schedule-relative,
.job-id-card .job-type-badge {
    color: var(--text-muted) !important;
}

.listing-page-compact .job-id-card .job-id-title {
    color: var(--text) !important;
}

.listing-page-compact .job-id-card .job-id-excerpt {
    color: var(--text-secondary) !important;
}

.job-id-card .job-id-city svg {
    color: var(--text-muted) !important;
    opacity: 0.85;
}

/* Avatar daireleri */
.job-id-card--musician .job-id-avatar-ring.musician-ring {
    border: 1.5px solid #a855f7 !important;
    background: transparent !important;
}
.job-id-card--musician .job-id-avatar {
    background: rgba(192, 132, 252, 0.1) !important;
}
.job-id-card--musician .job-id-avatar-icon,
.job-id-card--musician .job-id-corner-icon {
    color: #a855f7 !important;
}

.job-id-card--venue .job-id-avatar-ring.venue-ring {
    border: 1.5px solid #eab308 !important;
    background: transparent !important;
}
.job-id-card--venue .job-id-avatar {
    background: rgba(234, 179, 8, 0.1) !important;
}
.job-id-card--venue .job-id-avatar-icon,
.job-id-card--venue .job-id-corner-icon {
    color: #eab308 !important;
}

/* Etiketler & durum rozeti */
.job-id-card .job-id-tags span {
    background: var(--surface-2) !important;
    color: var(--text) !important;
    border: 1px solid var(--border) !important;
}

.job-id-card .job-id-badge,
.job-id-card .badge.badge-open {
    background: var(--badge-success-bg) !important;
    color: var(--badge-success-text) !important;
    border: none !important;
}

.job-id-card .job-id-applied-badge {
    background: var(--badge-success-bg) !important;
    color: var(--badge-success-text) !important;
    border: 1px solid rgba(34, 197, 94, 0.15) !important;
}