/* PianoMK Cream Neobrutalist — loaded site-wide by the PianoMK Styles plugin */

:root{
  --cream:#FCF3E3; --paper:#FFFDF8; --ink:#1A1A1A; --muted:#6B6257;
  --peach:#FFD9C7; --mint:#CDEBDD; --lav:#E3DCF7;
  --bd:2.5px solid var(--ink); --sh:4px 4px 0 var(--ink);
}

/* ---------- HEADER ---------- */
.pk-site-header{
  background:var(--cream);
  border-bottom:var(--bd);
  font-family:'Archivo',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
.pk-header-inner{max-width:1140px; margin:0 auto; align-items:center;}
.pk-logo{margin:0;}
.pk-logo img{display:block; height:auto;}

/* nav links as pills (desktop) */
.pk-nav .wp-block-navigation__container{gap:10px;}
.pk-nav .wp-block-navigation-item__content{
  padding:9px 18px; border-radius:999px; border:2.5px solid transparent;
  font-family:'Archivo',sans-serif;
  font-weight:800; font-size:14px; letter-spacing:.04em; text-transform:uppercase;
  text-decoration:none; color:var(--ink);
  transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease, background .14s ease;
}
.pk-nav .wp-block-navigation-item__content:hover,
.pk-nav .current-menu-item > .wp-block-navigation-item__content,
.pk-nav .current_page_item > .wp-block-navigation-item__content{
  background:var(--paper); border:var(--bd); box-shadow:var(--sh); transform:translate(-2px,-2px);
}

/* hamburger button */
.pk-nav .wp-block-navigation__responsive-container-open{
  border:var(--bd); border-radius:12px; padding:8px; background:var(--paper);
  box-shadow:var(--sh); color:var(--ink);
}

/* ---------- MOBILE MENU OVERLAY — big & centered (overrides Variations theme) ---------- */
.wp-block-navigation__responsive-container.is-menu-open{
  background:var(--cream)!important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  height:100%!important;
  padding:24px!important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
  display:flex!important;
  width:100%!important;
  justify-content:center!important;
  align-items:center!important;
}
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:30px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container > li.wp-block-navigation-item{
  width:100%!important;
  justify-content:center!important;
  text-align:center!important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{
  font-family:'Archivo',sans-serif!important;
  font-size:32px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  text-transform:uppercase!important;
  text-align:center!important;
  text-decoration:none!important;
  color:var(--ink)!important;
  width:auto!important;
  padding:4px 8px!important;
  border:none!important;
  box-shadow:none!important;
  transform:none!important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover{
  color:var(--muted)!important;
}
/* close (X) button — styled, theme keeps it pinned top-right */
.wp-block-navigation__responsive-container-close{
  border:var(--bd)!important; border-radius:14px!important; padding:8px!important;
  background:var(--paper)!important; box-shadow:var(--sh)!important; color:var(--ink)!important;
}

/* ---------- FOOTER ---------- */
.pk-site-footer{background:var(--cream); border-top:var(--bd);}
.pk-footer-inner{max-width:1140px; margin:0 auto; align-items:center;}
.pk-foot-brand a{font-weight:800; text-transform:uppercase; text-decoration:none; color:var(--ink);}
.pk-foot-copy{
  font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase;
  color:var(--muted); margin:0;
}

/* ---------- HOME: HERO ---------- */
.pk-hero{text-align:center;}
.pk-eyebrow{
  display:inline-block; background:var(--peach); border:var(--bd); box-shadow:var(--sh);
  font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase;
  padding:7px 18px; border-radius:999px; margin-bottom:24px;
}
.pk-photo img{
  border:var(--bd); border-radius:26px; box-shadow:8px 8px 0 var(--ink);
  width:340px; height:340px; max-width:78vw; object-fit:cover; background:var(--paper);
}
.pk-name{
  font-family:'Archivo',sans-serif;
  font-size:clamp(32px,6vw,58px); font-weight:900; letter-spacing:-.02em;
  text-transform:uppercase; line-height:1.04; margin:18px 0 8px;
}
.pk-sub{
  font-weight:800; font-size:14px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--muted); margin-bottom:30px;
}
.pk-btns{gap:16px;}
.pk-btn .wp-block-button__link{
  border:var(--bd)!important; border-radius:999px!important; box-shadow:var(--sh)!important;
  color:var(--ink)!important; font-weight:800; font-size:13px; letter-spacing:.06em;
  text-transform:uppercase; padding:15px 30px;
  transition:transform .14s ease, box-shadow .14s ease;
}
.pk-btn .wp-block-button__link:hover{transform:translate(-3px,-3px); box-shadow:7px 7px 0 var(--ink)!important;}
.pk-peach .wp-block-button__link{background:var(--peach)!important;}
.pk-mint  .wp-block-button__link{background:var(--mint)!important;}
.pk-lav   .wp-block-button__link{background:var(--lav)!important;}

/* ---------- HOME: SECTIONS ---------- */
.pk-h2{font-family:'Archivo',sans-serif; font-weight:900; text-transform:uppercase; letter-spacing:-.01em; margin:40px 0 24px;}
.pk-card{background:var(--paper); border:var(--bd); border-radius:20px; padding:28px 24px; box-shadow:var(--sh); height:100%;}
.pk-badge{display:inline-flex; width:52px; height:52px; align-items:center; justify-content:center; border:var(--bd); border-radius:14px; font-size:24px; margin:0 0 14px;}
.pk-card h3{font-weight:800; font-size:17px; text-transform:uppercase; margin:0 0 8px;}
.pk-card p{color:var(--muted); font-weight:600; font-size:14.5px; margin:0;}
.pk-socials{gap:16px;}
.pk-soc{background:var(--paper); border:var(--bd); border-radius:16px; padding:16px 26px; box-shadow:var(--sh); min-width:160px; text-align:center;}
.pk-soc-label{font-weight:800; font-size:14px; text-transform:uppercase; margin:0;}
.pk-soc-handle{color:var(--muted); font-weight:600; font-size:13px; margin:0;}

/* ---------- WOOCOMMERCE ---------- */
.woocommerce .button, .woocommerce a.button, .woocommerce button.button{
  background:var(--peach)!important; color:var(--ink)!important; border:var(--bd)!important;
  border-radius:999px!important; font-weight:800!important; text-transform:uppercase!important;
  box-shadow:var(--sh)!important;
}
.woocommerce .button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover{
  transform:translate(-3px,-3px); box-shadow:7px 7px 0 var(--ink)!important;
}

@media (prefers-reduced-motion: reduce){
  *{transition:none!important; animation:none!important;}
}