/*
 Theme Name: Skill Lab Academy - Hero Child
 Theme URI: https://www.skilllabacademy.com/
 Description: Child theme for Kubio. Adds a hero header on blog posts using the featured image as background. 
 Template: kubio
 Version: 1.1.0
*/
:root{ --hero-height: 56vh; }
.post-hero{ position:relative; min-height:var(--hero-height); display:grid; place-items:center;
  padding:6rem 1rem 4rem; background-size:cover; background-position:center; background-repeat:no-repeat; isolation:isolate; }
.post-hero::before{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.55)); z-index:0; }
.post-hero__inner{ position:relative; z-index:1; width:min(1100px, 92vw); color:#fff; text-align:center; }
.post-hero__meta{ display:flex; gap:.75rem; flex-wrap:wrap; justify-content:center; font-size:.9rem; opacity:.9; margin-bottom:.5rem; }
.post-hero__title{ font-size:clamp(2rem,5vw,3.5rem); line-height:1.1; margin:0 0 .75rem 0; font-weight:800; }
.post-hero__excerpt{ max-width:68ch; margin:0 auto 0; font-size:1.05rem; opacity:.95; }
.post-content{ width:min(1100px, 92vw); margin:40px auto 64px; }
.post-content a{ text-decoration:underline; } .post-content img{ height:auto; max-width:100%; }
@supports (-webkit-touch-callout: none){ .post-hero{ background-attachment:scroll; } }
@media (max-width:480px){ :root{ --hero-height: 42vh; } }


/* Full width hero nei single post */
.single-post .wp-block-kubio-hero,
.single-post .wp-block-kubio-hero .h-section,
.single-post .wp-block-kubio-hero .h-section-inner,
.single-post .wp-block-kubio-section.hero,
.single-post .entry-header {
  max-width: 100% !important;
  width: 100% !important;
}

/* Contenitore interno senza gabbia stretta */
.single-post .wp-block-kubio-hero .kubio-container,
.single-post .wp-block-kubio-hero [class*="container"],
.single-post .entry-header [class*="container"] {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 2rem;
  padding-right: 2rem;
}

/* Se l'hero è a 2 colonne, forzalo a 1 */
.single-post .wp-block-kubio-hero .h-section-inner {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}

/* Evita che i testi abbiano una max-width fissa */
.single-post .wp-block-kubio-hero .wp-block-kubio-heading,
.single-post .wp-block-kubio-hero .wp-block-kubio-paragraph {
  max-width: none !important;
}
/* === CORSI: header/menu leggibile (page ID 15989) === */
body.page-id-15989 #kubio .wp-block-kubio-navigation__outer,
body.page-id-15989 #kubio .wp-block-kubio-navigation-section__nav,
body.page-id-15989 #kubio .wp-block-kubio-navigation-items__outer,
body.page-id-15989 #kubio .wp-block-kubio-navigation .background-wrapper,
body.page-id-15989 #kubio .wp-block-kubio-navigation .background-layer {
  background-color: #000 !important; /* barra nera */
}

/* Link menu (anche variante "accordion menu") */
body.page-id-15989 #kubio .wp-block-kubio-navigation .kubio-menu a,
body.page-id-15989 #kubio .wp-block-kubio-accordion-menu .kubio-menu a {
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.25);
}

/* Logo testuale nel menu */
body.page-id-15989 #kubio .wp-block-kubio-logo__text {
  color: #fff !important;
}

/* Icona hamburger/offcanvas */
body.page-id-15989 #kubio .wp-block-kubio-menu-offscreen__icon svg,
body.page-id-15989 #kubio .wp-block-kubio-menu-offscreen__icon svg * {
  fill: #fff !important; stroke: #fff !important;
}

/* Sticky (se mai lo attivi) */
body.page-id-15989 #kubio .h-navigation_sticky:not(.extra-1).wp-block-kubio-navigation-section__nav {
  background-color: #000 !important;
}

/* Dark mode: tono leggermente più soft, sempre leggibile */
@media (prefers-color-scheme: dark) {
  body.page-id-15989 #kubio .wp-block-kubio-navigation__outer,
  body.page-id-15989 #kubio .wp-block-kubio-navigation-section__nav {
    background-color: #111 !important;
  }
}

.is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 100% !important;
}