/* #8 fn.js generates this fixed child inside the otherwise empty wrapper.
   Keep the plugin's left/bottom/z-index and language behavior unchanged. */
.gtranslate_wrapper .gt_switcher_wrapper,
.gtranslate_wrapper .gt_float_switcher {
    background: #fff;
    padding: 8px 10px;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .16);
}

@media (max-width: 767.98px) {
    /* #1 Whole-case FAQ: keep margins inside the available width. */
    main .question-ul > li {
        width: 100%;
        margin: 0 0 16px;
        float: none;
        box-sizing: border-box;
    }
    /* #1 Let each card grow with its actual text. */
    main .question-ul .question-centent { height: auto; }

    /* #2 Keep 1200px diagram and absolute overlays in the same coordinate
       system. Scroll the section instead of clipping it at the viewport. */
    main > section:has(> .position-img) {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    /* #2 Prevent the fixed diagram from shrinking inside its scrollport. */
    main > section > .position-img { width: 1200px; margin: 0; }
    /* #2 The adjacent closed-loop banners also have fixed intrinsic widths. */
    main > section:has(> .img-current[src*="/brand/center-banner"]) {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    /* #3 Both independent mobile article templates use this article ID. */
    #the-article table {
        display: block;
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
    }

    /* #6 Actual partner-page container (body has no page classes).
       Full width leaves room for the three nested customer-name columns. */
    /* #6 Cancel Bootstrap negative row gutters at the page edge. */
    .partner > .row { margin-left: 0; margin-right: 0; }
    /* #6 Keep each industry group within the partner container. */
    .partner > .row > .col-3 {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }

    /* #10 Scope to the pagination component, retain the page-count text. */
    .container .wp-pagenavi {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        justify-content: center;
        align-items: center;
        line-height: 1.5;
    }
    /* #10 Remove legacy inline margins; make each item a separate flex box. */
    .container .wp-pagenavi > * { margin: 0; line-height: 1.5; }
}