/*
 Theme Name:   Blocksy Child
 Description:  Tema copil pentru Blocksy
 Author:       Corneliu Leu
 Template:     blocksy
 Version:      1.0.0
*/

/* DDD fonturi, gazduite local. Fisierele woff2 se pun in
   wp-content/themes/NUME-CHILD-THEME/assets/fonts/
   Se descarca (subseturile latin si latin-ext) din google-webfonts-helper:
   Philosopher 400 si 700, Inter (variable). latin-ext este obligatoriu pentru ă â î ș ț. */

@font-face{font-family:'Philosopher';font-style:normal;font-weight:400;font-display:swap;
  src:url('assets/fonts/philosopher-400-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Philosopher';font-style:normal;font-weight:400;font-display:swap;
  src:url('assets/fonts/philosopher-400-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Philosopher';font-style:normal;font-weight:700;font-display:swap;
  src:url('assets/fonts/philosopher-700-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Philosopher';font-style:normal;font-weight:700;font-display:swap;
  src:url('assets/fonts/philosopher-700-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('assets/fonts/inter-var-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('assets/fonts/inter-var-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* =====================================================================
   DDD BAZA: culori, fonturi, spatii, componente de baza
   Unde se pune: un singur fisier de stil in child theme (style.css)
   sau Aspect, Personalizare, CSS suplimentar.
   Toate clasele noastre au prefix ddd-
   ===================================================================== */

:root{
  /* Culori, extrase din PDF-ul turei de enoti */
  --ddd-green-900:#0D3507;   /* verdele principal, benzi si butoane (schimbat din #1E2C21, 14.10.2026) */
  --ddd-green-800:#14420D;
  --ddd-green-700:#1D5214;   /* hover pe butoanele verzi */
  --ddd-green-600:#3F5A3C;   /* verde mediu, contrast 7.7 pe alb */
  --ddd-gold:#B98A32;        /* accent: linii, iconite, text mare. NU pentru text mic pe alb */
  --ddd-gold-light:#D9B566;  /* accent pe fundal inchis, contrast 7.5 pe verde */
  --ddd-gold-text:#8A6220;   /* accent pentru text mic pe fundal deschis, contrast 5.1 */
  --ddd-ink:#22281F;         /* text de baza */
  --ddd-muted:#55594C;       /* text secundar, contrast 7.2 pe alb */
  --ddd-line:#D5DBCF;        /* linii si chenare */
  --ddd-bg:#FFFFFF;
  --ddd-bg-soft:#F6F8F4;
  --ddd-bg-tint:#EEF1EA;

  /* Fonturi */
  --ddd-font-display:'Philosopher',Georgia,'Times New Roman',serif;
  --ddd-font-text:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;

  /* Spatii */
  --ddd-s1:.5rem; --ddd-s2:1rem; --ddd-s3:1.5rem; --ddd-s4:2.5rem; --ddd-s5:4rem; --ddd-s6:6rem;
  --ddd-gutter:clamp(18px,4vw,28px);
  --ddd-wrap:1240px;
  --ddd-radius:8px;
}

/* ---------- Text de baza ---------- */
body{font-family:var(--ddd-font-text);color:var(--ddd-ink);line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2{font-family:var(--ddd-font-display);font-weight:400;line-height:1.1;letter-spacing:0;color:var(--ddd-green-900);text-wrap:balance}
h1{font-size:clamp(2.25rem,5.2vw,4.25rem)}
h2{font-size:clamp(1.75rem,3.2vw,2.75rem)}
h3,h4{font-family:var(--ddd-font-text);font-weight:600;line-height:1.3;color:var(--ddd-ink)}
h3{font-size:1.25rem}
h4{font-size:1.0625rem}
p{margin:0 0 1.1em}
a{color:var(--ddd-green-600);text-underline-offset:3px}
a:hover{color:var(--ddd-green-900)}
img{max-width:100%;height:auto}

/* ---------- Accesibilitate ---------- */
:focus-visible{outline:3px solid var(--ddd-gold);outline-offset:3px}
.ddd-skip{position:absolute;left:-9999px}
.ddd-skip:focus{left:12px;top:12px;z-index:100;background:var(--ddd-bg);padding:10px 14px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ---------- Structura ---------- */
.ddd-wrap{max-width:var(--ddd-wrap);margin-inline:auto;padding-inline:var(--ddd-gutter)}
.ddd-sec{padding-block:clamp(48px,7vw,80px);background:var(--ddd-bg)}
.ddd-sec--soft{background:var(--ddd-bg-soft)}
.ddd-sec--tint{background:var(--ddd-bg-tint)}
.ddd-sec--dark{background:var(--ddd-green-900);color:#F2F4EE}
.ddd-sec--dark h1,.ddd-sec--dark h2,.ddd-sec--dark h3{color:#fff}
.ddd-sec--dark a{color:var(--ddd-gold-light)}

/* Doua coloane 75 / 25, pe mobil una sub alta */
.ddd-cols{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:clamp(28px,4vw,52px);align-items:start}
@media (max-width:1100px){.ddd-cols{grid-template-columns:minmax(0,1fr)}}

/* ---------- Elemente ---------- */
.ddd-kicker{display:block;margin:0 0 .75rem;font-size:.8125rem;line-height:1.3;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ddd-gold-text)}
.ddd-sec--dark .ddd-kicker{color:var(--ddd-gold-light)}

.ddd-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.6rem;border:1px solid transparent;border-radius:4px;font-family:var(--ddd-font-text);font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;text-align:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.ddd-btn--primary{background:var(--ddd-green-900);color:#fff}
.ddd-btn--primary:hover{background:var(--ddd-green-700);color:#fff}
.ddd-btn--gold{background:var(--ddd-gold-light);color:#1B1608}
.ddd-btn--gold:hover{background:#E6C684;color:#1B1608}
.ddd-btn--line{background:transparent;color:var(--ddd-green-900);border-color:var(--ddd-green-900)}
.ddd-btn--line:hover{background:var(--ddd-green-900);color:#fff}

.ddd-card{background:var(--ddd-bg);border:1px solid var(--ddd-line);border-radius:var(--ddd-radius);padding:1.4rem}
.ddd-card--dark{background:var(--ddd-green-900);border-color:var(--ddd-green-900);color:#F2F4EE}
.ddd-card--dark h2,.ddd-card--dark h3,.ddd-card--dark h4{color:#fff}
.ddd-card--dark a:not(.ddd-btn){color:var(--ddd-gold-light)}

/* Imagini: taiate vizual cu CSS, nu in WordPress. Punctul focal se alege in bloc. */
.ddd-ar-16-9{aspect-ratio:16/9;width:100%;object-fit:cover}
.ddd-ar-3-2{aspect-ratio:3/2;width:100%;object-fit:cover}

/* ---------- Galerii (bloc Gallery din WordPress) ----------
   Celule egale, pe orice latime. Pe telefon 2 coloane, pe laptop 3.
   Fara regula asta, ultima poza dintr-un numar impar se lateste pe tot randul.
   Poza 16:9 este taiata vizual la 3:2, fisierul ramane intact. */
.wp-block-gallery.has-nested-images{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
@media (min-width:782px){.wp-block-gallery.has-nested-images{grid-template-columns:repeat(3,1fr);gap:12px}}
.wp-block-gallery.has-nested-images>figure.wp-block-image{width:100%!important;margin:0!important;flex-grow:0}
.wp-block-gallery.has-nested-images>figure.wp-block-image img{width:100%;height:100%;aspect-ratio:3/2;object-fit:cover}