/*
Theme Name:	Codate - Child Theme
Theme URI: http://themnific.com
Description:	A basic child theme for Codate Theme
Author:		Vergo
Author URI: http://wpmasters.org
Template:	codate
Version:	0.1
*/


/* =========================================================
   1. ELEMENTOR & GENERAL STYLES
   ========================================================= */

/* Elementor görsel önizleme alanı (tar penceresi efekti) */
.demo_preview .elementor-image {
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1), 0 2px 16px rgba(0,0,0,.06);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1), 0 2px 16px rgba(0,0,0,.06);
    box-shadow: 0 1px 2px rgba(0,0,0,.1), 0 2px 16px rgba(0,0,0,.06);
    will-change: transform;
    padding-top: 25px;
    outline: 0;
    border-radius: 3px;
    overflow: hidden;
}

.demo_preview .elementor-image::before {
    content: '···';
    font-family: Georgia, serif !important;
    text-align: left;
    top: 0;
    left: 0;
    width: 100%;
    height: 25px;
    line-height: 20px;
    padding: 0 15px;
    color: #ccc;
    font-size: 50px;
    letter-spacing: 0;
    background: #f2f2f2;
    position: absolute;
    border-radius: 3px 3px 0 0;
}

/* Genel bağlantı kenarlığını kaldır */
a {
    border: none !important;
}

/* Elementor Slick Slider gölge efekti */
.elementor-slick-slider {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15) !important;
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15) !important;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15) !important;
}


/* =========================================================
   2. HOMEPAGE SLIDER & HEADER
   ========================================================= */

/* Ana sayfa slider içeriğini tam ortala */
.home .tmnf_slider .eleslideinside {
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
}

/* Header arama ve menü ikonlarını gizle */
.head_extend .searchOpen,
.head_extend .menuOpen {
    display: none !important;
}

/* Mobil menüdeki "Main Menu" yazısını gizle, ikonları koru */
.show-menu {
    font-size: 0 !important;
}

.show-menu .fas,
.show-menu .fa-bars,
.show-menu .close_menu {
    font-size: initial;
}


/* =========================================================
   3. FOOTER STYLING & LAYOUT
   ========================================================= */

/* Mailchimp footer alanını tamamen kaldır */
#footer .mailchimp_section_alt {
    display: none !important;
}

/* Boş son sütunu (4. sütun) tamamen kaldır */
#footer .foocol.last {
    display: none !important;
}

/* Footer Sütun Genişlikleri (3 Sütun Yapısı) */
#footer .foocol.first {
    width: 45% !important;
}

#footer .foocol.second {
    width: 15% !important;
}

#footer .foocol.third {
    width: 40% !important;
}

/* Footer Logo Boyutları (Masaüstü) */
.foocol.first .sidebar_item img {
    width: 200px !important;
    max-width: 200px !important;
    height: auto !important;
}

/* İletişim sütunu içerik genişlik ayarları */
#footer .foocol.third .sidebar_item {
    max-width: 100% !important;
}

#footer .foocol.third .textwidget,
#footer .foocol.third p {
    max-width: 320px;
}


/* =========================================================
   4. RESPONSIVE / MEDIA QUERIES (MOBİL UYUMLULUK)
   ========================================================= */

/* Küçük ekranlar için logo boyutunu küçült */
@media (max-width: 600px) {
    .foocol.first .sidebar_item img {
        width: 150px !important;
        max-width: 150px !important;
    }
}

/* Tablet ve mobil cihazlar için footer sütunlarını alt alta diz */
@media (max-width: 768px) {
    #footer .foocol.first,
    #footer .foocol.second,
    #footer .foocol.third {
        width: 100% !important;
    }

    #footer .foocol.third .textwidget,
    #footer .foocol.third p {
        max-width: 100%;
    }
}