/*
 Theme Name:   Astra Child
 Theme URI:    https://yourwebsite.com
 Description:  Astra Child Theme - Custom modifications for Social Buzz Media
 Author:       Your Name
 Author URI:   https://yourwebsite.com
 Template:     astra
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  astra-child
*/

/* ==========================================================================
   ADD YOUR CUSTOM CSS BELOW
   ========================================================================== */



/* 4. Disable Smooth Scroll on Mobile/Tablet */
/* This ensures native scrolling works where Locomotive is disabled */
@media (max-width: 1024px) {

    html,
    body {
        overflow: auto !important;
    }

    [data-scroll-container] {
        overflow: visible !important;
        transform: none !important;
        min-height: auto !important;
        padding-top: 0 !important;
        /* Reset padding on mobile */
    }

    /* Astra handles sticky header on mobile, so we reset position */
    .site-header {
        position: relative !important;
        top: auto;
    }
}


html.has-scroll-smooth {
    overflow: hidden;
}

html.has-scroll-smooth body {
    overflow: hidden;
}


/* --- MOBILE NAVBAR HEIGHT FIX --- */

@media (max-width: 921px) {

    /* 1. Remove extra padding from the main header bar */
    .ast-header-break-point .main-header-bar {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        min-height: 50px !important;
        /* Force a smaller minimum height */
        line-height: 1 !important;
    }

    /* 2. Constrain the Logo size on mobile */
    .ast-header-break-point .site-logo-img .custom-logo-link img {
        max-width: 120px !important;
        /* Width of logo */
        max-height: 40px !important;
        /* Height of logo */
        width: auto !important;
    }

    /* 3. Center the Menu Toggle Button vertically */
    .main-header-bar .ast-button-wrap .menu-toggle {
        margin-top: 0 !important;
        line-height: 1 !important;
    }

    /* 4. Remove any extra margin from the header container */
    .site-header {
        margin-bottom: 0 !important;
    }
}