/*
Theme Name: Primula Twenty Twenty-Five Child
Theme URI:
Author: Andre
Author URI:
Description: A child theme of Twenty Twenty-Five for the Primula project.
Template: twentytwentyfive
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: primula-twentytwentyfive-child
Tags:
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Satisfy&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');

:root {
  --color-primula-bg: #ffffff;
  --color-primula-ink: #1d1d1d;
  --color-primula-accent: #e6332a;
  --color-primula-gray: #b2b2b2;
  --color-primula-sand: #d7c1af;

  --font-sans: "Acumin Variable Concept", "Acumin Pro", "Inter", system-ui, sans-serif;
  --font-serif: "Playfair Display", ui-serif, Georgia, serif;
  --font-script: "Satisfy", cursive;
}

body {
  background-color: var(--color-primula-bg);
  color: var(--color-primula-ink);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
}

/* ===================================================
   WP Mobile Checker — Round 1 — 2026-06-19
   Fix: hero-intro-title-overflow su mobile (375–767px)
   =================================================== */

/* Hero intro title: max(3.5rem, 18vw) = ~67px a 375px causa overflow del
   testo "Abitare il tempo" (white-space:nowrap) clippato da overflow:hidden
   sul parent. Riduzione a clamp(2rem, 10vw, 3rem) garantisce il fit. */
@media (max-width: 767px) {
  .primula-hero__intro-title {
    font-size: clamp(2rem, 10vw, 3rem);
  }
}

/* Hero details su telefoni molto piccoli (≤479px): riduci font size
   di script e subheading per evitare cramping verticale */
@media (max-width: 479px) {
  .primula-hero__script {
    font-size: 1.375rem;
  }

  .primula-hero__subheading {
    font-size: 1.25rem;
  }

  .primula-hero__standards {
    font-size: 1rem;
  }
}