/*
 * TODA ROAD fictional map background.
 * Scope: one map image per page, varied by body class and repeated naturally on long pages.
 * Rollback: remove the todaroad2026-map-background enqueue block in functions.php.
 */
html {
    min-height: 100%;
    background: #fff;
}

body {
    min-height: 100vh;
    background-color: #fff;
    background-image: url('../images/alt/fictional-road-map-bg.png');
    background-position: center top;
    background-size: 100% auto;
    background-repeat: repeat-y;
    background-attachment: scroll;
}

body.todaroad-map-bg-1 {
    background-image: url('../images/alt/fictional-road-map-bg.png');
}

body.todaroad-map-bg-2 {
    background-image: url('../images/alt/fictional-road-map-bg-02.png');
}

body.todaroad-map-bg-3 {
    background-image: url('../images/alt/fictional-road-map-bg-03.png');
}

body.todaroad-map-bg-4 {
    background-image: url('../images/alt/fictional-road-map-bg-04.png');
}

body.home .news-section,
body.home .philosophy-svg-section,
body.home .corporate-section,
body.home .wkm-section,
body.home .recruit-section,
body:not(.home) .page-hero,
body:not(.home) .breadcrumb,
body:not(.home) .sub-section,
body:not(.home) .sub-section--gray,
body:not(.home) .rec-section,
body:not(.home) .rec-video-section,
body:not(.home) .rec-stories-section,
body:not(.home) .iv3-stories-section,
body:not(.home) .pt-section,
body:not(.home) .fm-section,
body:not(.home) .ngt-section,
body:not(.home) .ma-section,
body:not(.home) .career-section,
body:not(.home) .partners-section,
body:not(.home) .contact-section,
body:not(.home) .map-section,
body:not(.home) .awards-section {
    background-color: rgba(255, 255, 255, 0.68) !important;
    background-image: none !important;
}

body.home #footer,
body:not(.home) #footer {
    background-color: #fff !important;
}

@media (max-width: 768px) {
    body {
        background-size: 180% auto;
        background-position: center top;
        background-attachment: scroll;
    }

    body.home .news-section,
    body.home .philosophy-svg-section,
    body.home .corporate-section,
    body.home .wkm-section,
    body.home .recruit-section,
    body:not(.home) .page-hero,
    body:not(.home) .breadcrumb,
    body:not(.home) .sub-section,
    body:not(.home) .sub-section--gray,
    body:not(.home) .rec-section,
    body:not(.home) .rec-video-section,
    body:not(.home) .rec-stories-section,
    body:not(.home) .iv3-stories-section,
    body:not(.home) .pt-section,
    body:not(.home) .fm-section,
    body:not(.home) .ngt-section,
    body:not(.home) .ma-section,
    body:not(.home) .career-section,
    body:not(.home) .partners-section,
    body:not(.home) .contact-section,
    body:not(.home) .map-section,
    body:not(.home) .awards-section {
        background-color: rgba(255, 255, 255, 0.72) !important;
    }
}

/* Pages that have their own white/gray section backgrounds. */
body:not(.home) .news-hero,
body:not(.home) .news-archive,
body:not(.home) .news-detail,
body:not(.home) .ma-hero,
body:not(.home) .ma-qa-section,
body:not(.home) .edu-intro-section,
body:not(.home) .edu-wrap,
body:not(.home) .edu-section,
body:not(.home) .ngt-highlights,
body:not(.home) .ngt-entry,
body:not(.home) .ngt-req,
body:not(.home) .ngt-table td,
body:not(.home) .ngt-table tr:nth-child(even) td,
body:not(.home) .wk-works {
    background-color: rgba(255, 255, 255, 0.74) !important;
    background-image: none !important;
}

body:not(.home) .edu-card,
body:not(.home) .training-chart {
    background-color: rgba(255, 255, 255, 0.90) !important;
    background-image: none !important;
}

body.page-template-page-education .edu-intro-section,
body.page-template-page-education .edu-wrap,
body.page-template-page-education .edu-section {
    background-color: rgba(255, 255, 255, 0.82) !important;
}

body:not(.home) .ngt-table th {
    background: rgba(230, 238, 244, 0.78) !important;
}

body:not(.home) .ngt-hl,
body:not(.home) .ngt-entry-card,
body:not(.home) .wk-card,
body:not(.home) .news-detail-container {
    background-color: rgba(255, 255, 255, 0.84) !important;
}