/*
Theme Name: Upstudy
Theme URI: https://thepixelcurve.com/wp/upstudy
Author: Devthrow
Author URI: https://themeforest.net/user/devthrow
Description: Premium Education WordPress LMS theme.
Version: 1.3.0
License: Split License
License URI: https://help.market.envato.com/hc/en-us/articles/202501064-What-is-Split-Licensing-and-the-GPL-
Text Domain: upstudy
Requires PHP: 7.4
Tested up to: 6.3
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

This theme, Upstudy, is licensed under the GNU General Public License.

Upstudy - Education LMS WordPress Theme.
Copyright (C) 2025 Devthrow
This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*/

/* Note: The CSS files are loaded from assets/css/ folder. */
/* Sadece "Materyal İçerikleri" ana başlığını gizle, içeriği görünür bırak */
.tutor-course-curriculum > h4:first-child {
    display: none !important;
}

/* --- Eğitim Kartlarını Eşitleme (Flexbox) --- */

.upstudy-course {
    height: 100%;
}

.course__container {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.course__content {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    min-height: 100%;
}

/* İçeriğin üst kısmı dolduktan sonra kalan boşluğu meta alanına kadar it */
.course__content--info {
    flex-grow: 1;
}

/* En alttaki meta alanını (Detaylı Bilgi Al ve Fiyat) dibe sabitle */
.course__content--meta {
    margin-top: auto !important;
    width: 100%;
    padding-top: 15px;
    border-top: 1px solid #f0f0f0;
    /* Opsiyonel: Ayırıcı çizgi */
}

/* Detaylı Bilgi Al linkinin bulunduğu alan */
.course__meta-left,
.price__1 {
    width: 100%;
}

/* --- Eğitim Kartlarını Eşitleme (V2 - Grid & Slider Fix) --- */

/* Grid Layout (Listeler) */
.tutor-course-loop-wrap,
.course-archive-wrapper,
.upstudy-related-courses,
.related-courses-wrapper {
    display: flex;
    flex-wrap: wrap;
}

/* Her bir sütun (kart kapsayıcısı) - Grid ve Slider için */
.tutor-course-col-3,
.tutor-course-col-4,
.tutor-col-xl-4,
.tutor-col-lg-4,
.tutor-col-md-6,
.tutor-col-sm-6,
.swiper-slide,
.slick-slide {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    /* Flex container içinde yüksekliği otomatik ayarla */
}

/* Kartın kendisi sütunu doldursun */
.upstudy-course {
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    /* Kapsayıcının yüksekliğini al */
}

/* Kartın iç yapısı */
.upstudy-course .course__container {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    height: 100% !important;
}

/* İçerik alanı */
.upstudy-course .course__content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

/* Meta alanını dibe it */

/* Fix for Mobile Menu Layout */
@media only screen and (max-width: 991px) {

    .upstudy-header-area .upstudy-container-fluid,
    .upstudy-header-area .upstudy-container {
        max-width: 100vw !important;
        overflow-x: hidden !important;
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .upstudy-header-area .tpc-header-navbar {
        flex-wrap: nowrap !important;
    }

    .upstudy-elementor-mobile-hamburger-menu,
    .upstudy-header-right-side {
        width: auto !important;
        max-width: none !important;
    }
}

/* Critical Fix: Custom Hamburger Menu Icon (Three Lines) */
.dt-icon-burger-menu {
    display: inline-block !important;
    width: 30px !important;
    height: 24px !important;
    position: relative !important;
    cursor: pointer !important;
}

/* Hide the icon font content */
.dt-icon-burger-menu::before {
    content: "" !important;
    display: none !important;
}

/* Create three horizontal lines for hamburger menu */
.dt-icon-burger-menu::after {
    content: "" !important;
    position: absolute !important;
    width: 100% !important;
    height: 3px !important;
    background-color: currentColor !important;
    top: 50% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;
    box-shadow:
        0 -8px 0 0 currentColor,
        0 8px 0 0 currentColor !important;
    transition: all 0.3s ease !important;
}

/* Mobile menu close button - X icon */
.upstudy-mobile-menu-close,
.mobile-menu-close,
.dt-icon-close {
    display: inline-block !important;
    width: 30px !important;
    height: 30px !important;
    position: relative !important;
    cursor: pointer !important;
}

/* Create X icon with two crossed lines */
.dt-icon-close::before,
.dt-icon-close::after {
    content: "" !important;
    position: absolute !important;
    width: 100% !important;
    height: 3px !important;
    background-color: currentColor !important;
    top: 50% !important;
    left: 0 !important;
    transition: all 0.3s ease !important;
}

.dt-icon-close::before {
    transform: translateY(-50%) rotate(45deg) !important;
}

.dt-icon-close::after {
    transform: translateY(-50%) rotate(-45deg) !important;
}

/* Also apply to parent containers */
.upstudy-mobile-menu-close::before,
.upstudy-mobile-menu-close::after,
.mobile-menu-close::before,
.mobile-menu-close::after {
    content: "" !important;
    position: absolute !important;
    width: 100% !important;
    height: 3px !important;
    background-color: currentColor !important;
    top: 50% !important;
    left: 0 !important;
    transition: all 0.3s ease !important;
}

.upstudy-mobile-menu-close::before,
.mobile-menu-close::before {
    transform: translateY(-50%) rotate(45deg) !important;
}

.upstudy-mobile-menu-close::after,
.mobile-menu-close::after {
    transform: translateY(-50%) rotate(-45deg) !important;
}



/* Ensure mobile menu container is visible */
@media only screen and (max-width: 1199px) {
    .upstudy-elementor-mobile-hamburger-menu {
        display: block !important;
        visibility: visible !important;
        position: relative !important;
        width: auto !important;
        height: auto !important;
    }

    .upstudy-elementor-mobile-hamburger-menu a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 10px !important;
    }
}

/* Fix for Slider Image Visibility on Mobile */
@media only screen and (max-width: 767px) {

    /* Ensure slider section has enough height for image */
    .elementor-element-92ed21c {
        min-height: 800px !important;
        overflow: visible !important;
        padding-bottom: 50px !important;
    }

    /* Fix image positioning on mobile */
    .elementor-element-ddceee7 {
        position: relative !important;
        top: auto !important;
        bottom: auto !important;
        margin-top: 30px !important;
        margin-bottom: 30px !important;
        width: 100% !important;
    }

    /* Ensure image is visible and properly sized */
    .elementor-element-ddceee7 img {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        max-width: 400px !important;
        display: block !important;
        margin: 0 auto !important;
    }

    /* Adjust column layout for mobile */
    .elementor-element-92ed21c .elementor-column {
        position: relative !important;
        min-height: auto !important;
    }

    /* Ensure text column has proper spacing */
    .elementor-element-92ed21c .elementor-column:first-child {
        margin-bottom: 30px !important;
    }
}