/**
 * İlçe Atlasım — Core Web Vitals safeguards.
 * Loaded after component styles so it can reserve layout space without
 * changing the visual design.
 */

:root {
    --ia-content-visibility-size: 720px;
}

/* Reserve stable media boxes before image bytes arrive to reduce CLS. */
.ia-hero-media,
.home-hero-media,
.ia-province-hero__media,
.ia-region-hero__media {
    overflow: hidden;
    contain: layout paint;
}

.ia-hero-media__picture,
.home-hero-media__picture,
.ia-hero-media__image,
.home-hero-media__image {
    display: block;
    width: 100%;
    height: 100%;
}

.ia-hero-media__image,
.home-hero-media__image {
    object-fit: cover;
}

/* Isolate expensive below-the-fold sections on supporting browsers. */
@supports (content-visibility: auto) {
    .ia-home > section:not(:first-child),
    .district-main > section,
    .ia-province-main > section,
    .ia-region-main > section,
    .site-footer {
        content-visibility: auto;
        contain-intrinsic-size: 1px var(--ia-content-visibility-size);
    }
}

/* Prevent late font swaps from changing control geometry. */
button,
input,
select,
textarea {
    font-synthesis: none;
}

/* Rendering containment keeps card interactions local and helps INP. */
.district-card,
.province-card,
.ia-card,
.stat-card,
.info-card {
    contain: layout paint;
}

@media (max-width: 767px) {
    :root {
        --ia-content-visibility-size: 560px;
    }
}