@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap");
body { font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Plus Jakarta Sans", "DM Sans", sans-serif !important; font-weight: 700 !important; }
.navbar.fixed-top { background: #2D2D2D !important; border-bottom: 3px solid #F08C14 !important; }
.navbar.fixed-top, .navbar.fixed-top .nav-link, .navbar.fixed-top .navbar-brand, .navbar.fixed-top a:not(.dropdown-item), .navbar.fixed-top .popover-region-toggle, .navbar.fixed-top .userinitials { color: #ffffff !important; }
.navbar.fixed-top .nav-link:hover, .navbar.fixed-top a:hover:not(.dropdown-item) { color: #F08C14 !important; }
/* Logo in navbar */
.navbar-brand { display: flex !important; align-items: center !important; gap: 10px !important; }
.navbar-brand::before { content: ""; display: inline-block; width: 150px; height: 46px; background: url("/logo.png") no-repeat center/contain; flex-shrink: 0; }
/* Active navbar indicator orange instead of blue */
.primary-navigation .moremenu .nav-link.active, .primary-navigation .moremenu .nav-link[aria-current="true"] { border-bottom-color: #F08C14 !important; }
a { color: #F08C14 !important; }
a:hover { color: #D97008 !important; }
.btn-primary { background-color: #F08C14 !important; border-color: #F08C14 !important; border-radius: 8px !important; font-weight: 600; }
.btn-primary:hover { background-color: #D97008 !important; border-color: #D97008 !important; }
.btn-secondary { border-radius: 8px !important; }
.card { border-radius: 12px !important; }
/* Footer: full dark background, no white gaps */
#page-footer, footer, .footer-content-debugging { background: #2D2D2D !important; color: rgba(255,255,255,.7) !important; padding: 0 !important; margin: 0 !important; }
#page-footer a { color: #3CB4C8 !important; }
#page-wrapper { min-height: 100vh; display: flex; flex-direction: column; }
#page-wrapper > footer, #page-wrapper > #page-footer { margin-top: auto !important; }
/* Hide user tour reset link and other footer clutter */
.footer-content-debugging, .usertour-resettourcontainer, a[data-action="resetpagetour"] { display: none !important; }
.nav-tabs .nav-link.active { border-bottom-color: #F08C14 !important; color: #2D2D2D !important; }
.nav-tabs .nav-link { color: #F08C14 !important; }
.course-content .section .sectionname { font-size: 1.3rem; border-bottom: 2px solid #F08C14; padding-bottom: 8px; }
#page-login-index #region-main { border-radius: 16px; box-shadow: 0 4px 24px rgba(0,0,0,.1); }
.coursename a { font-weight: 600 !important; }
.dropdown-item { color: #2D2D2D !important; }
.dropdown-item:hover { color: #F08C14 !important; }
/* User initials avatar - dark text on light background for visibility */
.userinitials { background-color: #F08C14 !important; color: #2D2D2D !important; font-weight: 700 !important; }
/* Course card images - orange gradient overlay instead of ugly default */
.courseimage .courseimage-default { display: none !important; }
.card.dashboard-card { border-left: 4px solid #F08C14 !important; }
.dashboard-card .course-info-container { padding-top: 0.5rem !important; }
/* Course overview header colors */
.card-img-top { background: linear-gradient(135deg, #2D2D2D 0%, #F08C14 100%) !important; min-height: 80px; }
/* Smaller course overview font size */
.coursename { font-size: 0.95rem !important; }
.course-summarytext { font-size: 0.85rem !important; }
/* Hide "Powered by Moodle" */
.footer-section, .logininfo a[href*="moodle.com"], footer .footer-section { display: none !important; }
/* Course list cards on frontpage - left color accent bars */
.frontpage-course-list-all .coursebox { border-left: 4px solid #F08C14 !important; border-radius: 12px !important; padding: 16px !important; margin-bottom: 12px !important; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.06); transition: box-shadow 0.2s; }
.frontpage-course-list-all .coursebox:hover { box-shadow: 0 4px 16px rgba(0,0,0,.1); }
/* Color-code courses: 1st & 2nd WFW = blue accent, DigiMan = orange */
.frontpage-course-list-all .coursebox:nth-child(1),
.frontpage-course-list-all .coursebox:nth-child(2) { border-left-color: #3CB4C8 !important; }
.frontpage-course-list-all .coursebox:nth-child(3) { border-left-color: #F08C14 !important; }
/* Course contact (Trainer) line styling */
.coursebox .course-contacts { font-size: 0.85rem; color: #666; }
/* Page heading on frontpage smaller */
#page-site-index h1.h2 { font-size: 1.5rem !important; }