/* ==========================================================================
   FITNESA SEMINĀRI — SPECIAL ARTICLE OUTER LAYOUT
   File: /templates/ja_nexora/local/css/fs-special-article-layout.css
   Version: 1.0.0
   Date: 2026-09-20

   Applies only because default.php loads it for:
   - Semināru apraksti
   - video-seminari

   Purpose:
   - Nexora/T4 generic .container desktop cap is narrower than header-inner;
   - make header and main body use the same horizontal band;
   - preserve Bootstrap row/column gutters;
   - special articles have no T4 sidebar: component must be 100% width.
   ========================================================================== */

/* Same geometry already used successfully on the category page. */
body.view-article .nexora-header .header-inner,
body.view-article #t4-main-body > .t4-section-inner.container {
    width: 100% !important;
    max-width: 1276px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: clamp(1rem, .5rem + 2.5vw, 3rem) !important;
    padding-right: clamp(1rem, .5rem + 2.5vw, 3rem) !important;
}

@media (min-width: 1200px) {
    body.view-article .nexora-header .header-inner,
    body.view-article #t4-main-body > .t4-section-inner.container {
        max-width: 1276px !important;
        padding-left: 48px !important;
        padding-right: 48px !important;
    }
}

/* If any generic article/sidebar rule is present in the cascade,
   neutralise only the component column of these two special layouts. */
@media (min-width: 992px) {
    body.view-article
    #t4-main-body
    > .t4-section-inner
    > .t4-row:has(.fs-seminar, .fs-video-article)
    > .t4-col:not(.sidebar-l):not(.sidebar-r) {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.view-article
    #t4-main-body
    > .t4-section-inner
    > .t4-row:has(.fs-seminar, .fs-video-article)
    > .sidebar-l,
    body.view-article
    #t4-main-body
    > .t4-section-inner
    > .t4-row:has(.fs-seminar, .fs-video-article)
    > .sidebar-r {
        display: none !important;
    }
}

@media (max-width: 767.98px) {
    body.view-article .nexora-header .header-inner,
    body.view-article #t4-main-body > .t4-section-inner.container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}