/*
Theme Name: AB Consulting - Responsive Styles
Description: Responsive breakpoints and mobile-first styling for AB Consulting theme
Author: AB Consulting Team
Version: 1.0.0
*/

/* ==========================================================================
   RESPONSIVE BREAKPOINTS
   ========================================================================== */

/* Base styles (Mobile First - 320px and up) */
/* Override CSS variables for mobile */
:root {
    --fixed-width-rows-padding: 10px; /* default */
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    :root {
        --fixed-width-rows-padding: 10px; /* Small device padding */
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    :root {
        --fixed-width-rows-padding: 10px; /* Tablet padding */
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    :root {
        --fixed-width-rows-padding: 10px; /* Desktop padding */
    }
    
    /* Desktop styles */
    
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    :root {
        --fixed-width-rows-padding: 75px; /* Large desktop padding (original value) */
    }
    
}

/* Extra extra large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    :root {
        --fixed-width-rows-padding: 100px; /* Extra large desktop padding */
    }
}



/* ==========================================================================
   MAX-WIDTH BREAKPOINTS (for specific overrides)
   ========================================================================== */

/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
    /* Mobile-only styles */
    .partner-item{
        width: 90%;
    }

    .fl-button-wrap .fl-button {
        box-sizing: border-box;
        max-width: 100%;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        line-break: auto !important;
    }

    .fl-button-wrap .fl-button-text {
        display: block;
        max-width: 100%;
        height: auto !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        line-break: auto !important;
    }
    .fl-button-wrap a{
        height: auto!important;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    /* Small device and below styles */
    .fl-col-small:not(.fl-col-small-full-width) {
        max-width: none;
    }

    .fl-node-4crdmvbhp5wo .fl-module-heading h1 {
        font-size: 38px;
        line-height: 1.1;
    }

    .fl-node-h8lp3aj1gz5o .fl-html {
        height: 520px;
    }

    .ab-partners-filters,
    .ab-partners-filter-group,
    .ab-partners-filter {
        width: 100%;
        max-width: none;
        box-sizing: border-box;
    }

    .ab-partners-filters {
        padding-right: 0;
    }

    .ab-partners-filter-group {
        min-width: 0;
    }

    .single-news .fl-photo-content img,
    .single-news .fl-photo-content{
        width:100%;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    /* Tablet and below styles */
    #menuWrapper {
        min-width: auto;
    }
    .fl-node-jwzdbym7rvfg button{
        float:right;
    }
    #menu-item-210 div span,
    #menu-item-216 div span,
    #menu-item-215 div span{
        display:none;
    }

    .fl-node-atvrdix06o1b{
        display:none!important;
    }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    /* Desktop and below styles */
    .fl-node-2feiypmu4r7d > .fl-col-content {
        padding-right: 0px!important;
    }
}

/* Extra large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
    /* Large desktop and below styles */
    
}

/* ========================================================================
   MOBILE OVERFLOW FIXES
   ======================================================================== */

@media (max-width: 575.98px) {
    html,
    body {
        min-width: 0;
        width: 100%;
        overflow-x: hidden;
    }

    #menuWrapper,
    .fl-search-form .fl-search-form-wrap,
    #wpml-ls-submenu-default,
    #wpml-ls-submenu-default li {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    .js-wpml-ls-legacy-dropdown,
    .js-wpml-ls-legacy-dropdown li,
    .js-wpml-ls-legacy-dropdown li a {
        max-width: 100%;
        box-sizing: border-box;
    }
}