/* ==========================================================================
   Garfield St. Hilaire Rise Portfolio Theme
   Version 2.2
   ========================================================================== */

/* ==========================================================================
   MODULE 1 — LMS / Completion UI Cleanup
   ========================================================================== */


/* Hero heading */
.cover__header-content-title {
  max-width: none !important;
  margin-bottom: 0 !important;
  line-height: 1.08 !important;
}

.portfolio-hero-name,
.portfolio-hero-role {
  display: block;
}

.portfolio-hero-name {
  font-size: clamp(2.5rem, 3.3vw, 4.2rem);
  font-weight: 900;
}

.portfolio-hero-role {
  margin-top: 0.3em;
  font-size: clamp(2rem, 2.65vw, 3.35rem);
  font-weight: 800;
  white-space: nowrap;
}

/* Supporting statement beneath the heading */
.portfolio-hero-subhead {
  position: relative;
  max-width: 41rem;
  margin: 1.6rem 0 0;
  padding-left: 1.35rem;

  color: rgba(255, 255, 255, 0.92);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.55;
}

.portfolio-hero-subhead::before {
  content: "";
  position: absolute;
  top: 0.15em;
  bottom: 0.15em;
  left: 0;

  width: 0.25rem;
  border-radius: 999px;
  background-color: rgba(255, 255, 255, 0.95);
}

/* Allow the role to wrap when the viewport becomes narrower */
@media (max-width: 62rem) {
  .portfolio-hero-role {
    white-space: normal;
  }
}

@media (max-width: 48rem) {
  .portfolio-hero-subhead {
    margin-top: 1.1rem;
    padding-left: 1rem;
    font-size: 1.05rem;
    line-height: 1.5;
  }

  .portfolio-hero-subhead::before {
    width: 0.18rem;
  }
}


/* Sidebar percentage label and horizontal progress bar. */
.classic .nav-sidebar-header__progress {
  display: none !important;
}

/* Circular completion controls beside sidebar lessons. */
.classic .lesson-progress--sidebar {
  display: none !important;
}

/* Circular viewed/completion indicators on the portfolio homepage. */
.classic .lesson-progress--cover,
.lesson-progress--legacy-cover {
  display: none !important;
}


/* ==========================================================================
   MODULE 2 — Sidebar Branding
   ========================================================================== */

/* Refined portfolio name and role inside the persistent sidebar. */
.classic .nav-sidebar-header__title {
  font-size: 2.2rem !important;
  line-height: 2.6rem !important;
}

/* Rise uses a compact title state at some viewport sizes. */
.classic .nav-sidebar-header__title--compact {
  font-size: 1.8rem !important;
  line-height: 2.2rem !important;
}




/* ==========================================================================
   MODULE 3 — Homepage Hero
   ========================================================================== */

/* Reduce the hero title slightly and tighten its line spacing while
   preserving Rise's original weight, color, alignment, and responsiveness. */
.classic .cover__header-content-title {
  font-size: 3rem !important;
  line-height: 3.3rem !important;
}

/* @media (min-width: 30em) {
  .classic .cover__header-content-title {
    font-size: 4.2rem !important;
    line-height: 4.6rem !important;
  }
}*/

@media (min-width: 90em) {
  .classic .cover__header-content-title {
    font-size: 5.6rem !important;
    line-height: 6.1rem !important;
  }
}


/* ==========================================================================
   MODULE 4 — Unified Navigation System
   ========================================================================== */

/*
   LEVEL 0
   Featured Projects
   CASE STUDIES
   Contact

   LEVEL 1
   Make Waves Through Conversations
   Microsoft 365 Copilot Adoption
   Crew Compass
*/

/* Remove Rise's lesson-type icons. Hierarchy is communicated through
   alignment, typography, indentation, spacing, and the active state. */
.classic .nav-sidebar__outline-item-link-icon,
.classic .nav-sidebar__outline-section-item-link-icon,
.classic .overview-list-item__icon {
  display: none !important;
}

