/* =============================================================
   DAC Training — Courses Page
   Loaded conditionally on is_page('courses-list') only.
   Depends on: style.css (tokens, dac-container)
   ============================================================= */

/* ── Page Intro / Hero ────────────────────────────────────── */
/* The courses header uses the shared .dac-resources-hero component
   (resources.css), enqueued alongside this file in functions.php on both
   /courses-list/ and the /courses/ Tutor archive. The old one-off
   .dac-courses-intro hero was retired 2026-07-08 for site-wide header
   consistency. */

/* ── Course Grid Section ──────────────────────────────────── */

.dac-courses-main {
    padding: 64px 0 80px;
}

/* 2026-07-02: tried --dac-blue-light, then an invented grey (#E5E5E5),
   then --dac-bg (too subtle once lived with). 2026-07-06: one step
   darker via the dedicated --dac-canvas token (style.css) — kept
   separate from --dac-bg since that token is shared elsewhere.
   2026-07-06 follow-up: scoped to light theme only, same rule as
   tutor-global.css's body.tutor-frontend tint — this class is shared
   with the real Tutor course archive (/courses/, see
   bricks-child/tutor/archive-course-init.php), and was forcing this
   light-grey box even in Tutor's dark theme, mismatching the rest of
   the (correctly dark) page around it. Dark theme keeps its own
   surface color instead of being fought here. */
html[data-tutor-theme="light"] .dac-courses-main {
    background: var(--dac-canvas);
}

/* ── Responsive ───────────────────────────────────────────── */

@media (max-width: 480px) {
    .dac-courses-main {
        padding: 48px 0 60px;
    }
}