.elementor-1294 .elementor-element.elementor-element-2801060{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-b5dc15e *//* --- Footer Genel Yapı --- */
.ozel-footer-alani {
    background-color: #2c3e50; /* Koyu Lacivert/Gri Kurumsal Renk */
    color: #ecf0f1;
    font-family: var(--e-global-typography-text-font-family, sans-serif);
    font-size: 15px;
    line-height: 1.6;
    padding-top: 60px;
    width: 100%;
}

/* Konteyner (İçeriği Ortalar) */
.footer-container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
    display: grid;
    /* Masaüstünde 3 sütun: Logo geniş, diğerleri dengeli */
    grid-template-columns: 1.5fr 1.2fr 0.8fr; 
    gap: 40px;
}

/* --- Bloklar --- */
.footer-blok h4 {
    color: #fff;
    font-size: 1.2rem;
    margin-bottom: 20px;
    border-bottom: 2px solid #8FB171; /* Yeşil Çizgi */
    display: inline-block;
    padding-bottom: 5px;
}

/* 1. Blok: Logo ve Yazı */
.footer-logo img {
    max-width: 180px; /* Logo boyutu */
    margin-bottom: 20px;
    background: #fff; /* Logonun arkası şeffaf değilse beyaz kutu olsun */
    padding: 10px;
    border-radius: 5px;
}

.marka-blogu p {
    color: #bdc3c7;
    font-size: 0.95rem;
}

/* 2. Blok: İletişim Listesi */
.iletisim-listesi {
    list-style: none;
    padding: 0;
    margin: 0;
}

.iletisim-listesi li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    color: #bdc3c7;
}

.iletisim-listesi i {
    color: #8FB171; /* İkon Rengi (Yeşil) */
    margin-right: 12px;
    margin-top: 5px; /* İkonu metinle hizala */
    font-size: 16px;
    width: 20px; /* Sabit genişlik hizalamayı düzeltir */
}

.iletisim-listesi a {
    color: #bdc3c7;
    text-decoration: none;
    transition: color 0.3s;
}

.iletisim-listesi a:hover {
    color: #8FB171;
}

/* 3. Blok: Sosyal Medya */
.sosyal-ikonlar {
    display: flex;
    gap: 15px;
}

.sosyal-ikonlar a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.1);
    color: #fff;
    border-radius: 50%; /* Yuvarlak ikonlar */
    text-decoration: none;
    transition: all 0.3s;
    font-size: 18px;
}

.sosyal-ikonlar a:hover {
    background: #8FB171;
    transform: translateY(-3px); /* Hoverda hafif yukarı zıplar */
}

/* --- En Alt Telif Çubuğu --- */
.alt-telif {
    background-color: #1a252f; /* Footer'dan bir ton daha koyu */
    padding: 20px 0;
    margin-top: 50px;
    border-top: 1px solid rgba(255,255,255,0.05);
}

.alt-telif .footer-container {
    display: block; /* Grid iptal, tek blok */
    text-align: center;
}

.alt-telif p {
    margin: 0;
    font-size: 0.9rem;
    color: #7f8c8d;
}

/* --- MOBİL UYUMLULUK (Responsive) --- */
@media (max-width: 900px) {
    .footer-container {
        grid-template-columns: 1fr 1fr; /* Tablette 2 sütun */
    }
    .sosyal-blogu {
        grid-column: span 2; /* Sosyal ikonlar altta tam genişlik olsun */
        text-align: center;
    }
    .sosyal-ikonlar {
        justify-content: center;
    }
}

@media (max-width: 600px) {
    .footer-container {
        grid-template-columns: 1fr; /* Mobilde tek sütun */
        gap: 30px;
        text-align: center;
    }

    .footer-blok h4 {
        border-bottom: none; /* Mobilde çizgiyi kaldırabiliriz veya ortalayabiliriz */
        text-decoration: underline;
        text-decoration-color: #27ae60;
    }

    .iletisim-listesi li {
        justify-content: center; /* Mobilde yazıları ortala */
        text-align: center;
        flex-direction: column;
        align-items: center;
    }
    
    .iletisim-listesi i {
        margin-right: 0;
        margin-bottom: 5px;
    }
}/* End custom CSS */