/*
Theme Name: Ecosystem Brand System
Theme URI: https://thelonel.com
Description: Brand system comun pentru ecosistemul Liviu Ursan — 4 branduri, 8 Style Variations, fonturi locale, zero dependențe externe. Parent: Twenty Twenty-Five.
Author: Liviu Ionel Ursan
Template: twentytwentyfive
Version: 3.0.0
Text Domain: ecosystem-brand-system
*/

:root {
  --brand-shadow: 0 24px 70px rgb(18 20 22 / 12%);
  --radius-card: 22px;
  --radius-pill: 999px;
  --site-width: 1200px;
  --section-y: clamp(80px, 10vw, 120px);
  --section-x: clamp(20px, 4vw, 32px);
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

/* ── Secțiuni ── */
.brand-section {
  padding: var(--section-y) var(--section-x);
}
.brand-wrap {
  max-width: var(--site-width);
  margin-inline: auto;
}

/* ── Tipografie utilitare ── */
.brand-display {
  font-family: var(--wp--preset--font-family--brand-display);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.brand-editorial {
  font-family: var(--wp--preset--font-family--brand-editorial);
}
.brand-signature {
  font-family: var(--wp--preset--font-family--brand-signature);
  font-size: clamp(2rem, 4vw, 3.5rem);
  line-height: 1;
}
.brand-eyebrow {
  font-family: var(--wp--preset--font-family--brand-body);
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--wp--preset--color--shared-gold);
}

/* ── Carduri ── */
.brand-card {
  border: 1px solid var(--wp--preset--color--brand-light);
  border-radius: var(--radius-card);
  background: var(--wp--preset--color--shared-white);
  box-shadow: var(--brand-shadow);
}
.brand-card-dark {
  border-radius: var(--radius-card);
  background: var(--wp--preset--color--shared-dark);
  color: var(--wp--preset--color--shared-white);
}

/* ── Grilă programe responsive 4→2→1 ── */
.brand-program-grid {
  flex-wrap: wrap !important;
}
@media (min-width: 600px) and (max-width: 1023px) {
  .brand-program-grid > .wp-block-column {
    flex-basis: calc(50% - var(--wp--style--block-gap, 1.5rem) / 2) !important;
    max-width: calc(50% - var(--wp--style--block-gap, 1.5rem) / 2) !important;
  }
}

/* ── Accesibilitate ── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}