/*
  MDC Website v2.0 — Sprint 6 Training & Academy
  Purpose: Academy catalogue, course detail pages, learning pathway cards and training inquiry layouts.
*/
.academy-hero { position: relative; overflow: hidden; }
.academy-hero::after { content:""; position:absolute; inset:auto -10% -35% 45%; height:22rem; background:radial-gradient(circle, rgba(216,166,74,.24), transparent 68%); pointer-events:none; }
.academy-stat-grid { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:1rem; margin-top:2rem; }
.academy-stat { padding:1.35rem; border:1px solid rgba(255,255,255,.16); border-radius: var(--radius-lg); background:rgba(255,255,255,.07); backdrop-filter: blur(10px); }
.academy-stat strong { display:block; font-size:clamp(1.6rem,3vw,2.4rem); color:var(--color-gold); font-family:var(--font-heading); }
.academy-stat span { color:rgba(255,255,255,.78); font-size:.92rem; }
.academy-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:1.25rem; }
.academy-card { position:relative; display:flex; flex-direction:column; min-height:360px; padding:1.45rem; border-radius:var(--radius-xl); background:var(--color-white); border:1px solid var(--color-border); box-shadow:var(--shadow-sm); transition: transform .25s ease, box-shadow .25s ease; }
.academy-card:hover { transform:translateY(-5px); box-shadow:var(--shadow-lg); }
.academy-card .tag-row { display:flex; flex-wrap:wrap; gap:.45rem; margin:.65rem 0 1rem; }
.academy-card .tag { border-radius:999px; padding:.28rem .7rem; background:rgba(11,93,108,.09); color:var(--color-secondary); font-size:.75rem; font-weight:700; }
.academy-card .course-code { width:3rem; height:3rem; display:grid; place-items:center; border-radius:1rem; background:linear-gradient(135deg,var(--color-primary),var(--color-secondary)); color:#fff; font-weight:800; margin-bottom:1rem; }
.academy-card p { color:var(--color-text-muted); }
.academy-card .course-meta { display:grid; grid-template-columns:1fr 1fr; gap:.65rem; margin:1rem 0; }
.academy-card .course-meta span { border-radius:var(--radius-md); background:var(--color-soft); padding:.65rem; font-size:.84rem; color:var(--color-text); }
.academy-card .card-actions { margin-top:auto; display:flex; gap:.75rem; flex-wrap:wrap; align-items:center; }
.pathway-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:1.25rem; }
.pathway-card { padding:1.5rem; border-radius:var(--radius-xl); background:linear-gradient(180deg,#fff, var(--color-soft)); border:1px solid var(--color-border); }
.pathway-card h3 { margin-top:.4rem; }
.pathway-card ol { margin:1rem 0 0; padding-left:1.2rem; color:var(--color-text-muted); }
.delivery-matrix { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:1rem; }
.delivery-item { background:#fff; border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:1rem; }
.delivery-item strong { display:block; color:var(--color-primary); margin-bottom:.35rem; }
.course-detail-hero { background:linear-gradient(135deg,var(--color-primary),#0b5d6c); color:#fff; padding:7rem 0 4rem; }
.course-detail-hero .breadcrumbs a { color:rgba(255,255,255,.78); }
.course-detail-hero h1 { max-width:900px; color:#fff; }
.course-layout { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:2rem; align-items:start; }
.course-sidebar { position:sticky; top:6.5rem; border-radius:var(--radius-xl); padding:1.25rem; border:1px solid var(--color-border); background:#fff; box-shadow:var(--shadow-sm); }
.course-sidebar dl { display:grid; gap:.75rem; margin:1rem 0; }
.course-sidebar div { display:flex; justify-content:space-between; gap:1rem; padding-bottom:.75rem; border-bottom:1px solid var(--color-border); }
.course-sidebar dt { color:var(--color-text-muted); }
.course-sidebar dd { margin:0; font-weight:700; text-align:right; }
.module-list { display:grid; gap:.75rem; counter-reset:module; }
.module-list li { list-style:none; counter-increment:module; padding:1rem 1rem 1rem 3.5rem; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:#fff; position:relative; }
.module-list li::before { content:counter(module); position:absolute; left:1rem; top:1rem; width:1.75rem; height:1.75rem; border-radius:50%; display:grid; place-items:center; background:var(--color-secondary); color:#fff; font-weight:800; font-size:.85rem; }
.course-filter-panel { display:flex; gap:.75rem; flex-wrap:wrap; align-items:center; margin:1.5rem 0; }
.course-filter-panel input, .course-filter-panel select { min-height:44px; border:1px solid var(--color-border); border-radius:999px; padding:.75rem 1rem; font:inherit; background:#fff; }
.course-filter-panel input { flex:1 1 280px; }
.training-form { display:grid; gap:1rem; padding:1.5rem; border-radius:var(--radius-xl); background:#fff; border:1px solid var(--color-border); box-shadow:var(--shadow-sm); }
.training-form .form-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.training-form label { display:grid; gap:.4rem; font-weight:700; color:var(--color-text); }
.training-form input,.training-form select,.training-form textarea { width:100%; border:1px solid var(--color-border); border-radius:var(--radius-md); padding:.85rem; font:inherit; }
.training-form textarea { min-height:140px; resize:vertical; }
.form-note { border-radius:var(--radius-lg); padding:1rem; background:rgba(11,93,108,.09); color:var(--color-secondary); }
@media (max-width: 980px){ .academy-stat-grid,.academy-grid,.pathway-grid,.delivery-matrix{grid-template-columns:repeat(2,minmax(0,1fr));} .course-layout{grid-template-columns:1fr;} .course-sidebar{position:static;} }
@media (max-width: 640px){ .academy-stat-grid,.academy-grid,.pathway-grid,.delivery-matrix,.training-form .form-grid{grid-template-columns:1fr;} .academy-card .course-meta{grid-template-columns:1fr;} }