/* Non-clickable CASE STUDIES element inserted by the theme JavaScript. */
.classic .gsh-nav-group-item {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.classic .gsh-nav-group-label {
  color: #666 !important;
  cursor: default;
  font-family: var(--font-family-ui);
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.6rem;
  line-height: 1.4;
  text-transform: uppercase;
  user-select: none;
}


/* --------------------------------------------------------------------------
   Sidebar navigation grid
   -------------------------------------------------------------------------- */

/* LEVEL 0: Featured Projects and Contact. */
.classic .nav-sidebar__outline-item__link,
.classic .nav-sidebar__outline-section-item__link {
  column-gap: 0 !important;
  padding-inline-start: 1.5rem !important;
  padding-inline-end: 1.5rem !important;
}

/* LEVEL 0: CASE STUDIES aligns with Featured Projects and Contact. */
.classic .gsh-nav-group-item--sidebar .gsh-nav-group-label {
  padding: 1.15rem 1.5rem 0.35rem;
}

/* LEVEL 1: only individual case studies are indented. */
.classic .gsh-case-study-item .nav-sidebar__outline-item__link,
.classic .gsh-case-study-item .nav-sidebar__outline-section-item__link {
  padding-inline-start: 3.35rem !important;
}

/* Tighten the parent/child relationship. */
.classic .gsh-nav-group-item--sidebar + .gsh-case-study-item {
  margin-top: 0 !important;
}

/* Separate Contact from the case-study collection without a divider. */
.classic .gsh-case-study-item + .nav-sidebar__outline-list-item:not(.gsh-case-study-item) {
  margin-top: 0.85rem !important;
}


/* --------------------------------------------------------------------------
   Homepage navigation grid
   -------------------------------------------------------------------------- */

/* LEVEL 0: Featured Projects and Contact. */
.classic .overview-list__li .overview-list-item__link {
  padding-inline-start: 2.5rem !important;
}

/* LEVEL 0: CASE STUDIES aligns with Featured Projects and Contact. */
.classic .gsh-nav-group-item--overview {
  list-style: none !important;
  margin: 1.1rem 0 0 !important;
  padding: 0 !important;
}

.classic .gsh-nav-group-item--overview .gsh-nav-group-label {
  padding: 0.65rem 0 0.3rem;
  margin-inline-start: 6.5rem;
}

/* LEVEL 1: only individual case studies are indented. */
.classic .overview-list__li.gsh-case-study-item .overview-list-item__link {
  padding-inline-start: 4.9rem !important;
}

/* Separate Contact from the case-study collection. */
.classic .overview-list__li.gsh-case-study-item
  + .overview-list__li:not(.gsh-case-study-item) {
  margin-top: 0.85rem !important;
}


/* ==========================================================================
   MODULE 5 — Case Study Pages
   Reserved for future project categories, lesson-header enhancements,
   metadata, and other portfolio-specific presentation patterns.
   ========================================================================== */


/* ==========================================================================
   Version 1.6 — Homepage Alignment Correction
   ========================================================================== */

/* Keep the homepage primary destinations and CASE STUDIES label on one axis.
   The individual project links remain the only indented children. */
.classic .gsh-nav-group-item--overview {
  box-sizing: border-box;
  width: 100%;
}

@media (max-width: 47.99em) {
  .classic .gsh-nav-group-item--overview .gsh-nav-group-label {
    margin-inline-start: 5.6rem;
  }
}


/* ==========================================================================
   Version 1.7 — Final Navigation Axis Refinement
   ========================================================================== */

/* The homepage overview uses a different internal layout than the sidebar.
   These values place all Level 0 items on one visual axis and establish a
   clear, single child indent for the project links. */
.classic .gsh-nav-group-item--overview .gsh-nav-group-label {
  white-space: nowrap;
}

/* Ensure the child relationship remains visible in the narrow sidebar. */
.classic .gsh-case-study-item .nav-sidebar__outline-item__link,
.classic .gsh-case-study-item .nav-sidebar__outline-section-item__link {
  text-indent: 0;
}


/* ==========================================================================
   Version 1.8 — Readable Section Label
   ========================================================================== */

/* CASE STUDIES now matches the navigation-item font size. Its muted color,
   uppercase styling, spacing, and child structure continue to identify it as
   a non-clickable section label rather than a destination. */
.classic .gsh-nav-group-label {
  opacity: 0.62;
}


/* ==========================================================================
   Version 1.9 — Navigation Label Size Match
   ========================================================================== */

/* Match CASE STUDIES to the actual clickable navigation text size.
   Its lighter tone, uppercase styling, tracking, and non-clickable behavior
   provide enough distinction without creating a size-based visual stop. */
.classic .gsh-nav-group-label {
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  line-height: 1.6rem !important;
}


/* ==========================================================================
   Version 2.0 — Typography Inheritance
   ========================================================================== */
/* Match Rise's computed navigation typography exactly. The section label now
   inherits the same font size and weight as navigation items, while remaining
   visually distinct through uppercase, tracking, opacity, and its child items.
*/


/* ==========================================================================
   Version 2.1 — Exact Rise Navigation Match
   ========================================================================== */
/* Inheritance pulled typography from the injected label's parent and made
   CASE STUDIES too large. These values match Rise Classic's actual navigation
   links exactly: 1.3rem, 700 weight, and 1.6rem line height. */


/* ==========================================================================
   Version 2.2 — Homepage Micro-Alignment
   ========================================================================== */
/* Final homepage-only adjustment: CASE STUDIES moves approximately 3px right
   to share the same visual axis as Featured Projects and Contact. Typography,
   sidebar alignment, and child indentation remain unchanged. */



   @media (max-width: 48rem) {
  .classic
    .cover__header-content
    .cover__header-content-info {
    box-sizing: border-box !important;

    width: calc(100% - 3rem) !important;
    max-width: 34rem !important;
    margin-inline: auto !important;

    padding-top: 1.5rem !important;
    padding-right: 2rem !important;
    padding-bottom: 1.5rem !important;
    padding-left: 2rem !important;

    background: rgba(35, 91, 151, 0.9) !important;
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.2);
  }

  .classic .cover__header-content-title {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
  }

  .classic .portfolio-hero-subhead {
    width: 100%;
    max-width: none;
    margin-right: 0;
  }
}