/* ============================================== */
/*  STICKY NAV + scroll-triggered gradient border */
/* ============================================== */
header.wp-block-template-part{
  position: sticky; top: 0; z-index: 100;
  background: #f2f2ef;
  transition: background .25s ease, backdrop-filter .25s ease;
}
header.wp-block-template-part.is-scrolled{
  background: rgba(242,242,239,0.88);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
header.wp-block-template-part::after{
  content: "";
  position: absolute; left: 0; right: 0; bottom: 0;
  height: 8px;
  background: linear-gradient(90deg,#F2542B,#DCCE6B,#A7BDD1,#ECB4B5,#587A5E);
  transform: scaleY(0); transform-origin: bottom;
  opacity: 0;
  transition: transform .3s ease, opacity .3s ease;
  pointer-events: none;
}
header.wp-block-template-part.is-scrolled::after{
  transform: scaleY(1);
  opacity: 1;
}
header.wp-block-template-part > .wp-block-group{
  transition: padding .25s ease;
}
header.wp-block-template-part.is-scrolled > .wp-block-group{
  padding-bottom: 32px !important;
}


/* ============================================== */
/*  ACTIVE NAV ITEM — per-page highlighter color  */
/* ============================================== */
header.wp-block-template-part .current-menu-item > a,
header.wp-block-template-part .current_page_item > a{
  padding: 0 .25rem;
  font-weight: 500;
}
/* Home — orange */
body.home header.wp-block-template-part .current-menu-item > a,
header.wp-block-template-part .current-menu-item > a[href="https://marinaverdu.com/"]{
  background: linear-gradient(180deg, transparent 55%, #F97043 55%);
}
/* Work — pink */
header.wp-block-template-part .current-menu-item > a[href*="/work"]{
  background: linear-gradient(180deg, transparent 55%, #ECB4B5 55%);
}
/* Illos — yellow */
header.wp-block-template-part .current-menu-item > a[href*="/illos"]{
  background: linear-gradient(180deg, transparent 55%, #DCCE6B 55%);
}
/* AI-lab — blue */
header.wp-block-template-part .current-menu-item > a[href*="/ai-lab"]{
  background: linear-gradient(180deg, transparent 55%, #A7BDD1 55%);
}
/* Ideas — gray (covers /ideas/ or /blog/) */
header.wp-block-template-part .current-menu-item > a[href*="/ideas"],
header.wp-block-template-part .current-menu-item > a[href*="/blog"]{
  background: linear-gradient(180deg, transparent 55%, #c4c0b8 55%);
}
/* Contact — light green */
header.wp-block-template-part .current-menu-item > a[href*="/contact"]{
  background: linear-gradient(180deg, transparent 55%, #b8d0bc 55%);
}


/* ============================================== */
/*  SECTION PAGES — match home's wider side padding */
/* ============================================== */
body.page-id-4821 .mv-illos,
body.page-id-4819 .mv-work,
body.page-id-4303 .mv-contact{
  padding-left: clamp(32px, 3.49vw, 64px) !important;
  padding-right: clamp(32px, 3.49vw, 64px) !important;
}


/* ============================================== */
/*  ILLOS PAGE — gallery + lightbox tweaks         */
/* ============================================== */
body.page-id-4821 .mv-illos .item::before{
  inset: 0 0 36px 0;
}
body.page-id-4821 .mv-lightbox-counter{
  border-radius: 4px;
}


/* ============================================== */
/*  CV / RESUME PAGES — hide WP chrome             */
/* ============================================== */
body:has(.mv-cv-page) header.wp-block-template-part,
body:has(.mv-cv-page) footer.wp-block-template-part,
body:has(.mv-cv-page) main > .wp-block-group > .wp-block-group:has(h2.is-style-text-marker),
body:has(.mv-cv-page) main > .wp-block-group > .wp-block-query,
body:has(.mv-cv-page) main > .wp-block-group > .wp-block-spacer{
  display: none !important;
}
/* All hero H1s — 10% smaller, line-height preserved */
.mv-hero-v2 h1,
.work-h1,
.illos-h1,
.contact-h1,
.mv-intro-heading{
  font-size: clamp(1.8rem, 4.05vw, 3.375rem) !important;
}
/* Disable sticky nav on mobile — menu overlay gets clipped otherwise */
@media (max-width: 768px){
  header.wp-block-template-part{
    position: static !important;
  }
  header.wp-block-template-part::after{
    display: none !important;
  }
  header.wp-block-template-part.is-scrolled > .wp-block-group{
    padding-bottom: 40px !important;
  }
}