/* ALFA Construction - Custom CSS */

/* ============================================
   RENK PALETİ - LACİVERT TEMA
   ============================================ */
:root {
    --navy-blue: #172b56;
    --navy-blue-dark: #0b1930;
    --navy-blue-hover: #1f3a6e;
}

/* Logo SVG width fix */
.logo img,
.sticky-header .logo img,
.mobile-menu .nav-logo img {
    width: auto !important;
    height: 60px !important;
}

/* ============================================
   BUTONLAR - LACİVERT TEMA
   ============================================ */

/* Ana buton stilleri */
.btn-1,
.btn-1:before,
.btn-1 span {
    background: var(--navy-blue) !important;
    color: #fff !important;
}

.btn-1:hover {
    background: var(--navy-blue-hover) !important;
    color: #fff !important;
}

.btn-1 i {
    color: #fff !important;
}

/* Theme button */
.theme-btn {
    background: var(--navy-blue) !important;
    color: #fff !important;
    border-color: var(--navy-blue) !important;
}

.theme-btn:hover {
    background: var(--navy-blue-hover) !important;
    border-color: var(--navy-blue-hover) !important;
    color: #fff !important;
}

/* Link butonlar */
.link-btn a {
    color: var(--navy-blue) !important;
}

.link-btn a:hover {
    color: var(--navy-blue-hover) !important;
}

.link-btn a i {
    color: var(--navy-blue) !important;
}

.link-btn a:hover i {
    color: var(--navy-blue-hover) !important;
}

/* ============================================
   PROJE KUTULARI - ANASAYFA
   ============================================ */

/* Proje kutularını eşit yükseklik ve genişlikte yap */
.project-1-block {
    height: 100% !important;
    display: block !important;
    position: relative !important;
}

/* Görsel yüksekliğini sabitle */
.project-1-block .project-1-image {
    height: 350px !important;
    min-height: 350px !important;
    max-height: 350px !important;
    overflow: hidden !important;
    position: relative !important;
    border-radius: 7px !important;
}

/* Görseli kutunun tamamına yay */
.project-1-block .project-1-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Overlay - projeler.php ile aynı stil */
.project-1-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
    opacity: 1 !important;
}

/* Overlay - iconları kaldır, tüm kutu link olsun */
.project-1-overlay {
    display: none !important;
}

/* Proje kutusunu tıklanabilir yap */
.project-1-block {
    cursor: pointer !important;
}

.project-1-block .project-1-image {
    transition: all 0.3s ease !important;
}

.project-1-block:hover .project-1-image {
    transform: scale(1.05) !important;
}

/* İçerik - alt kısımda gradient ile */
.project-1-content {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    padding: 25px !important;
    background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.7) 70%, transparent 100%) !important;
    z-index: 5 !important;
}

.project-1-cat {
    color: #ffffff !important;
    font-size: 14px !important;
    margin-bottom: 5px !important;
    opacity: 0.9 !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
}

h4.project-1-title {
    color: #fff !important;
    font-size: 20px !important;
    margin-bottom: 0 !important;
}

h4.project-1-title a {
    color: #fff !important;
}

h4.project-1-title a:hover {
    color: var(--navy-blue) !important;
}

/* ============================================
   HİZMETLER BÖLÜMÜ
   ============================================ */

/* Service row arası boşluk - ROW'LAR ARASINA */
.row .col-lg-4 {
    margin-bottom: 40px !important;
}

/* Service block margin sıfırla, boşluğu col'dan alsın */
.service-1-block.mb_30 {
    margin-bottom: 0 !important;
}

/* Service kutularını eşit yükseklikte yap */
.service-1-block {
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
    height: 100% !important;
    min-height: 320px !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 30px 25px 25px 25px !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08) !important;
}

/* Service içerik düzeni */
.service-1-block > * {
    position: relative !important;
    z-index: 2 !important;
}

