/* ============================================================
   Özarya Marine — Gator-Tail tarzı header / mega menü
   Bu dosya insur.css'ten SONRA yüklenmelidir.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap');

:root {
    --gt-dark: #454645;
    --gt-darker: #2f302f;
    --gt-red: #e63946;
    --gt-red-hover: #c22833;
    --gt-gray: #9aa0a6;
    --gt-font: 'Oswald', 'DM Sans', sans-serif;
}

/* ---------- Üst ince bar (telefon / e-posta / sosyal) ---------- */
.gt-topbar {
    background: var(--gt-darker);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.gt-topbar__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 38px;
    padding: 0 40px;
    flex-wrap: wrap;
}
.gt-topbar__contact a {
    color: #cfd2d4;
    font-size: 13px;
    margin-right: 24px;
    letter-spacing: 0.5px;
    transition: color 0.3s;
}
.gt-topbar__contact a i {
    color: var(--gt-red);
    margin-right: 6px;
    font-size: 12px;
}
.gt-topbar__contact a:hover { color: #fff; }
.gt-topbar__social a {
    color: #cfd2d4;
    font-size: 14px;
    margin-left: 18px;
    transition: color 0.3s;
}
.gt-topbar__social a:hover { color: var(--gt-red); }

/* ---------- Ana koyu bar ---------- */
.gt-header { position: relative; z-index: 999; }
.gt-nav.main-menu {
    background: var(--gt-dark);
    position: relative;
}
.gt-nav__inner {
    display: flex;
    align-items: center;
    padding: 0 40px;
    min-height: 88px;
}
.gt-nav__logo { margin-right: auto; }
.gt-nav__logo img {
    height: 58px;
    width: auto;
    display: block;
}

/* Toggler (mobil) */
.gt-nav__inner .mobile-nav__toggler {
    color: #fff !important;
    font-size: 24px;
}
.gt-nav__inner .mobile-nav__toggler:hover { color: var(--gt-red) !important; }

/* ---------- İletişim butonu ---------- */
.gt-nav__cta { margin-left: 36px; }
.gt-nav__cta a {
    font-family: var(--gt-font);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: var(--gt-red);
    padding: 13px 28px;
    display: inline-block;
    transition: background 0.3s;
}
.gt-nav__cta a:hover { background: var(--gt-red-hover); color: #fff; }

@media (min-width: 1200px) {

    /* ---------- Üst menü linkleri ---------- */
    .gt-nav__inner .main-menu__list > li {
        padding-top: 33px;
        padding-bottom: 33px;
    }
    .gt-nav__inner .main-menu__list > li + li { margin-left: 32px; }
    .gt-nav__inner .main-menu__list > li > a {
        font-family: var(--gt-font);
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        color: #fff;
    }
    .gt-nav__inner .main-menu__list > li:hover > a,
    .gt-nav__inner .main-menu__list > li.current > a {
        color: var(--gt-red);
    }
    /* şablonun üçgen ok işaretini gizle */
    .gt-nav__inner .main-menu__list > li > a::before { display: none; }

    /* ---------- Mega menü paneli ---------- */
    .gt-nav__inner .main-menu__list > li.gt-mega {
        position: static !important;
    }
    .gt-nav__inner .main-menu__list > li.gt-mega > ul.gt-mega__panel {
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
        background-color: #fff;
        padding: 26px 40px 34px;
        border-top: 3px solid var(--gt-red);
        border-radius: 0;
        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.2);
        max-height: calc(100vh - 130px);
        overflow-y: auto;
    }
    .gt-nav__inner .gt-mega__panel > li.gt-mega__item {
        width: auto;
        margin: 0 !important;
        border: 0;
    }
    .gt-nav__inner .gt-mega__panel > li.gt-mega__item > a {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 18px 14px;
        background: #fff;
        border-radius: 0;
        border-right: 1px solid #f0f1f2;
    }
    .gt-nav__inner .gt-mega__panel > li.gt-mega__item:last-child > a { border-right: 0; }
    .gt-nav__inner .gt-mega__panel > li.gt-mega__item > a::before { display: none; }
    .gt-nav__inner .gt-mega__panel > li.gt-mega__item:hover > a {
        background: #fafbfc;
        color: inherit;
    }

    .gt-mega__img {
        width: 100%;
        height: 150px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }
    .gt-mega__img img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        transition: transform 0.35s ease;
    }
    .gt-mega__item:hover .gt-mega__img img { transform: scale(1.07); }

    .gt-mega__name {
        font-family: var(--gt-font);
        font-size: 20px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
        line-height: 1.2;
        color: #1d1f20;
        margin-top: 14px;
        text-align: center;
        transition: color 0.3s;
    }
    .gt-mega__item:hover .gt-mega__name { color: var(--gt-red); }
    .gt-red { color: var(--gt-red); }

    /* "Tümünü Gör" kartı */
    .gt-mega__all > a { justify-content: center; }
    .gt-mega__all .gt-mega__name {
        color: var(--gt-gray);
        font-size: 16px;
        font-weight: 500;
        display: flex;
        align-items: center;
        gap: 8px;
        margin-top: 0;
    }
    .gt-mega__all:hover .gt-mega__name { color: var(--gt-red); }

    /* ---------- Normal açılır menüler ---------- */
    .gt-nav__inner .main-menu__list > li.dropdown:not(.gt-mega) > ul {
        border-top: 3px solid var(--gt-red);
        border-radius: 0;
    }
}

