/* site-surface-card-unify-deployed — ilan kartı Keşfet ile her yerde aynı */

/* Liste grid — İlanlarım, Favoriler, Başvurular = Keşfet */
.listing-page-compact .job-list,
.listing-page-compact .browse-list,
.browse-panel .job-list,
.browse-panel .browse-list,
.applications-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.62rem;
    align-items: stretch;
}

@media (min-width: 768px) {
    .listing-page-compact .job-list,
    .listing-page-compact .browse-list,
    .browse-panel .job-list,
    .browse-panel .browse-list,
    .applications-grid {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 0.72rem;
    }
}

/* Mobile: single column — must beat .browse-panel .browse-list {2-col} from this file
   when global.bundle loads after browse-hero (full refresh vs PJAX parity). */
@media (max-width: 639px) {
    .browse-page .browse-list,
    .browse-page .browse-panel .browse-list,
    .browse-panel .browse-list,
    .listing-page-compact .browse-list,
    .listing-page-compact .job-list,
    .applications-grid {
        grid-template-columns: 1fr;
        gap: 0.72rem;
    }
}

.fav-card-wrap {
    display: contents;
}

.listing-page-compact .job-id-card,
.browse-panel .job-id-card {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

/* Hero kart stilleri — Keşfet dışı sayfalar */
:is(.browse-page, .listing-page-compact, .browse-panel, .home-landing) .browse-hero-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--radius-lg) !important;
    transition: border-color 0.18s var(--ease), background 0.18s var(--ease);
}

:is(.browse-page, .listing-page-compact, .browse-panel, .home-landing) .browse-hero-card:hover {
    transform: translateY(-1px);
}

:is(.browse-page, .listing-page-compact, .browse-panel, .home-landing) .browse-hero-card--applied {
    border-color: color-mix(in srgb, var(--success, #22c55e) 28%, var(--separator)) !important;
}

:is(.browse-page, .listing-page-compact, .browse-panel, .home-landing) .browse-hero-media {
    position: relative;
    aspect-ratio: 16 / 10;
    max-height: 148px;
    overflow: hidden;
    background: var(--fill-secondary) !important;
}

:is(.browse-page, .listing-page-compact, .browse-panel, .home-landing) .browse-hero-media::after {
    display: none !important;
}

:is(.browse-page, .listing-page-compact, .browse-panel, .home-landing) .browse-hero-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center center;
}

:is(.browse-page, .listing-page-compact, .browse-panel, .home-landing) .browse-hero-media-fallback {
    background: linear-gradient(160deg, color-mix(in srgb, var(--primary-soft) 35%, var(--fill-secondary)), var(--fill-secondary)) !important;
    color: color-mix(in srgb, var(--accent-deep) 50%, var(--text-muted)) !important;
}

:is(.browse-page, .listing-page-compact, .browse-panel, .home-landing) .browse-hero-card-main,
:is(.browse-page, .listing-page-compact, .browse-panel, .home-landing) .browse-hero-body {
    background: var(--surface);
    color: inherit;
    text-decoration: none;
}

:is(.browse-page, .listing-page-compact, .browse-panel, .home-landing) .browse-hero-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 5.25rem;
    padding: 0.65rem 0.8rem 0.65rem;
    border-top: 1px solid var(--separator);
    gap: 0.22rem;
}

:is(.browse-page, .listing-page-compact, .browse-panel, .home-landing) .browse-hero-tags {
    margin-top: auto;
    gap: 0.25rem;
}

:is(.browse-page, .listing-page-compact, .browse-panel, .home-landing) .browse-hero-tags span {
    font-size: 0.62rem;
    font-weight: var(--fw-semibold);
    padding: 0.14rem 0.45rem;
    border-radius: 999px;
    background: var(--primary-soft);
    border: 1px solid color-mix(in srgb, var(--primary) 18%, transparent);
    color: var(--gold-700);
}

:is(.browse-page, .listing-page-compact, .browse-panel, .home-landing) .browse-hero-name {
    font-size: var(--fs-base);
    font-weight: var(--fw-bold);
    letter-spacing: -0.025em;
    color: var(--text);
}

:is(.browse-page, .listing-page-compact, .browse-panel, .home-landing) .browse-hero-subtitle {
    font-size: var(--fs-xs);
    color: var(--gold-700);
    font-weight: var(--fw-semibold);
}

:is(.browse-page, .listing-page-compact, .browse-panel, .home-landing) .browse-hero-city {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    font-size: var(--fs-xs);
    font-weight: var(--fw-medium);
    color: var(--text-muted);
}

:is(.browse-page, .listing-page-compact, .browse-panel, .home-landing) .browse-hero-city::before {
    content: '';
    width: 0.35rem;
    height: 0.35rem;
    border-radius: 50%;
    background: var(--primary);
    opacity: 0.75;
    flex-shrink: 0;
}

:is(.browse-page, .listing-page-compact, .browse-panel, .home-landing) .browse-hero-title {
    font-size: var(--fs-sm);
    color: var(--text-secondary);
    -webkit-line-clamp: 1;
}

:is(.browse-page, .listing-page-compact, .browse-panel, .home-landing) .browse-hero-badge {
    font-size: 0.6rem;
    font-weight: var(--fw-bold);
    letter-spacing: 0.02em;
    border: 1px solid var(--separator);
    background: color-mix(in srgb, var(--surface) 88%, transparent);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: none;
}

:is(.browse-page, .listing-page-compact, .browse-panel, .home-landing) .browse-hero-fav {
    background: color-mix(in srgb, var(--surface) 90%, transparent);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

:is(.browse-page, .listing-page-compact, .browse-panel, .home-landing) .browse-hero-card-footer {
    flex-shrink: 0;
    min-height: 2.75rem;
    padding: 0.5rem 0.75rem 0.65rem;
    background: var(--surface);
    border-top: 1px solid var(--separator);
    display: flex;
    align-items: center;
}

:is(.browse-page, .listing-page-compact, .browse-panel, .home-landing) .browse-hero-listen {
    width: 100%;
    min-height: 2.15rem;
    margin: 0;
    padding: 0.36rem 0.5rem;
    background: var(--primary-soft) !important;
    border-radius: var(--radius-sm);
}

:is(.browse-page, .listing-page-compact, .browse-panel, .home-landing) .browse-hero-listen-label {
    color: var(--gold-700) !important;
    font-weight: var(--fw-semibold);
    font-size: 0.72rem;
}

/* İlan detay üst kart */
.venue-job-detail-hero .browse-hero-card {
    max-width: 22rem;
}

.venue-job-detail-hero {
    margin-bottom: 0.75rem;
}

@media (max-width: 639px) {
    :is(.browse-page, .listing-page-compact, .browse-panel, .home-landing) .browse-hero-body {
        min-height: 4.85rem;
    }

    :is(.browse-page, .listing-page-compact, .browse-panel, .home-landing) .browse-hero-card-footer {
        min-height: 2.55rem;
        padding: 0.42rem 0.55rem 0.55rem;
    }
}