/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/* スマホ・タブレット表示時：Brizyのタブを強制横一列＆横スクロール化 */
@media screen and (max-width: 768px) {
    /* 1. タブ親要素（リスト）を横並びに固定 */
    .brz-tabs__nav,
    .brz-tabs-nav,
    .brz-tab-nav,
    div[class*="brz-tabs"] ul,
    div[class*="brz-tab"] ul {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        width: 100% !important;
        padding-bottom: 8px !important;
    }

    /* 2. 各タブボタンの折り返しを防止 */
    .brz-tabs__item,
    .brz-tabs-item,
    .brz-tab-item,
    div[class*="brz-tabs"] li,
    div[class*="brz-tab"] li {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
        display: inline-block !important;
        margin-right: 8px !important;
    }

    /* 3. スクロールバーを非表示（デザイン調整） */
    div[class*="brz-tab"] ul::-webkit-scrollbar {
        display: none !important;
    }
}