/*
Theme Name:   LadyMary Child
Theme URI:    https://ladymary.com
Template:     ladymary
Author:       LadyMary Team
Author URI:   https://ladymary.com
Description:  Child theme di LadyMary — qui vanno tutte le customizzazioni 2026+ (modernizzazione UI, Bootstrap 5, override WC, integrazione ElevenLabs). Il tema parent NON si tocca più.
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:  ladymary-child
*/

/* ============================================================
   CSS Custom Properties — design tokens del refresh 2026
   ============================================================ */
:root {
  /* Brand palette (preserve identità LadyMary) */
  --lm-primary:        #2d5016;   /* CBD green */
  --lm-primary-dark:   #1a3009;
  --lm-accent:         #d4af37;   /* gold accent */
  --lm-bg:             #fafaf7;   /* warm white */
  --lm-text:           #1a1a1a;
  --lm-text-muted:     #6b7280;
  --lm-border:         #e5e7eb;

  /* Spacing scale */
  --lm-space-1: .25rem;
  --lm-space-2: .5rem;
  --lm-space-3: 1rem;
  --lm-space-4: 1.5rem;
  --lm-space-5: 2.5rem;
  --lm-space-6: 4rem;

  /* Typography */
  --lm-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --lm-font-display: 'Inter', system-ui, sans-serif;

  /* Motion */
  --lm-ease-out: cubic-bezier(.16, 1, .3, 1);
  --lm-duration: 220ms;
}

@media (prefers-color-scheme: dark) {
  :root {
    --lm-bg:         #0f1410;
    --lm-text:       #f5f5f0;
    --lm-text-muted: #9ca3af;
    --lm-border:     #2d3a30;
  }
}

/* ============================================================
   Page baseline (apply gently — non rompere il tema parent)
   ============================================================ */
body {
  font-family: var(--lm-font-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Focus visibili keyboard nav (a11y AA) */
:focus-visible {
  outline: 2px solid var(--lm-accent);
  outline-offset: 2px;
  border-radius: 2px;
}

/* Reduced motion — rispetto preferenze utente */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}

/* Smooth lazy image fade-in */
img[loading="lazy"] {
  opacity: 0;
  transition: opacity var(--lm-duration) var(--lm-ease-out);
}
img[loading="lazy"].loaded,
img[loading="lazy"].is-loaded {
  opacity: 1;
}

/* ============================================================
   Override puntuali — espandere qui in FASE 2.C (BS4→5, UI)
   ============================================================ */