/*
 Theme Name:   Seolounge Child
 Theme URI:    https://seolounge.radiantthemes.com/
 Description:  Seolounge Child Theme
 Author:       radiantthemes
 Author URI:   https://radiantthemes.com/
 Template:     seolounge
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 Text Domain:  seolounge-child
*/

/*
 * FLOATING ELEMENTS (WhatsApp & Money Back)
 */
.whatsapp_float {
    width: 70px;
    height: 70px;
    overflow: hidden;
    z-index: 9991;
    /* Higher than theme elements */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: fixed;
    bottom: 80px;
    left: 20px;
    border-radius: 50%;
    text-decoration: none;
    background: #0dc143;
    color: #ffffff;
    transition: all 0.4s ease;
}

.phone_float {
    width: 70px;
    height: 70px;
    line-height: 70px;
    overflow: hidden;
    z-index: 9991;
    display: block;
    cursor: pointer;
    position: fixed;
    bottom: 160px;
    left: 20px;
    right: auto;
    text-align: center;
    border-radius: 50%;
    text-decoration: none;
    color: #ffffff;
    transition: all 0.4s ease;
}

.whatsapp_float img,
.phone_float img {
    max-width: 100%;
    height: auto;
    display: block;
}

.whatsapp_float:hover,
.phone_float:hover {
    color: #fff;
    transform: scale(1.1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

@media (max-width: 767px) {
    .whatsapp_float,
    .phone_float {
        width: 60px;
        height: 60px;
    }
    .phone_float {
        bottom: 150px;
    }
    .whatsapp_float {
        bottom: 80px;
    }
}

/* 
 * ==========================================================================
 * MODERN UNIFIED MOBILE HEADER (Final Polish)
 * ==========================================================================
 */
@media only screen and (max-width: 991px) {
    /* Main container fix */
    .wraper_header_main {
        background: #fff !important;
        border-bottom: 1px solid #f0f0f0 !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
        padding: 5px 0 !important;
    }

    /* Flex Layout for Logo and Hamburger - FORCE Logo Left, Menu Right */
    .header_main {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 10px 20px !important;
        height: auto !important;
        min-height: 70px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Hide unnecessary mobile elements */
    .header_main .clearfix,
    .header_main .header_main_action,
    .header_main .nav,
    .header_main .header_main_cart {
        display: none !important;
    }

    /* Logo Force Left */
    .brand-logo {
        width: auto !important;
        max-width: 180px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    .brand-logo .brand-logo-table,
    .brand-logo .brand-logo-table-cell {
        display: block !important;
        width: auto !important;
        text-align: left !important;
        padding: 0 !important;
    }

    .brand-logo img {
        max-height: 50px !important;
        width: auto !important;
        margin: 0 !important;
        display: block !important;
    }

    /* Menu Icon Force Right */
    .responsive-nav {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 44px !important;
        height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        float: right !important;
        background: #f8f9fa !important;
        border-radius: 8px !important;
        color: #212d31 !important;
        font-size: 26px !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
    }

    .responsive-nav:hover {
        background: #e9ecef !important;
    }
}

/* RTL Mobile Overrides (Keep Logo Left, Menu Right as requested) */
html[dir="rtl"] .header_main {
    flex-direction: row !important;
}

html[dir="rtl"] .brand-logo {
    text-align: left !important;
}

html[dir="rtl"] .brand-logo .brand-logo-table,
html[dir="rtl"] .brand-logo .brand-logo-table-cell {
    text-align: left !important;
}

/* Desktop Logic (Refinement only) */
@media only screen and (min-width: 992px) {
    /* Language Switcher Spacing */
    html[dir="rtl"] .nav>ul>li.lang-item,
    html[dir="rtl"] .nav>ul>li.menu-item-language {
        margin-right: 30px !important;
    }
}

/* Fix blog carousel description text color */
.element-twelve .btn .content p {
    color: #636363 !important;
}

/* WPBakery natively handles row margins. Horizontal scroll is prevented via the container in single-our_courses.php */

.single-our_courses #subscribe-section {
    overflow-x: hidden !important;
}

/* MOBILE REFINEMENTS FOR COURSE SCHEDULE (FORCED STACKED) */
@media (max-width: 767px) {
    .course-schedule-row {
        display: block !important;
        padding: 0 !important;
    }
    .course-schedule-col,
    .course-schedule-col-btn {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        border: none !important;
        padding: 15px 0 !important;
        margin: 0 !important;
        text-align: center !important;
        border-bottom: 1px dashed #eee !important;
    }
    .course-schedule-col-btn {
        border-bottom: none !important;
        padding-top: 25px !important;
    }
    .course-schedule-col span,
    .course-schedule-col div {
        display: block !important;
        width: 100% !important;
    }
    .course-schedule-col-btn .btn {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        border-radius: 12px !important;
        padding: 18px !important;
        font-size: 18px !important;
    }
}

/* Ensure price text color persists even in stacked mode */
.course-schedule-row .fw-bold.fs-4 {
    color: #a52a2a !important;
}