/* Service icon görüntüleme düzeltmesi */
.service-1-icon {
    display: inline-block !important;
    font-size: 55px !important;
    line-height: 55px !important;
    height: 55px !important;
    color: var(--navy-blue) !important;
    margin-bottom: 20px !important;
}

.service-1-icon svg,
.service-1-icon i {
    display: inline-block !important;
    width: 55px !important;
    height: 55px !important;
    font-size: 55px !important;
    line-height: 55px !important;
    color: var(--navy-blue) !important;
}

/* Service başlık */
.service-1-block h4 {
    margin-bottom: 15px !important;
    min-height: 55px !important;
    line-height: 1.4 !important;
}

/* Service açıklama */
.service-1-block p {
    margin-bottom: 20px !important;
    flex-grow: 1 !important;
    line-height: 1.6 !important;
}

/* Service link buton - en altta */
.service-1-block .link-btn {
    margin-top: auto !important;
    padding-top: 5px !important;
}

/* Service shape hover effect - arka plan değişimi */
.service-1-block .service-1-shape {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: var(--navy-blue) !important;
    opacity: 0 !important;
    transition: all 0.4s ease !important;
    z-index: 0 !important;
    border-radius: 8px !important;
}

.service-1-block:hover .service-1-shape {
    opacity: 1 !important;
}

.service-1-block:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2) !important;
}

/* Service block hover - tüm yazılar beyaz olsun - GÜÇLENDİRİLMİŞ */
.service-1-block:hover * {
    color: #fff !important;
}

.service-1-block:hover .service-1-icon,
.service-1-block:hover .service-1-icon i,
.service-1-block:hover .service-1-icon svg {
    color: #fff !important;
    fill: #fff !important;
}

.service-1-block:hover h4,
.service-1-block:hover h4 a,
.service-1-block:hover h4.fs_22 {
    color: #fff !important;
}

.service-1-block:hover p,
.service-1-block:hover p.c_light2,
.service-1-block:hover .c_light2 {
    color: #fff !important;
    opacity: 1 !important;
}

.service-1-block:hover .link-btn a,
.service-1-block:hover .link-btn a.c_light,
.service-1-block:hover .link-btn a.ff_sec,
.service-1-block:hover a {
    color: #fff !important;
}

.service-1-block:hover .link-btn a i,
.service-1-block:hover .link-btn a .flaticon-right-1,
.service-1-block:hover i {
    color: #fff !important;
}

/* ============================================
   MENÜ DÜZELTMELERI
   ============================================ */

/* Dropdown menü stilleri header.php'de inline olarak yönetiliyor */

/* Aktif menü rengi - beyaz (koyu arka plan için) */
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a {
    color: #fff !important;
    font-weight: 700 !important;
    position: relative !important;
}

/* Aktif menü altı çizgi */
.main-menu .navigation > li.current > a:after,
.main-menu .navigation > li.current-menu-item > a:after {
    content: '' !important;
    position: absolute !important;
    bottom: -5px !important;
    left: 0 !important;
    right: 0 !important;
    height: 2px !important;
    background: #fff !important;
}

/* Sticky header arka planı beyaz yap (dark-bg override) */
.sticky-header.dark-bg,
.sticky-header {
    background: #ffffff !important;
}

/* Sticky header - TÜM menü linkleri koyu renkte (daha güçlü seçici) */
.sticky-header .main-menu .navigation > li > a,
.sticky-header .main-menu .navigation > li.dropdown > a {
    color: #1a1a1a !important;
}

/* Sticky header - dropdown menü arka planı beyaz */
.sticky-header .main-menu .navigation > li > ul {
    background-color: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-top: 3px solid var(--navy-blue) !important;
}

/* Sticky header dropdown linkleri koyu renk */
.sticky-header .main-menu .navigation > li > ul > li > a {
    color: #1a1a1a !important;
    border-bottom: 1px solid #e5e7eb !important;
}

