/*
Theme Name: NL12
Theme URI: https://www.ulitza.com/
Description: Child theme of Twenty Twenty-Five for laboratorio sulla strada — art laboratory on the street, Van Hallstraat 52, Amsterdam.
Author: Federico Bonelli
Template: twentytwentyfive
Version: 0.2.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nl12
Tags: gallery, portfolio, block-patterns
*/

/* ---- base ---- */
html { scroll-behavior: smooth; }

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* ---- holding / hero ---- */
.nl12-holding {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--wp--preset--spacing--30);
	min-height: 78vh;
	text-align: center;
}

.nl12-holding > * { margin-block: 0; }
.nl12-holding p { max-width: 36rem; }
.nl12-holding .nl12-lede { font-size: var(--wp--preset--font-size--medium); color: var(--wp--preset--color--muted); }

.nl12-holding h1 {
	letter-spacing: -0.01em;
}

.nl12-kicker {
	text-transform: uppercase;
	letter-spacing: 0.18em;
	font-size: 0.8rem;
	opacity: 0.75;
}

/* ---- links / details ---- */
a { text-underline-offset: 0.2em; }

::selection { background: var(--wp--preset--color--accent); color: #fff; }


/* ---- home: hero (bozza home 15/10) ---- */
.nl12-hero { padding-block: 0; }
.nl12-hero .nl12-hero-media { margin: 0; }
body { overflow-x: clip; }
.nl12-hero .nl12-hero-media.alignfull { width: 100vw; max-width: 100vw; margin-inline: calc(50% - 50vw); }
.nl12-hero .nl12-hero-media img { display: block; width: 100%; height: clamp(220px, 48vh, 520px); object-fit: cover; }
.nl12-hero-title { margin-block-start: var(--wp--preset--spacing--30); }
.nl12-hero-sub { font-size: var(--wp--preset--font-size--medium); color: var(--wp--preset--color--muted); margin-block-start: 0.2rem; }

/* ---- home: coming up ---- */
.nl12-comingup { margin-block-start: var(--wp--preset--spacing--50); padding-block-start: var(--wp--preset--spacing--30); border-top: 1px solid var(--wp--preset--color--line); }
.nl12-event-title { margin-block-start: 0.1em; }
.nl12-event-when { color: var(--wp--preset--color--accent); font-weight: 600; margin-block-start: 0.4rem; }
.nl12-event-text { max-width: 42rem; }
.nl12-event-actions { margin-block-start: var(--wp--preset--spacing--30); }
.nl12-btn-primary .wp-block-button__link { padding: 0.7em 1.5em; }
.nl12-btn-secondary .wp-block-button__link { background: transparent; color: var(--wp--preset--color--contrast); box-shadow: inset 0 0 0 1px currentColor; }
.nl12-event-note { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); margin-block-start: var(--wp--preset--spacing--20); }

/* ---- home: colophon ---- */
.nl12-colophon { margin-block-start: var(--wp--preset--spacing--50); padding-block-start: var(--wp--preset--spacing--20); border-top: 1px solid var(--wp--preset--color--line); }
.nl12-footnote { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); }

/* ---- footer ---- */
.nl12-footer { gap: var(--wp--preset--spacing--30); align-items: flex-start; }
.nl12-footer-brand { font-size: var(--wp--preset--font-size--medium); font-weight: 600; }
.nl12-footer-tagline { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); margin-top: 0.2rem; }

/* classi di contenuto: paragrafi in evidenza + post scriptum */
.entry-content .nl12-lead, .wp-block-post-content .nl12-lead{font-size:1.6rem;line-height:1.3;}
.entry-content .nl12-postscript, .entry-content .nl12-postscript p,
.wp-block-post-content .nl12-postscript, .wp-block-post-content .nl12-postscript p{font-size:.9rem;line-height:1.5;}

/* ---- mobile ---- */
@media (max-width: 780px) {
  :root{
    --wp--preset--spacing--40:2.25rem;
    --wp--preset--spacing--50:3rem;
    --wp--preset--spacing--60:3.5rem;
    --wp--preset--font-size--x-large:clamp(2rem,9vw,3rem);
    --wp--preset--font-size--xx-large:clamp(2.4rem,12vw,3.6rem);
    --wp--preset--font-size--huge:clamp(2.4rem,12vw,3.6rem);
  }
  /* i titoli con dimensione fissa inline (es. "So," a 22rem) non devono sfondare lo schermo */
  .wp-block-post-content h1[style],
  .wp-block-post-content h2[style],
  .wp-block-post-content h3[style],
  .entry-content h1[style],
  .entry-content h2[style],
  .entry-content h3[style]{
    font-size: clamp(2.2rem, 12vw, 3.4rem) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
  }
  /* i cover non devono creare voragini verticali */
  .wp-block-cover { min-height: auto !important; }
  /* paragrafi */
  .nl12-lead { font-size: 1.3rem !important; line-height: 1.35 !important; }
  .entry-content, .wp-block-post-content { padding-inline: max(1rem, 4vw); }
  /* niente scroll orizzontale */
  html, body { overflow-x: hidden; max-width: 100%; }
  img, figure, .wp-block-image img { max-width: 100%; height: auto; }
  /* hero home */
  .nl12-hero .nl12-hero-media img { height: clamp(200px, 38vh, 340px); }
}