/* FCR Yapı — şablon (main.css) üzerine eklemeler. Şablon görselleri sabit ölçülüydü; panelden yüklenen her
   oranda görsel aynı kutuya otursun diye görseller object-fit ile kırpılır. */

/* Logo */
.header-main .logo img,
.offcanvas__logo img { max-height: 56px; width: auto; }
.gt-footer-logo img { max-height: 64px; width: auto; }

/* Görsel kutuları */
.fcr-cover img,
.fcr-about-image img,
.fcr-about-page-images img { width: 100%; object-fit: cover; display: block; }
.service-img-group .service-img img { aspect-ratio: 648 / 766; }
.project-box-item .project-image img { aspect-ratio: 424 / 337; }
.project-image-items .project-image img { aspect-ratio: 410 / 414; }
.service-card-items .service-image img { aspect-ratio: 4 / 3; }
.gt-service-details-image img { aspect-ratio: 856 / 472; }
.project-details-image img { aspect-ratio: 1224 / 577; }
.project-thumb img { aspect-ratio: 372 / 364; }
.gt-purposes-image img { aspect-ratio: 648 / 710; }
.fcr-about-image > img { aspect-ratio: 636 / 728; }
.fcr-about-image .about-image-2 img { aspect-ratio: 500 / 472; }
.fcr-about-page-images .gt-about-image img { aspect-ratio: 478 / 514; }
.fcr-about-page-images .gt-about-image-2 img { aspect-ratio: 401 / 273; }

/* Ana sayfa hizmetler, projeler ve galeri bölümleri: üst başlık harf aralığı */
.service-section-new .gt-section-title h6,
.project-section .gt-section-title h6,
.fcr-gallery-section .gt-section-title h6 { letter-spacing: 3px; }

/* Galeri bölümü başlığı ile görseller arası */
.fcr-gallery-section .gt-section-title-area { margin-bottom: 40px; gap: 20px; }

/* Hakkımızda sayfası: maddeler alt alta */
.gt-about-section .gt-about-list { flex-direction: column; align-items: flex-start; gap: 12px; }

/* Alt bilgideki iletişim kutusunda uzun e-posta adresi taşmasın */
.gt-footer-content .gt-contact-list-2 { max-width: 100%; display: inline-block; }
.gt-footer-content .gt-contact-list-2 li a { overflow-wrap: anywhere; }

/* Projeler sayfası: kartın tamamı tıklanabilir */
.project-image-items .project-image { position: relative; }
.project-image-items .project-image .project-content { z-index: 2; }
.fcr-card-link { position: absolute; inset: 0; z-index: 1; }

/* Galeri */
.fcr-gallery-item {
    position: relative;
    display: block;
    overflow: hidden;
}
.fcr-gallery-item img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    transition: transform .6s ease;
}
.fcr-gallery-item::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(29, 29, 29, .55);
    opacity: 0;
    transition: opacity .4s ease;
}
.fcr-gallery-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 56px;
    height: 56px;
    margin: -28px 0 0 -28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--gt-theme);
    color: var(--gt-white);
    font-size: 20px;
    opacity: 0;
    transform: scale(.6);
    transition: all .4s ease;
}
.fcr-gallery-item:hover img { transform: scale(1.08); }
.fcr-gallery-item:hover::after { opacity: 1; }
.fcr-gallery-item:hover .fcr-gallery-icon { opacity: 1; transform: scale(1); }

/* Hakkımızda: tarihçe ve imza */
.fcr-history p {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 20px;
}
.fcr-signature {
    margin-top: 40px;
    padding-left: 24px;
    border-left: 4px solid var(--gt-theme);
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.fcr-signature span { color: var(--gt-text); }
.fcr-signature strong {
    color: var(--gt-header);
    font-size: 20px;
    text-transform: uppercase;
}
.fcr-signature em { color: var(--gt-theme); font-style: normal; font-weight: 600; }

/* Hizmet detayı */
.gt-service-details-content .fcr-lead {
    font-size: 19px;
    font-weight: 500;
    color: var(--gt-header);
}
.gt-main-sideber .gt-single-sideber-widget ul li.fcr-active a { color: var(--gt-theme); }

/* Proje detayı: önceki / sonraki */
.fcr-pager {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid rgba(0, 0, 0, .1);
}
.fcr-pager a {
    font-weight: 600;
    color: var(--gt-header);
    text-transform: uppercase;
}
.fcr-pager a:hover { color: var(--gt-theme); }

/* Çağrı bandı: şablonda yanında insan görseli vardı; görselsiz sürümde yükseklik dolgu ile verilir. */
.fcr-cta { padding: 110px 0; }
@media (max-width: 991px) { .fcr-cta { padding: 80px 0; } }

/* İletişim formu */
.fcr-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.fcr-alert {
    margin-bottom: 24px;
    padding: 16px 20px;
    font-weight: 500;
}
.fcr-alert-success { background: #e8f6ec; color: #1d6b34; }
.fcr-alert-error { background: #fdecea; color: #a12a1c; }
.contact-info-items .content small { display: block; margin-top: 6px; color: var(--gt-text); }

/* 404 */
.fcr-404 {
    font-size: 160px !important;
    line-height: 1 !important;
    color: var(--gt-theme) !important;
    margin-bottom: 20px;
}
@media (max-width: 575px) { .fcr-404 { font-size: 110px !important; } }

/* Panelden görsel seçilmemişse başlık alanı koyu zeminde kalır. */
.gt-breadcrumb-wrapper,
.gt-contact-bg { background-color: var(--gt-header); }

/* Alt bilgi alt satırı: telif yazısı ortada */
.footer-bottom.style-2 .gt-footer-bottom-wrapper { flex-direction: column; justify-content: center; gap: 15px; }
.footer-bottom.style-2 .gt-footer-bottom-wrapper p { text-align: center; }

/* Hakkımızda: kurum logoları ve SSS */
.fcr-brand-section .gt-section-title { margin-bottom: 40px; }
.fcr-brand-section .gt-section-title h6 { letter-spacing: 3px; margin-bottom: 0; }
.fcr-brand-section .brand-image img { max-height: 70px; max-width: 180px; width: auto; object-fit: contain; }
.fcr-brand-section .gt-brand-slide-element { width: auto; }
.faq-section-new-2 .gt-section-title h6 { letter-spacing: 3px; }
.faq-wrapper-new .faq-image img { aspect-ratio: 570 / 620; }

/* İletişim haritası: Google'ın sol üstteki adres kartı iframe içinde olduğundan gizlenemez; harita yukarı kaydırılıp
   kart kırpılır. Görünen yükseklik şablondakiyle aynı kalır. */
.gt-map-items .googpemap { overflow: hidden; }
.gt-map-items .googpemap iframe { display: block; height: calc(686px + 150px); margin-top: -150px; }
@media (max-width: 575px) {
    .gt-map-items .googpemap iframe { height: calc(300px + 150px); }
}