/* Sticky header dropdown link hover */
.sticky-header .main-menu .navigation > li > ul > li > a:hover {
    color: var(--navy-blue) !important;
    background-color: #f8f9fa !important;
}

/* Sticky header'da aktif menü - lacivert ve kalın */
.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li.current-menu-item > a {
    color: var(--navy-blue) !important;
    font-weight: 700 !important;
}

/* Sticky header aktif menü altı çizgi */
.sticky-header .main-menu .navigation > li.current > a:after,
.sticky-header .main-menu .navigation > li.current-menu-item > a:after {
    background: var(--navy-blue) !important;
}

/* Menü hover rengi - beyaz (normal header için) */
.main-header .header-upper .main-menu .navigation > li:hover > a {
    color: #fff !important;
    opacity: 0.9 !important;
}

/* Sticky header hover - lacivert (tüm linkler için) */
.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.dropdown:hover > a {
    color: var(--navy-blue) !important;
}

/* Sticky header başlangıçta tamamen gizli */
.main-header .sticky-header {
    display: none !important;
}

/* Scroll yapınca ana header'a fixed-header class'ı eklenince sticky görünür */
.main-header.fixed-header .sticky-header {
    display: block !important;
}

/* Sticky header menü görünürlük düzeltmesi */
.sticky-header .main-menu .navigation > li.dropdown {
    display: inline-block !important;
    visibility: visible !important;
}

.sticky-header .main-menu .navigation > li.dropdown > a {
    display: inline-block !important;
    visibility: visible !important;
}

/* Sticky header'daki mobil menü butonu koyu renk - güçlü seçici */
.main-header .sticky-header .nav-outer .mobile-nav-toggler img,
.sticky-header.dark-bg .mobile-nav-toggler img,
.sticky-header .mobile-nav-toggler img {
    filter: brightness(0) !important;
    opacity: 1 !important;
}

/* Normal header'daki mobil menü butonu beyaz kalsın */
.main-header .header-upper .mobile-nav-toggler img {
    filter: none !important;
}

/* ============================================
   HAKKIMIZDA BÖLÜMÜ
   ============================================ */

/* About sayfası görsel düzeltmesi - tek görsel göster */
.about-1-image-wrap {
    position: relative !important;
}

.about-1-image-1 {
    width: 100% !important;
    position: relative !important;
    z-index: 2 !important;
}

.about-1-image-2 {
    display: none !important;
}

/* ============================================
   PROJELER SAYFASI
   ============================================ */

/* Projeler sayfası masonry düzeltmesi */
.masonry-item {
    margin-bottom: 30px !important;
}

.sortable-masonry .items-container {
    display: flex !important;
    flex-wrap: wrap !important;
}

/* Projeler sayfası için alternatif görünüm düzeltmesi */
.project-1-block.alt {
    height: auto !important;
    position: relative !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-bottom: 30px !important;
}

.project-1-block.alt .project-1-image {
    position: relative !important;
    height: 400px !important;
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 7px !important;
    display: block !important;
    visibility: visible !important;
    background: #1a1a1a !important;
}

.project-1-block.alt .project-1-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Projeler sayfası - overlay kaldırıldı */
.project-1-block.alt .project-1-overlay {
    display: none !important;
}

/* Projeler sayfası - tüm kutu tıklanabilir */
.project-1-block.alt {
    cursor: pointer !important;
}

.project-1-block.alt .project-1-image {
    transition: all 0.3s ease !important;
}

.project-1-block.alt:hover .project-1-image {
    transform: scale(1.05) !important;
}

/* Projeler sayfası content alt kısımda */
.project-1-block.alt .project-1-content {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    padding: 25px !important;
    background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.7) 70%, transparent 100%) !important;
    z-index: 5 !important;
}

.project-1-block.alt .project-1-cat {
    color: #ffffff !important;
    font-size: 14px !important;
    margin-bottom: 5px !important;
    opacity: 0.9 !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
}

