/* Performance Tuning CSS for Core Web Vitals */

/* 1. CLS Fix - Dynamic City Text (anasayfa hero hariç) */
#dynamicCityText {
    min-height: 60px;
}

.hero-home-stage #dynamicCityText {
    min-height: 0 !important;
}

/* 2. CLS Fix - Hero Section (alt sayfalar; anasayfa index.css ile 100svh) */
main > .tp-hero-2-wrapper:not(:has(.hero-home-overlay)) > .tp-hero-2-area,
main > .tp-hero-2-wrapper:not(:has(.hero-home-stage)) > .tp-hero-2-area,
body:not(:has(.hero-home-overlay)) .tp-hero-2-area,
body:not(:has(.hero-home-stage)) .tp-hero-2-area {
    min-height: 800px;
}

@media (max-width: 768px) {
    main > .tp-hero-2-wrapper:not(:has(.hero-home-overlay)) > .tp-hero-2-area,
    main > .tp-hero-2-wrapper:not(:has(.hero-home-stage)) > .tp-hero-2-area,
    body:not(:has(.hero-home-overlay)) .tp-hero-2-area,
    body:not(:has(.hero-home-stage)) .tp-hero-2-area {
        min-height: 500px;
    }
}

/* 3. Mobile Layout Fixes */
@media (max-width: 767px) {
    main > .tp-hero-2-wrapper:not(:has(.hero-home-stage)) .tp-hero-2-wrapper,
    main > .tp-hero-2-wrapper:not(:has(.hero-home-stage)) .tp-hero-2-area {
        min-height: 100svh !important;
        height: auto !important;
        overflow-x: hidden !important;
        overflow-y: visible !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 !important;
        padding-top: 0 !important;
        top: 0 !important;
    }

    main > .tp-hero-2-wrapper:has(.hero-home-overlay),
    main > .tp-hero-2-wrapper:has(.hero-home-stage) {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    body.page-home main > .tp-hero-2-wrapper:has(.hero-home-overlay),
    body.page-home main > .tp-hero-2-wrapper:has(.hero-home-stage) {
        min-height: 100svh !important;
        min-height: 100dvh !important;
        height: 100svh !important;
        height: 100dvh !important;
    }

    main > .tp-hero-2-wrapper:has(.hero-home-overlay) > .tp-hero-2-area,
    main > .tp-hero-2-wrapper:has(.hero-home-stage) > .tp-hero-2-area {
        flex: none !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        display: block !important;
    }

    body.page-home main > .tp-hero-2-wrapper:has(.hero-home-overlay) > .tp-hero-2-area,
    body.page-home main > .tp-hero-2-wrapper:has(.hero-home-stage) > .tp-hero-2-area {
        min-height: 100svh !important;
        min-height: 100dvh !important;
        height: 100svh !important;
        height: 100dvh !important;
    }
}

/* 3. CLS Fix - Services Grid */
.services-grid {
    min-height: 600px;
}

/* 4. CLS Fix - Partner Logos */
.crp-process-area {
    min-height: 200px;
}

/* 6. Video Lazy Loading Placeholder */
.reels-track {
    min-height: 400px;
    background: #0a0a0a;
}

/* 7. Compositor-safe footer link transitions (Lighthouse non-composited animations) */
.dgm-footer-area a,
.dgm-footer-widget-menu a,
.dgm-footer-copyright a {
    transition-property: opacity, transform !important;
}