/* ---------- Sticky header ---------- */
.stricky-header.main-menu {
    background: var(--gt-dark);
}
.stricky-header .gt-nav__inner { min-height: 72px; }
.stricky-header .gt-nav__logo img { height: 44px; }
@media (min-width: 1200px) {
    .stricky-header .gt-nav__inner .main-menu__list > li {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}

/* ---------- Mobil menü (klonlanan liste) düzeltmeleri ---------- */
.mobile-nav__wrapper .gt-mega__img { display: none; }
.mobile-nav__wrapper .gt-mega__name {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-transform: none;
    letter-spacing: 0;
    color: inherit;
    margin: 0;
}
.mobile-nav__wrapper .gt-red { color: inherit; }

/* ---------- Responsive ---------- */
@media (max-width: 1199px) {
    .gt-nav__inner { min-height: 70px; }
    .gt-nav__cta { display: none; }
}
@media (max-width: 767px) {
    .gt-topbar__inner,
    .gt-nav__inner { padding: 0 16px; }
    .gt-topbar__contact a { margin-right: 14px; font-size: 12px; }
    .gt-topbar__social a { margin-left: 12px; }
    .gt-nav__logo img { height: 42px; }
}

/* ---------- Hizmet vitrini (slider altı, gator-tail home_cta tarzı) ---------- */
.gt-vitrin {
    background: var(--gt-darker);
    margin-bottom: 90px;
}
.gt-vitrin__sarmal {
    position: relative;
}
.gt-vitrin__list {
    display: flex;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;          /* Firefox: kaydirma cubugu gizli */
    -ms-overflow-style: none;
}
.gt-vitrin__list::-webkit-scrollbar { display: none; }
.gt-vitrin__item {
    /* 1 0 25%: 4 ve altinda satiri tam doldurur, 5+ olunca sikismaz -> yatay kaydirma */
    flex: 1 0 25%;
    /* border-box olmazsa aradaki 2px cizgiler genisligi tasirir ve 4 hizmette bile
       gereksiz kaydirma oku cikar */
    box-sizing: border-box;
    position: relative;
    background-size: cover;
    background-position: center;
}

/* Kaydirma oklari - yalnizca tasma varsa gorunur (JS ile) */
.gt-vitrin__ok {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 50%;
    background: rgba(230, 57, 70, 0.95);
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
    transition: background 0.25s;
}
.gt-vitrin__ok:hover { background: #1d1f20; }
.gt-vitrin__ok--aktif { display: flex; }
.gt-vitrin__ok--sol { left: 14px; }
.gt-vitrin__ok--sag { right: 14px; }
.gt-vitrin__item + .gt-vitrin__item { border-left: 2px solid rgba(0, 0, 0, 0.35); }
.gt-vitrin__item::before {
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background: rgba(20, 21, 22, 0.35);
    transition: background 0.35s;
}
.gt-vitrin__item:hover::before { background: rgba(20, 21, 22, 0.1); }
.gt-vitrin__item > a {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 230px;
    padding-bottom: 26px;
    position: relative;
    z-index: 2;
}
.gt-vitrin__title {
    font-family: var(--gt-font);
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    padding: 0 12px;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.55);
}
.gt-vitrin__title::after {
    content: "";
    display: block;
    width: 0;
    height: 3px;
    background: var(--gt-red);
    margin: 8px auto 0;
    transition: width 0.35s;
}
.gt-vitrin__item:hover .gt-vitrin__title::after { width: 70%; }
@media (max-width: 991px) {
    /* Mobilde 2'li satirlar halinde sarilir, kaydirma/ok yok */
    .gt-vitrin__list { flex-wrap: wrap; overflow-x: visible; }
    .gt-vitrin__item { flex: 1 0 50%; }
    .gt-vitrin__item + .gt-vitrin__item { border-left: 0; }
    .gt-vitrin__item > a { height: 180px; }
    .gt-vitrin__title { font-size: 20px; }
    .gt-vitrin__ok { display: none !important; }
}
@media (max-width: 991px) {
    .gt-vitrin { margin-bottom: 60px; }
}
@media (max-width: 520px) {
    .gt-vitrin__item { flex: 1 1 100%; }
    .gt-vitrin__item > a { height: 150px; }
}

/* ---------- Hero slider (gator-tail tarzı) ---------- */
.gt-hero { position: relative; }
.gt-hero .swiper-slide {
    position: relative;
    height: calc(100vh - 127px);
    min-height: 520px;
    max-height: 880px;
    display: flex;
    align-items: center;
}
.gt-hero__bg {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background-size: cover;
    background-position: center;
}
.gt-hero__overlay {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background: linear-gradient(90deg, rgba(18, 19, 20, 0.72) 0%, rgba(18, 19, 20, 0.38) 55%, rgba(18, 19, 20, 0.12) 100%);
}
.gt-hero .container { position: relative; z-index: 2; }
.gt-hero__title {
    font-family: var(--gt-font);
    font-weight: 700;
    font-size: 62px;
    line-height: 1.08;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    max-width: 860px;
    margin: 0 0 16px;
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.45);
}
.gt-hero__tagline {
    color: #e8eaec;
    font-size: 20px;
    letter-spacing: 0.5px;
    max-width: 660px;
    margin: 0 0 36px;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
}
.gt-hero__btns { display: flex; flex-wrap: wrap; gap: 16px; }
.gt-hero__btn {
    font-family: var(--gt-font);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 15px 32px;
    transition: all 0.3s;
}
.gt-hero__btn--video { background: var(--gt-red); }
.gt-hero__btn--video:hover { background: var(--gt-red-hover); color: #fff; }
.gt-hero__btn-play {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
.gt-hero__btn--outline {
    border: 2px solid rgba(255, 255, 255, 0.75);
    padding: 13px 32px;
}
.gt-hero__btn--outline:hover { background: #fff; color: #1d1f20; }

.gt-hero .swiper-pagination {
    position: absolute;
    left: 0; right: 0; bottom: 24px;
    z-index: 5;
    text-align: center;
}
.gt-hero .swiper-pagination-bullet {
    width: 34px;
    height: 4px;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.45);
    opacity: 1;
    margin: 0 5px;
    transition: background 0.3s;
}
.gt-hero .swiper-pagination-bullet-active { background: var(--gt-red); }

@media (max-width: 991px) {
    .gt-hero .swiper-slide { height: auto; min-height: 460px; }
    .gt-hero__title { font-size: 40px; }
    .gt-hero__tagline { font-size: 17px; }
}
@media (max-width: 575px) {
    .gt-hero .swiper-slide { min-height: 420px; }
    .gt-hero__title { font-size: 30px; }
    .gt-hero__btn { padding: 12px 22px; font-size: 13px; }
}

/* ---------- Alt CTA bandı: "Size nasıl yardımcı olabiliriz?" ---------- */
.tracking__inner {
    background-color: #2b2b2b;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.tracking-shape-1, .tracking-shape-2, .tracking-shape-3, .tracking-shape-4 { display: none; }
.tracking__icon span { color: var(--gt-red); }
.tracking__sub-title {
    color: var(--gt-red);
    font-family: var(--gt-font);
    letter-spacing: 2px;
}
.tracking__title {
    color: #fff;
    font-family: var(--gt-font);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 32px;
    line-height: 1.3;
}
.tracking__btn.thm-btn {
    background-color: var(--gt-red);
    color: #fff;
    font-family: var(--gt-font);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    border-radius: 0;
}
.tracking__btn.thm-btn::before,
.tracking__btn.thm-btn::after { background-color: var(--gt-red-hover); }

/* ---------- Footer (gator-tail #2b2b2b) ---------- */
.site-footer { background-color: #2b2b2b; }
.site-footer-bg { display: none; }
.footer-widget__title {
    font-family: var(--gt-font);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #fff;
}
.footer-widget__about-text,
.site-footer .footer-widget__contact-list li .text p { color: #b9bdc1; }
.site-footer .footer-widget__contact-list li a { color: #b9bdc1; transition: color 0.3s; }
.site-footer .footer-widget__contact-list li a:hover { color: var(--gt-red); }
.site-footer .footer-widget__contact-list li .icon span,
.site-footer .footer-widget__phone-icon span { color: var(--gt-red) !important; }
.footer-widget__phone-text a { color: #fff; }
.footer-widget__phone-text a:hover { color: var(--gt-red); }
.footer-widget__phone-text p { color: #9aa0a6; }
.site-footer__social a {
    border-color: var(--gt-red);
    border-radius: 0;
    color: #fff;
}
.site-footer__social a:hover {
    color: var(--gt-red);
    border-color: #fff;
}
.site-footer__bottom-inner { border-top: 1px solid rgba(255, 255, 255, 0.08); }
.site-footer__bottom-text { color: #9aa0a6; }
.site-footer__bottom-text a { color: var(--gt-red); }
.site-footer__bottom-text a:hover { color: #fff; }

/* ---------- Footer alt satır: sol tasarımcı / sağ telif ---------- */
.gt-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 20px;
}
.gt-bottom .site-footer__bottom-text {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}
@media (max-width: 767px) {
    .gt-bottom { justify-content: center; text-align: center; }
}

/* ---------- Tema renkleri: şablonun mavi paletini logo paletine çevir ----------
   insur.css'teki tüm --insur-base (mavi), --insur-primary (cyan) ve
   --insur-black (lacivert) kullanımları site geneli kırmızı/antrasit olur:
   thm-btn'ler, mobil menü, sayaç bandı (Güvenli Alışveriş vb.), keşif CTA'sı,
   iletişim formu, blog kart hover'ları... */
:root {
    --insur-base: #e63946;
    --insur-base-rgb: 230, 57, 70;
    --insur-primary: #e63946;
    --insur-primary-rgb: 230, 57, 70;
    --insur-black: #1d1f20;
    --insur-black-rgb: 29, 31, 32;
}

/* ---------- Mega logo ---------- */
.gt-nav__inner { min-height: 108px; }
.gt-nav__logo img { height: 88px; }
.stricky-header .gt-nav__inner { min-height: 78px; }
.stricky-header .gt-nav__logo img { height: 56px; }
@media (max-width: 1199px) {
    .gt-nav__inner { min-height: 84px; }
    .gt-nav__logo img { height: 64px; }
}
@media (max-width: 767px) {
    .gt-nav__logo img { height: 56px; }
}
/* bar yükseldiği için hero yüksekliğini güncelle */
.gt-hero .swiper-slide { height: calc(100vh - 146px); }

/* ---------- En sağdaki Kurumsal menüsü: panel sağa yaslansın ---------- */
@media (min-width: 1200px) {
    .gt-nav__inner .main-menu__list > li.gt-right > ul {
        left: auto;
        right: 0;
    }
}

/* ---------- Mobil menü tema uyumu ---------- */
.mobile-nav__content { background-color: #2b2b2b; }
.mobile-nav__content .logo-box img { max-width: 100%; height: auto; }
.mobile-nav__content .main-menu__list > li > a > button,
.mobile-nav__content .main-menu__list li a button { background-color: var(--gt-red); }
.mobile-nav__close { color: #fff; }
.mobile-nav__contact li a { color: #b9bdc1; }
.mobile-nav__contact li a:hover { color: var(--gt-red); }
.mobile-nav__contact li i { background-color: var(--gt-red); }
.mobile-nav__social a { border-color: var(--gt-red); }
.mobile-nav__social a:hover { background-color: var(--gt-red); }

/* ---------- Form bölümü: mavi süs halkalarını kaldır, fotoğrafa tema çerçevesi ---------- */
.get-insuracne-two-shape-1,
.get-insuracne-two-shape-2,
.get-insuracne-two-shape-3 { display: none; }
.get-insuracne-two__img img { border: 6px solid var(--gt-red); }

/* ---------- Sayaç bandı (Güvenli Alışveriş vb.) yazı/ikon renkleri ---------- */
.counter-one__icon span { color: #fff; }
.counter-one__text { color: rgba(255, 255, 255, 0.92); }

/* ---------- Şablonun cyan renkli süs görsellerini temaya döndür ----------
   (başlık yanı ok işaretleri, sayaç üstü çizgiler vb. PNG dosyaları) */
img[src*="section-title-shape"],
img[src*="counter-one-shape"],
img[src*="services-two-shape"],
img[src*="tracking-shape"] {
    filter: hue-rotate(160deg) saturate(1.4);
}
/* sayaç sayısı üstündeki küçük çizgi beyaz olsun (şablonda cyan gradyan) */
.counter-one__count-box:before {
    background-image: none !important;
    background-color: #fff !important;
}


/* İletişim sayfası: mobil/tablette CTA bandı haritanın üstüne binmesin
   (haritanın sol üst 'Büyük haritada görüntüle / Yol tarifi' linki tıklanabilsin) */
@media (max-width: 991px) {
    .google-map-two {
        margin-top: 0 !important;
    }
    .cta-three .cta-one__content {
        margin-bottom: 20px;
    }
}

/* ================= GALERI KAROLARI (foto + video ayni duzende) ================= */
.gt-galeri__item {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 75%;            /* 4:3 sabit oran - dikey/yatay tum gorseller ayni boyutta */
    margin-bottom: 30px;
    border-radius: 10px;
    overflow: hidden;
    background: #1d1f20;
    cursor: pointer;
}

.gt-galeri__item img {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;           /* tasan kisimlar kirpilir, gorsel bozulmaz */
    transition: transform 500ms ease;
}

.gt-galeri__item:hover img {
    transform: scale(1.07);
}

.gt-galeri__bos {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 40px;
    background: #2b2b2b;
}

/* Tum karo tiklanabilir: uzerine gelince koyu ortu + ikon */
.gt-galeri__kapak {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(29, 31, 32, 0.55);
    opacity: 0;
    transition: opacity 400ms ease;
}

.gt-galeri__item:hover .gt-galeri__kapak {
    opacity: 1;
}

.gt-galeri__ikon {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: #e63946;
    color: #fff;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0.7);
    transition: transform 400ms ease;
}

.gt-galeri__item:hover .gt-galeri__ikon {
    transform: scale(1);
}

/* Video karolarinda her zaman gorunen play rozeti */
.gt-galeri__rozet {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(230, 57, 70, 0.95);
    color: #fff;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

/* Dokunmatik cihazlarda hover yok - ikon hep gorunsun */
@media (hover: none) {
    .gt-galeri__kapak { opacity: 1; background: rgba(29, 31, 32, 0.25); }
    .gt-galeri__ikon { transform: scale(0.85); }
}