/** * Simple Course Creator — Default Stylesheet * * THEME OVERRIDE: Create a folder called scc_templates/ in the root of your * active theme and copy this file into it. Your version takes priority over * the plugin's. * * This file is organized as a living reference. Every selector the plugin * outputs appears here, in DOM order, with comments describing what it * targets and any conditions that apply. * * Additional styles from the Customizer (Appearance > Customize > * Simple Course Creator) are output inline in and override the * defaults in this file. * * Post meta styles (.scc-post-meta, .scc-post-meta-author, .scc-post-meta-date) * are in a separate file (assets/css/scc-post-meta.css) and are not part of * this override system. Target those selectors with custom CSS in your theme. */ /* ============================================================================= Course Group .scc-course-group — wraps all .scc-post-list elements when a post belongs to more than one course. Not present for single-course posts. Use this to style the group as a unit or to adjust spacing between stacked course boxes. ============================================================================= */ .scc-course-group { margin-bottom: 1.5rem; } .scc-course-group .scc-post-list { margin-bottom: 1rem; } .scc-course-group .scc-post-list:last-child { margin-bottom: 0; } /* ============================================================================= Course Listing Container .scc-post-list — always present on every course listing box .scc-single-course — added when the post belongs to exactly one course .scc-multiple-courses — added when the post belongs to more than one course [data-course-id="N"] — targets a specific course box by term ID; N is the WordPress term ID of the course. Example: .scc-post-list[data-course-id="5"] {} ============================================================================= */ .scc-post-list { position: relative; padding: 1.4rem; border: 1px solid rgba(0,0,0,.1); margin-bottom: 1.5rem; } .scc-post-list.scc-single-course {} .scc-post-list.scc-multiple-courses {} .scc-post-list[data-course-id] {} /* ============================================================================= Course Title Rendered only when the course has a Post Listing Title set (Edit Course screen), or falls back to the course name. Set Post Listing Title to an empty string on the Edit Course screen to suppress the heading entirely. ============================================================================= */ .scc-post-list .scc-post-list-title { margin-top: 0; } /* ============================================================================= Course Description .scc-course-description — wraps the term description set on the Edit Course screen. Not present when no description is set. The inner markup (typically one or more

tags) is generated by WordPress core via term_description(). ============================================================================= */ .scc-post-list .scc-course-description {} .scc-post-list .scc-course-description p:last-of-type { margin-bottom: 0; } /* ============================================================================= Toggle Button .scc-toggle-post-list — the button that shows/hides the post list; renders as a