/*
    Template: pearl
    Theme Name: Pearl Child Theme
    Theme URI: http://pearl.stylemixthemes.com/
    Author: StylemixThemes
    Author URI: http://stylemixthemes.com/
    Description: Pearl WP is a true multi-niche WordPress theme, which consist of several micro-niche themes. Each micro-niche layout has its own features, modules and specifications. You can use UI modules from any layout and mix it with other UI modules. 300+ UI modules and 250+ prebuilt pages are available for use. Open the shell and find the Pearl!
    Version: 1.1.1
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: beauty salon, blog, business, church, coach, construction, consulting, corporate, ecommerce, multipurpose, music, portfolio, restaurant, transportation, travel, custom-header, custom-menu, editor-style, sticky-post, theme-options
	Text Domain: pearl-child-theme
*/

@media (max-width: 767px) {
    .vc_tta-mobile-nav {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        margin-bottom: 16px;
    }

    .vc_tta-mobile-nav .vc_tta-panel-heading {
        flex: 1 1 auto;
    }

    /* Ukryj treści nieaktywnych paneli */
    .tabs-reorganized .vc_tta-panel:not(.vc_active) .vc_tta-panel-body {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .vc_tta-mobile-nav .vc_tta-panel-heading {
        flex: 1 1 auto;
        background: #f0f0f0;
        border: 1px solid #ccc;
        border-radius: 4px;
        text-align: center;
        cursor: pointer;
    }

    /* Aktywny tab */
    .tabs-reorganized .vc_tta-panel.vc_active .vc_tta-panel-heading {
        background: #2c7a2c;      /* dopasuj do koloru motywu */
        border-color: #2c7a2c;
    }

    .tabs-reorganized .vc_tta-panel.vc_active .vc_tta-panel-heading a {
        color: #fff;
        font-weight: bold;
    }
}
@media (max-width: 767px) {
    .vc_tta-mobile-nav {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        margin-bottom: 16px;
    }

    .vc_tta-mobile-nav .vc_tta-panel-heading {
        flex: 1 1 auto;
        background: #f0f0f0;
        border: 1px solid #ccc;
        border-radius: 4px;
        text-align: center;
        cursor: pointer;
    }

    /* Aktywny tab */
    .vc_tta-mobile-nav .vc_tta-panel-heading.vc_active {
        background: #2c7a2c;
        border-color: #2c7a2c;
    }

    .vc_tta-mobile-nav .vc_tta-panel-heading.vc_active a,
    .vc_tta-mobile-nav .vc_tta-panel-heading.vc_active .vc_tta-title-text {
        color: #fff;
        font-weight: bold;
    }

    .tabs-reorganized .vc_tta-panel:not(.vc_active) .vc_tta-panel-body {
        display: none !important;
    }
}