/* Font Display Fix - Prevents FOIT (Flash of Invisible Text)
   Tüm font-face tanımlarına font-display: swap ekler.
   Bu dosya head.php içinde yüklenir. */

/* Site ana fontları */
@font-face {
    font-family: 'Poppins';
    font-display: swap !important;
}

@font-face {
    font-family: 'Roboto';
    font-display: swap !important;
}

@font-face {
    font-family: 'Open Sans';
    font-display: swap !important;
}

@font-face {
    font-family: 'Montserrat';
    font-display: swap !important;
}

/* İkon fontları */
@font-face {
    font-family: 'FontAwesome';
    font-display: swap !important;
}

@font-face {
    font-family: 'revicons';
    font-display: swap !important;
}

@font-face {
    font-family: 'Flaticon';
    font-display: swap !important;
}

/* CLS (Cumulative Layout Shift) Fix
   Hizmet kartlarının yüklenmeden önce alan kaplaması için */
.main-category-preview .category-item img {
    aspect-ratio: 4/3;
    object-fit: cover;
    width: 100%;
    height: auto;
}

/* Ana sayfa owl-carousel CLS fix */
.home-announcements .owl-carousel .item img {
    aspect-ratio: 16/9;
    object-fit: cover;
    width: 100%;
    height: auto;
}

/* Hizmetlerimiz sayfası kart görselleri */
.card-img-top {
    aspect-ratio: 4/3;
    object-fit: cover;
}

/* Blog kartları CLS fix */
.home-news .news .item .img-section img {
    aspect-ratio: 16/9;
    object-fit: cover;
    width: 100%;
    height: auto;
}