/*
Theme Name: Datix Child Theme
Theme URI: https://datix.ancorathemes.com/
Description: Datix is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: AncoraThemes
Author URI: https://ancorathemes.com/
Version: 1.9.0
Tested up to: 6.7
Requires at least: 5.0
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: datix
Template: datix
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */


/* ==========================================================
   MOBILE VIDEO HERO FIX
   ========================================================== */

@media (max-width: 767px) {

    /* Videolu hero ekran yüksekliğini doldursun */
    .delayed-bg-video {
        position: relative !important;
        min-height: 100svh !important;
        overflow: hidden !important;
    }

    /* Elementor background video alanı section'ın tamamını kaplasın */
    .delayed-bg-video .elementor-background-video-container {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        overflow: hidden !important;
    }

    /* Video kırpılarak tüm alanı doldursun */
    .delayed-bg-video video.elementor-background-video-hosted {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: 100% !important;
        height: 100% !important;
        min-width: 100% !important;
        min-height: 100% !important;
        transform: translate(-50%, -50%) !important;
        object-fit: cover !important;
    }

    /* Video üstündeki içerikler görünür kalsın */
    .delayed-bg-video > .elementor-container,
    .delayed-bg-video > .elementor-background-overlay {
        position: relative;
        z-index: 2;
    }

    /* Mobil header ikonları koyu zeminde kaybolmasın */
    .top_panel .sc_layouts_menu_mobile_button,
    .top_panel .sc_layouts_menu_mobile_button .sc_layouts_item_icon,
    .top_panel .search_submit,
    .top_panel .search_modern .search_submit,
    .top_panel [class*="icon-search"],
    .top_panel [class*="icon-menu"] {
        color: #fff !important;
    }
}



/* ==========================================================
   MOBILE MENU FIX
   ========================================================== */

@media (max-width: 767px) {

    /* Menü içeriğini soldan biraz içeri al */
    .menu_mobile .menu_mobile_nav_area {
        padding-left: 24px !important;
        padding-right: 20px !important;
    }

    /* Mobil menü ana öğeleri küçült */
    .menu_mobile .menu_mobile_nav_area > ul > li > a,
    .menu_mobile .menu_mobile_nav_area > ul > li > a span {
        font-size: 22px !important;
        line-height: 1.25 !important;
    }

    /* Menü öğeleri arasındaki boşluğu azalt */
    .menu_mobile .menu_mobile_nav_area > ul > li {
        margin-bottom: 10px !important;
    }

    /* Mobil menüde sosyal ikonları gizle */
    .menu_mobile .socials_mobile {
        display: none !important;
    }
}


/* ==========================================================
   MOBILE MENU DROP DOWN BUTTON VISIBILITY FIX
   ========================================================== */

@media (max-width: 1024px) {

    .menu_mobile .menu_mobile_nav_area li > a > .open_child_menu::before {
        opacity: 1 !important;
        right: 0 !important;
        visibility: visible !important;
    }

}



/* ==========================================================
   MOBILE MENU SPLIT BACKGROUND FIX
   ========================================================== */

@media (max-width: 1024px) {

    /* Mobil menüde kullanılmayan sağ widget panelini kaldır */
    .menu_mobile .menu_mobile_widgets_area {
        display: none !important;
        width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Menü içeriğini tam genişliğe yay */
    .menu_mobile .menu_mobile_inner.with_widgets
    .menu_mobile_content_wrap_inner {
        margin-right: 0 !important;
        width: 100% !important;
        max-width: none !important;
    }

    .menu_mobile .menu_mobile_content_wrap,
    .menu_mobile .menu_mobile_content_wrap_inner {
        width: 100% !important;
        max-width: none !important;
    }

}