/* ================================================================
   PROTOCOLLO — screen.css
   cambialetueabitudini.com
   ================================================================ */
/* fonts.css linked separately in default.hbs (avoids render-blocking @import) */

/* Cascade layers (H3 phase 1, 2026-05-23): sections 1–5 are layered.
   Sections 6+ remain unlayered (= highest priority) so current source-order
   cascade is preserved. Future passes can wrap additional sections. */
@layer tokens, base, utilities, shell, components, page, portal, dashboard, overrides;

@import "summary-box.css" layer(components);

/* ----------------------------------------------------------------
   1. CUSTOM PROPERTIES (Light + Dark)
   ---------------------------------------------------------------- */

/* ─── M1-step2 (2026-05-23): 19 concept files, cascade order = former parts 01–67 ─── */
@import "parts/01-tokens.css";
@import "parts/02-base.css";
@import "parts/03-utilities.css";
@import "parts/10-shell-nav.css";
@import "parts/30-home.css";
@import "parts/20-post.css";
@import "parts/11-shell-footer.css";
@import "parts/31-landing.css";
@import "parts/32-link-bio.css";
@import "parts/40-archive.css";
@import "parts/39-utilities-misc.css";
@import "parts/42-podcast.css";
@import "parts/43-utilities-responsive.css";
@import "parts/31-page-hero.css";
@import "parts/10-shell-search-drawer.css";
@import "parts/40-archive-tools.css";
@import "parts/20-post-tools.css";
@import "parts/41-shop.css";
@import "parts/99-a11y-motion.css";

/* /link/ — override unlayered (esbuild mette 32-link-bio.css dentro @layer page;
   regole unlayered qui battono cards.min.css / UA su `header` e `a`). */
body.page-link .link-bio__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-align: center;
}

body.page-link .link-bio__avatar-link {
  display: inline-flex;
  justify-content: center;
  align-self: center;
  margin: 0 0 0.65rem;
  line-height: 0;
  text-decoration: none;
}

body.page-link .link-bio__avatar {
  display: block;
  width: 5.5rem;
  height: 5.5rem;
  object-fit: cover;
  object-position: center top;
}

body.page-link .link-bio {
  align-items: flex-start;
  justify-content: center;
}

/* /appunti-di-crescita/ — CTA su banner viola (unlayered: evita conflitto .btn-primary color:#fff !important) */
.adc-cta-banner .adc-cta-banner__btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: #fff !important;
  color: #5236c4 !important;
  -webkit-text-fill-color: #5236c4 !important;
  font-size: 17px;
  font-weight: 700;
  padding: 16px 32px;
  border-radius: 999px;
  border: none;
  text-decoration: none !important;
  box-shadow: 0 8px 24px rgba(108, 76, 238, 0.28);
  white-space: nowrap;
}
.adc-cta-banner .adc-cta-banner__btn:hover {
  background: #f3f0ff !important;
  color: #5236c4 !important;
  -webkit-text-fill-color: #5236c4 !important;
  transform: translateY(-2px);
}