/* Vebizo özel düzenlemeler */

/* Header logo boyutu (orijinal şablonda sabit boyut yoktu, yeni logo için üst sınır) */
.header-style-one .logo-area .logo {
    display: inline-flex;
    align-items: center;
    line-height: 0;
}

.header-style-one .logo-area .logo img {
    width: auto;
    height: 44px;
    max-height: 44px;
    max-width: 180px;
    object-fit: contain;
}

@media (max-width: 991px) {
    .header-style-one .logo-area .logo img {
        height: 36px;
        max-height: 36px;
        max-width: 150px;
    }
}

@media (max-width: 575px) {
    .header-style-one .logo-area .logo img {
        height: 32px;
        max-height: 32px;
        max-width: 130px;
    }
}

/* Footer logosunu da aynı oranda küçült */
.wpr-footer-area .footer-logo-area a img {
    width: auto;
    height: 56px;
    max-height: 56px;
    max-width: 220px;
    object-fit: contain;
}

@media (max-width: 575px) {
    .wpr-footer-area .footer-logo-area a img {
        height: 44px;
        max-height: 44px;
        max-width: 180px;
    }
}

/* =====================================================================
   İkon Düzeltmeleri
   Tema, FontAwesome Pro ile birlikte kendi `i.icon.icon-*` sınıflarını
   kullanıyor. Pro fontları paylaşılmadığı için ikonlar boş görünüyordu.
   Bu blok, tema sınıflarını CDN'den yüklenen FontAwesome 6 Free
   unicode'ları ile eşleştirir.
   ===================================================================== */

/* Pro varyantları (fa-light, fa-thin, fa-sharp, fa-duotone vb.) Free'de
   genellikle yok; bu yüzden hepsini Free Solid'e (font-weight 900)
   yönlendiriyoruz — ikonun en azından çizilmesi garanti olsun. */
.fa-light,
.fa-thin,
.fa-duotone,
.fa-sharp,
.fa-sharp-duotone,
.fa-sharp.fa-regular,
.fa-sharp.fa-light,
.fa-sharp-duotone.fa-light {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

/* Tema `i.icon.icon-XYZ` sınıfları */
i.icon[class*="icon-"]::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    line-height: 1;
}

i.icon.icon-search-solid::before { content: "\f002"; }
i.icon.icon-clock-solid::before { content: "\f017"; }
i.icon.icon-user-solid::before { content: "\f007"; }
i.icon.icon-comments-solid::before { content: "\f086"; }
i.icon.icon-arrow-top-right::before { content: "\f08e"; }
i.icon.icon-long-arrow-alt-up-solid::before { content: "\f176"; }
i.icon.icon-twitter-x::before {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
    content: "\e61b";
}
i.icon.icon-linkedin-in::before {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
    content: "\f0e1";
}
i.icon.icon-github::before {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
    content: "\f09b";
}

/* `<button><i class="far fa-search">` ve benzeri kısa formlar */
.far { font-family: "Font Awesome 6 Free"; font-weight: 400; }
.fas { font-family: "Font Awesome 6 Free"; font-weight: 900; }
.fab { font-family: "Font Awesome 6 Brands"; font-weight: 400; }

/* İletişim sayfası kartlarındaki büyük ikon kutusu — FontAwesome
   render edilemediğinde içerideki ikon kaybolduğundan en azından
   düzgün görünür hale getirelim. */
.box-contact-item > .icon {
    color: #ffffff;
    font-size: 24px;
    line-height: 1;
}