.project-1-block.alt h4.project-1-title {
    color: #fff !important;
    font-size: 20px !important;
    margin-bottom: 0 !important;
}

.project-1-block.alt h4.project-1-title a {
    color: #fff !important;
}

.project-1-block.alt h4.project-1-title a:hover {
    color: var(--navy-blue) !important;
}

/* ============================================
   MOBİL MENÜ DÜZELTMELERİ
   ============================================ */

/* Mobil menü iletişim bilgileri başlık */
.mobile-menu .contact-info h4 {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
    padding: 0 25px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Mobil menü iletişim bilgileri liste */
.mobile-menu .contact-info {
    position: relative !important;
    padding: 30px 0px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.mobile-menu .contact-info ul {
    list-style: none !important;
    padding: 0 25px !important;
    margin: 0 !important;
}

.mobile-menu .contact-info ul li {
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    margin-bottom: 12px !important;
    padding-left: 0 !important;
    opacity: 0.9 !important;
    border: none !important;
}

.mobile-menu .contact-info ul li:last-child {
    margin-bottom: 0 !important;
}

.mobile-menu .contact-info ul li a {
    color: #ffffff !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    opacity: 0.9 !important;
}

.mobile-menu .contact-info ul li a:hover {
    color: var(--navy-blue) !important;
    opacity: 1 !important;
}

/* Mobil menü sosyal medya linkleri */
.mobile-menu .social-links {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.mobile-menu .social-links li a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
}

.mobile-menu .social-links li a:hover {
    background: var(--navy-blue) !important;
    transform: translateY(-3px) !important;
}

.mobile-menu .social-links li a span {
    color: #ffffff !important;
}

/* Mobil menü logo altı boşluk azaltma */
.mobile-menu .nav-logo {
    margin-bottom: 40px !important;
}

/* Mobil menü genel scroll düzeltmesi */
.mobile-menu .menu-box {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

/* Mobil menü kapatma butonu daha görünür */
.mobile-menu .close-btn {
    background: rgba(255, 255, 255, 0.1) !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 50% !important;
    font-size: 20px !important;
    transition: all 0.3s ease !important;
    position: fixed !important;
    top: 20px !important;
    right: 20px !important;
    z-index: 999999 !important;
}

.mobile-menu .close-btn:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    transform: rotate(90deg) !important;
}

/* ============================================
   HİZMETLERİMİZ SAYFASI - "NEDEN BİZİ SEÇMELİSİNİZ" BÖLÜMÜ
   ============================================ */

/* Neden Bizi Seçmelisiniz bölümü - arka plan beyaz */
section.pt_120.pb_90.bg_dark2 {
    background: #ffffff !important;
}

/* Başlık renkleri koyu yap */
section.pt_120.pb_90.bg_dark2 .section_heading h6 {
    color: var(--navy-blue) !important;
}

section.pt_120.pb_90.bg_dark2 .section_heading h2 {
    color: #1a1a1a !important;
}

/* Feature box arka planları beyaz, gölgeli */
section.pt_120.pb_90.bg_dark2 .feature-box {
    background: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
}

/* Icon renkleri lacivert */
section.pt_120.pb_90.bg_dark2 .feature-box .icon-box i {
    color: var(--navy-blue) !important;
}

/* Başlık renkleri koyu */
section.pt_120.pb_90.bg_dark2 .feature-box h5 {
    color: #1a1a1a !important;
}

/* Açıklama renkleri koyu gri */
section.pt_120.pb_90.bg_dark2 .feature-box p {
    color: #6c757d !important;
}

/* ============================================
   İLETİŞİM SAYFASI - BÖLÜMLER
   ============================================ */

/* İletişim Bilgileri bölümü - arka plan beyaz */
section.pt_120.pb_90.light-bg {
    background: #ffffff !important;
}

/* İletişim Formu bölümü - arka plan beyaz */
section.pt_90.pb_120.bg_light2 {
    background: #ffffff !important;
}

/* ============================================
   ANASAYFA BANNER/SLIDE YÜKSEKLIK DÜZELTMESİ
   ============================================ */

/* Banner slider tüm slide'ları aynı yükseklikte tut */
.banner-slider-2 {
    height: 800px !important;
    overflow: hidden !important;
}

.banner-slider-2 .swiper-wrapper {
    height: 800px !important;
}

.banner-slider-2 .swiper-slide {
    height: 800px !important;
    min-height: 800px !important;
    max-height: 800px !important;
}

.banner-slider-2 .swiper-slide .bnox_76 {
    height: 100% !important;
}

/* Mobil cihazlarda banner yüksekliğini azalt */
@media only screen and (max-width: 767px) {
    /* Banner section container */
    .banner-1-section.banner-section {
        height: 550px !important;
        overflow: hidden !important;
        position: relative !important;
    }

    /* Banner container yükseklik */
    .banner-slider-2 {
        height: 550px !important;
        overflow: hidden !important;
    }

    .banner-slider-2 .swiper-wrapper {
        height: 550px !important;
    }

    .banner-slider-2 .swiper-slide {
        height: 550px !important;
        min-height: 550px !important;
        max-height: 550px !important;
        overflow: hidden !important;
    }

    /* Background image div - taşmayı önle */
    .banner-slider-2 .swiper-slide .bnox_76 {
        height: 550px !important;
        max-height: 550px !important;
        overflow: hidden !important;
    }

    .banner-slider-2 .swiper-slide .content-box {
        padding-top: 140px !important;
        padding-bottom: 100px !important;
    }

    /* Üst başlık (Premium Yaşam, Lüks Konut Projesi vb.) */
    .banner-slider-2 .swiper-slide h6 {
        font-size: 12px !important;
        margin-bottom: 15px !important;
        letter-spacing: 1.5px !important;
    }

    /* Ana başlık (Le Montana İstanbul vb.) */
    .banner-slider-2 .swiper-slide h1 {
        font-size: 36px !important;
        line-height: 1.3 !important;
        margin-bottom: 18px !important;
    }

    /* Açıklama metni */
    .banner-slider-2 .swiper-slide p {
        font-size: 15px !important;
        line-height: 1.6 !important;
        margin-bottom: 30px !important;
    }

    /* Buton boyutu */
    .banner-slider-2 .swiper-slide .btn-1 {
        padding-top: 14px !important;
        padding-bottom: 12px !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
        font-size: 13px !important;
    }

    .banner-slider-2 .swiper-slide .btn-1 i {
        font-size: 13px !important;
    }
}

/* Tablet için banner yüksekliği */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-slider-2 .swiper-slide {
        height: 600px !important;
        min-height: 600px !important;
    }

    .banner-slider-2 .swiper-slide .content-box {
        padding-top: 200px !important;
        padding-bottom: 150px !important;
    }
}

/* ============================================
   MOBİL PROJE KUTULARI DÜZELTMESİ
   ============================================ */

/* Mobilde proje kutularının yüksekliğini sabit tut */
@media only screen and (max-width: 767px) {
    .project-1-block .project-1-image {
        height: 300px !important;
        min-height: 300px !important;
        max-height: 300px !important;
    }

    .project-1-block.alt .project-1-image {
        height: 300px !important;
    }

    /* Mobilde section padding'lerini azalt */
    section.pt_120 {
        padding-top: 60px !important;
    }

    section.pb_90 {
        padding-bottom: 50px !important;
    }

    section.pb_110 {
        padding-bottom: 50px !important;
    }
}

/* Tablet için proje kutuları */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .project-1-block .project-1-image {
        height: 320px !important;
        min-height: 320px !important;
        max-height: 320px !important;
    }

    .project-1-block.alt .project-1-image {
        height: 350px !important;
    }
}