/* Hero sayfaları: sabit navbar altında tam genişlik (account-topbar ile aynı mantık) */

html:has(body.page-hero-category),
html:has(body.page-hero-model),
html:has(body.page-hero-models),
html:has(body.page-hero-event),
html:has(body.page-hero-ready),
html:has(body.page-hero-ready-detail),
html:has(body.page-hero-portal),
html:has(body.page-home) {
    margin: 0 !important;
    padding: 0 !important;
}

body.page-hero-category,
body.page-hero-model,
body.page-hero-models,
body.page-hero-event,
body.page-hero-ready,
body.page-hero-ready-detail,
body.page-hero-portal,
body.page-home {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

html:has(body.page-hero-category),
html:has(body.page-hero-model),
html:has(body.page-hero-models),
html:has(body.page-hero-event),
html:has(body.page-home) {
    background: #0a0a0a;
}

html:has(body.page-hero-ready),
html:has(body.page-hero-ready-detail),
html:has(body.page-hero-portal) {
    background: var(--primary-color);
}

body.page-hero-category,
body.page-hero-model,
body.page-hero-models,
body.page-hero-event,
body.page-home {
    background-color: #0a0a0a !important;
}

body.page-hero-ready,
body.page-hero-ready-detail,
body.page-hero-portal {
    background-color: var(--light-bg) !important;
}

/* Portal hero layout: assets/css/portal.css (.portal-page > .portal-hero) */

/* — Kategori (hardtop, offroad, pickup, expedition) —
   Not: Asıl layout artık assets/css/category-showcase.css içinde, body sınıfından bağımsız tanımlı.
   Burada yalnızca arka plan ipuçlarını koruyoruz. */
.category-hero {
    background-color: #111;
}

.category-hero .premium-breadcrumb {
    position: relative;
    z-index: 5;
    flex-shrink: 0;
}

.category-hero-bg {
    opacity: 1;
}

/* — Modeller —
   Asıl layout assets/css/models.css içinde (koşulsuz, !important). */

/* — Ürün detay — */
body.page-hero-model .model-hero {
    margin-top: calc(-1 * var(--navbar-offset)) !important;
    padding-top: var(--hero-content-top);
    height: auto !important;
    min-height: calc(100vh + var(--navbar-offset));
    min-height: calc(100dvh + var(--navbar-offset));
    box-sizing: border-box;
}

body.page-hero-model .model-hero .hero-content {
    margin-top: 0 !important;
}

body.page-hero-model .model-hero .hero-bg-img {
    opacity: 0.6;
}

/* — Etkinlik / blog / iletişim / randevu — */
body.page-hero-event .event-hero {
    margin-top: calc(-1 * var(--navbar-offset)) !important;
    padding-top: var(--hero-content-top);
    height: auto !important;
    min-height: calc(70vh + var(--navbar-offset));
}

body.page-hero-event .event-hero.detail-hero {
    min-height: calc(90vh + var(--navbar-offset));
}

body.page-hero-event .event-hero .hero-content {
    margin-top: 0 !important;
    padding-top: 0;
}

/* — Hazır araçlar listesi —
   Asıl layout assets/css/ready-products.css içinde (koşulsuz, !important). */

/* — Hazır araç detay (breadcrumb, hero yok) — */
body.page-hero-ready-detail .portal-page {
    padding-top: calc(var(--navbar-offset) + 1.5rem) !important;
}

/* Detay sayfası: navbar şeffaf değil, sabit opak */
body.page-hero-ready-detail .navbar-premium,
body.page-hero-ready-detail .navbar-premium.scrolled {
    background-color: var(--primary-color) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid color-mix(in srgb, var(--primary-color) 12%, #000) !important;
}

/* — Ana sayfa — */
body.page-home .hero-showcase {
    margin-top: calc(-1 * var(--navbar-offset)) !important;
    padding-top: 0 !important;
    min-height: calc(100vh + var(--navbar-offset));
    min-height: calc(100dvh + var(--navbar-offset));
    height: calc(100vh + var(--navbar-offset));
    height: calc(100dvh + var(--navbar-offset));
}

body.page-home .hero-center-content {
    padding-top: var(--hero-content-top);
}

@media (max-width: 991px) {
    body.page-hero-event .event-hero,
    body.page-hero-event .event-hero.detail-hero {
        min-height: calc(60vh + var(--navbar-offset)) !important;
    }
}