/*
 Theme Name:   Twenty Twenty-One Child
 Theme URI:    https://example.com/
 Description:  Child theme of Twenty Twenty-One
 Author:       Gianmaria
 Template:     twentytwentyone
 Version:      1.0
 Text Domain:  twentytwentyone-child
*/

/* --- qui sotto i tuoi stili custom --- */

/* Palette */
:root{
  --coral:#F05C82; --peachA:#F9D1BE; --peachB:#F3B49B; --cream:#F6EEDF; --ink:#242A2A;
}

@font-face {
  font-family: 'POIAeronaut';
  src: url('/wp-content/themes/twentytwentyone-child/fonts/POIAeronautTrial-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  letter-spacing:1.3px;
}

body, .mono-hero, .homeh1, .homeh2, .btn {
  font-family: 'POIAeronaut', sans-serif !important;
}


/* === Mono Yoga Hero Section === */
.mono-hero{
  --hero-radius:28px;
  position:relative; isolation:isolate;
  background:
    linear-gradient(180deg, rgba(255,255,255,0) 20%, rgba(0,0,0,0.06) 100%),
    var(--hero-mobile, linear-gradient(180deg, var(--peachA), var(--peachB)));
  background-position:center; background-size:cover; background-repeat:no-repeat;
  border-bottom-left-radius:var(--hero-radius); border-bottom-right-radius:var(--hero-radius);
  box-shadow:0 12px 34px rgba(0,0,0,.08); color:var(--ink);
}
.mono-hero__inner{
  max-width:640px; margin-inline:auto; padding:24px 18px 40px; min-height:72vh;
  display:grid; grid-template-rows:auto auto auto 1fr auto; align-items:start; justify-items:center; text-align:center;
}
.mono-logo{ color:var(--coral); line-height:1; margin:6px 0 14px; font-weight:700; }
.mono-logo__line1{ display:block; font-size:28px; }
.mono-logo__line2{ display:block; margin-top:-4px; font-size:22px; }

.homeh1{ font-size:22px; font-weight:700; line-height:1.25; margin-top:8px; color:var(--ink); text-wrap:balance; }
.homeh2{ font-size:14px; line-height:1.5; margin:10px 0 18px; color:rgba(36,42,42,.85); max-width:26ch; text-wrap:balance; }

.mono-cta{ display:grid; width:100%; max-width:280px; gap:10px; }
.btn{ display:inline-block; width:100%; border-radius:999px; padding:12px 18px; font-weight:700; font-size:16px; text-align:center;
  text-decoration:none; transition:transform .08s, box-shadow .2s; box-shadow:0 6px 18px rgba(0,0,0,.08);}
.btn:active{ transform:scale(.985); }
.btn-primary{ background:var(--cream); color:var(--c