/*
Theme Name: Kadence Child — Atelierul lui Costică
Theme URI: https://www.reparatiipompehidraulice.ro
Description: Tema copil RPH (tema "service"). Tokenii vin din rph-design-system (src/styles/tokens.css) și colors.json — NU inventa valori noi aici. Copia locală canonică: projects/rph/staging/kadence-child/. Editează LOCAL, apoi aplică pe staging prin Novamira.
Author: Safebiz Solutions
Template: kadence
Version: 1.8.1
Text Domain: kadence-child
*/

:root {
  /* Brand — culori MĂSURATE în logo-ul vectorial (colors.json, LOCKED) */
  --brand-burgundy: #670c07;
  --brand-black: #020202;
  --brand-yellow: #e2aa44;

  /* Perechea de interfață — brand.burgundy pe negru dă 1,61:1 (invizibil) */
  --ui-burgundy: #8f1a12;
  --ui-burgundy-hover: #670c07;
  --ui-burgundy-tint: #f5e9e8;

  /* Scala ink (neutre calde) */
  --ink-900: #0d0d0c;
  --ink-800: #1a1917;
  --ink-700: #2a2926;
  --ink-600: #43413c;
  --ink-500: #6b6760;
  --ink-400: #8f8b83;
  --ink-300: #b8b3aa;
  --ink-200: #d6d2ca;
  --ink-100: #e8e5e0;
  --ink-50:  #f5f3ef;
  --ink-0:   #ffffff;

  /* Stări (catalog / urgență) */
  --state-in-stock: #1f7a3d;
  --state-low-stock: #e2aa44;
  --state-out-of-stock: #6b6760;
  --state-urgent: #8f1a12;

  /* Tipografie */
  --font-display: 'Anton', 'Oswald', sans-serif;
  --font-heading: 'Oswald', 'Arial Narrow', sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --ls-display: 0.04em;
  --ls-eyebrow: 0.14em;

  /* Spațiere + forme — industrial, nu SaaS: colțuri mici, umbre discrete */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  /* Direcția „Cadran" (Claude Design, 2026-08-02): colțuri aproape drepte —
     instrument, nu SaaS. Suprascrie valorile inițiale 4/8/12 din tokens.css. */
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 4px;
  --radius-pill: 999px;
  --tap-min: 44px;

  --shadow-sm: 0 1px 0 rgba(13, 13, 12, 0.10);
  --shadow-md: 0 -2px 14px rgba(13, 13, 12, 0.16);
  --transition: 120ms ease;
  --hero-accent: var(--brand-yellow);

  /* MOTIV 1 · SCALA GRADATĂ — semnătura sistemului („Cadran") */
  --scale-h: 22px;
  --scale-gap: 12px;
  --scale-gap-major: 60px;
  --scale-tick: 10px;
  --scale-tick-major: 22px;
  --scale-img:
    repeating-linear-gradient(90deg, currentColor 0 1px, transparent 1px var(--scale-gap)),
    repeating-linear-gradient(90deg, currentColor 0 1px, transparent 1px var(--scale-gap-major));

  /* MOTIV 2 · BANDA DE AVERTIZARE — rezervată urgenței */
  --hazard-stripe: 14px;
  --hazard-h: 12px;
  --hazard-img: repeating-linear-gradient(-45deg,
    var(--brand-yellow) 0 var(--hazard-stripe),
    var(--brand-black) var(--hazard-stripe) calc(var(--hazard-stripe) * 2));
}

/* =========================================================================
   MOTIVELE „Cadran" — copiate din base/base.css al design system-ului
   (Claude Design). BUGET: scala = separator hero/conținut, sub titluri majore,
   semnătură cu ac (max o dată pe ecran). Banda = DOAR CTA de urgență.
   ========================================================================= */
.scale {
  height: var(--scale-h);
  color: var(--ink-600);
  background-image: var(--scale-img);
  background-size: 100% var(--scale-tick), 100% var(--scale-tick-major);
  background-repeat: no-repeat;
  background-position: 0 bottom, 0 bottom;
}
.scale--on-dark { color: var(--hero-accent); }
.scale--quiet { opacity: 0.55; }

.scale-mark { position: relative; padding-top: 34px; }
.scale-mark__pin {
  position: absolute;
  top: 0;
  left: var(--at, 50%);
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: var(--font-mono);
  font-size: 0.875rem;
  letter-spacing: 0.01em;
  font-variant-numeric: tabular-nums;
  color: var(--ui-burgundy);
  white-space: nowrap;
}
.scale-mark__pin::after {
  content: '';
  width: 2px;
  height: 16px;
  background: currentColor;
  margin-top: 2px;
}

/* Scala sub titlurile de secțiune MAJORE (nu orice H2): clasa se pune pe titlu */
.section-heading--rule::after {
  content: '';
  display: block;
  height: var(--scale-h);
  margin-top: 1.25rem;
  color: var(--ink-400);
  background-image: var(--scale-img);
  background-size: 100% var(--scale-tick), 100% var(--scale-tick-major);
  background-repeat: no-repeat;
  background-position: 0 bottom, 0 bottom;
}

.hazard { height: var(--hazard-h); background-image: var(--hazard-img); }

/* Blocul de urgență — singurul loc al benzii galben-negru */
.urgency { background: var(--brand-black); color: var(--ink-0); }
.urgency__body {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-6);
}
.urgency__text { flex: 1 1 220px; min-width: 0; }
.urgency__label {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 0.8125rem;
  text-transform: uppercase;
  letter-spacing: var(--ls-eyebrow);
  color: var(--brand-yellow);
  margin: 0 0 var(--space-1);
}
.urgency__line {
  font-family: var(--font-display);
  font-size: 1.35rem;
  line-height: 1.08;
  letter-spacing: var(--ls-display);
  text-transform: uppercase;
  color: var(--ink-0);
  margin: 0;
}
.urgency__note { font-size: 0.875rem; color: rgba(255, 255, 255, 0.62); margin: var(--space-2) 0 0; }
.urgency .btn--urgent { flex: 1 1 auto; }
@media (min-width: 640px) { .urgency .btn--urgent { flex: 0 0 auto; } }

/* Butoane de pattern (ancore în blocuri HTML — butoanele Kadence rămân pe temă) */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.0625rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0.7rem 1.5rem;
  min-height: var(--tap-min);
  min-width: var(--tap-min);
  border-radius: var(--radius-sm);
  border: 2px solid transparent;
  cursor: pointer;
  transition: background var(--transition), color var(--transition);
  text-decoration: none;
  text-align: center;
}
.btn--urgent {
  background: var(--brand-yellow);
  color: var(--brand-black);
  border-color: var(--brand-black);
  font-size: 1.15rem;
  letter-spacing: 0.06em;
}
.btn--urgent:hover { filter: brightness(1.07); color: var(--brand-black); }

/* Citire de instrument — numărul mare lângă scală */
.readout {
  font-family: var(--font-mono);
  font-size: 2rem;
  line-height: 1;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
  color: var(--ink-900);
  margin: 0;
}
/* Citirile din banda de sub hero au etichete de frază, nu unități de măsură: unitatea stă
   lângă cifră („450 bar"), eticheta stă SUB ea, ca pe o plăcuță de aparat. Modificator, ca să
   nu schimbăm `.readout` moștenit din design system. */
.readout--stacked small { display: block; margin-left: 0; margin-top: 0.4em; line-height: 1.35; }

.readout small {
  font-family: var(--font-heading);
  font-size: 0.8125rem;
  text-transform: uppercase;
  letter-spacing: var(--ls-eyebrow);
  color: var(--ink-500);
  margin-left: 0.45em;
}

/* Legătura între cele două site-uri — pe „parts" singurul loc cu burgundy */
.cross-link {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-6);
  border-radius: var(--radius-md);
  background: var(--ui-burgundy-tint);
  border-left: 4px solid var(--ui-burgundy);
}
.cross-link__text { flex: 1 1 260px; min-width: 0; }
.cross-link h3 { margin-bottom: var(--space-1); }
.cross-link p { margin: 0; color: var(--ink-500); font-size: 0.875rem; }

/* ---- Familia de butoane DS (pentru ancorele din blocuri HTML) ------------ */
.btn--primary { background: var(--ui-burgundy); color: var(--ink-0); }
.btn--primary:hover { background: var(--ui-burgundy-hover); color: var(--ink-0); }
.btn--secondary { background: transparent; color: var(--ui-burgundy); border-color: var(--ui-burgundy); }
.btn--secondary:hover { background: var(--ui-burgundy); color: var(--ink-0); }
.btn--on-dark { background: var(--brand-yellow); color: var(--brand-black); }
.btn--on-dark:hover { filter: brightness(1.08); color: var(--brand-black); }
.btn--ghost-dark { background: transparent; color: var(--ink-0); border-color: rgba(255, 255, 255, 0.6); }
.btn--ghost-dark:hover { background: rgba(255, 255, 255, 0.12); color: var(--ink-0); }

/* ---- Piese de pagină (homepage + refolosibile) --------------------------- */
.rph-card {
  background: var(--ink-0);
  border: 1px solid var(--ink-200);
  border-radius: var(--radius-md);
  padding: var(--space-6);
  height: 100%;
  transition: border-color var(--transition);
}
.rph-card:hover { border-color: var(--ink-500); }
.rph-card h3 { margin: 0 0 var(--space-2); }
.rph-card p { color: var(--ink-500); font-size: 0.9375rem; margin: 0 0 var(--space-3); }
.rph-card a { font-family: var(--font-heading); font-weight: 600; text-transform: uppercase;
  font-size: 0.875rem; letter-spacing: 0.04em; }

.rph-check { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-3); }
.rph-check li { padding-left: 1.9rem; position: relative; }
.rph-check li::before { content: '✓'; position: absolute; left: 0; top: 0;
  color: var(--ui-burgundy); font-weight: 700; font-family: var(--font-heading); }
.rph-check b { color: var(--ink-900); }

.rph-brands { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-3); }
.rph-brands span { border: 1px solid var(--ink-200); border-radius: var(--radius-sm);
  padding: var(--space-4); text-align: center; font-family: var(--font-heading);
  font-weight: 600; letter-spacing: 0.06em; color: var(--ink-700); }
@media (min-width: 640px) { .rph-brands { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 900px) { .rph-brands { grid-template-columns: repeat(6, 1fr); } }

.rph-step { color: var(--ink-0); }
.rph-step__num { display: grid; place-items: center; width: 44px; height: 44px;
  border-radius: var(--radius-pill); background: var(--brand-yellow); color: var(--brand-black);
  font-family: var(--font-heading); font-weight: 700; font-size: 1.15rem; margin-bottom: var(--space-3); }
.rph-step h3 { color: var(--ink-0); font-size: 1.15rem; margin: 0 0 var(--space-2); }
.rph-step p { color: rgba(255, 255, 255, 0.72); font-size: 0.9375rem; margin: 0; }

.rph-cities { list-style: none; margin: 0; padding: 0; display: grid;
  grid-template-columns: repeat(2, 1fr); gap: var(--space-2) var(--space-4); }
.rph-cities li { padding-left: 1.4rem; position: relative; min-height: var(--tap-min);
  display: flex; align-items: center; color: var(--ink-700); }
.rph-cities li::before { content: ''; position: absolute; left: 0; width: 8px; height: 8px;
  border-radius: 999px; background: var(--ui-burgundy); }
@media (min-width: 640px) { .rph-cities { grid-template-columns: repeat(3, 1fr); } }

.rph-faq details { border-bottom: 1px dotted var(--ink-300); }
.rph-faq summary { cursor: pointer; list-style: none; display: flex; align-items: center;
  justify-content: space-between; gap: var(--space-4); min-height: var(--tap-min);
  padding: var(--space-4) 0; font-family: var(--font-heading); font-weight: 600;
  font-size: 1.1rem; color: var(--ink-900); }
.rph-faq summary::-webkit-details-marker { display: none; }
.rph-faq summary::after { content: '+'; font-family: var(--font-mono); font-size: 1.3rem;
  color: var(--ui-burgundy); flex: 0 0 auto; }
.rph-faq details[open] summary::after { content: '−'; }
.rph-faq details > p { margin: 0 0 var(--space-4); color: var(--ink-700); }

.img-ph { display: grid; place-items: center; text-align: center; width: 100%;
  border-radius: var(--radius-md); border: 1px dashed var(--ink-300);
  background: linear-gradient(135deg, var(--ink-50) 0 60%, var(--ink-100) 60%);
  color: var(--ink-500); font-family: var(--font-mono); font-size: 0.8125rem;
  letter-spacing: 0.04em; text-transform: uppercase; padding: var(--space-4); }
.img-ph--45 { aspect-ratio: 4 / 5; }
.img-ph--169 { aspect-ratio: 16 / 9; }

.rph-hero-meta { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-5);
  font-family: var(--font-mono); font-size: 0.8125rem; letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 0.72); margin-top: var(--space-4); }

/* ---- Footer (din base/base.css al DS) ----------------------------------- */
.footer { background: var(--ink-900); color: rgba(255, 255, 255, 0.82); padding: var(--space-16) 0 var(--space-8); }
.footer :is(h2, h3, h4) { font-family: var(--font-heading); color: var(--ink-0); margin: 0 0 var(--space-4); font-size: 1rem; text-transform: uppercase; letter-spacing: 0.04em; }
.footer__logo { height: 64px; width: auto; margin-bottom: var(--space-4); }
.footer a { color: rgba(255, 255, 255, 0.82); text-decoration: none; }
.footer a:hover { color: var(--brand-yellow); }
.footer__inner { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 1rem; }
.footer__grid { display: grid; grid-template-columns: 1fr; gap: var(--space-8); }
.footer__grid a { display: flex; align-items: center; min-height: var(--tap-min); }
.footer__nav { list-style: none; margin: 0; padding: 0; }
.footer__motto { color: var(--brand-yellow); font-family: var(--font-display);
  letter-spacing: var(--ls-display); text-transform: uppercase; margin: 0; }
.footer__bottom { margin-top: var(--space-12); padding-top: var(--space-6);
  border-top: 1px solid rgba(255, 255, 255, 0.14); font-size: 0.875rem; }
.footer__bottom a { display: inline-flex; align-items: center; min-height: var(--tap-min); }
@media (min-width: 640px) { .footer__inner { padding: 0 1.5rem; } }
@media (min-width: 900px) { .footer__grid { grid-template-columns: 2fr 1fr 1fr; } }

/* Direcția „Cadran": cifre tabulare pe orice cifră care se citește sau se
   compară — specificații, stocuri, coduri, termene */
table,
code,
kbd,
.rph-spec,
.rph-num {
  font-variant-numeric: tabular-nums;
}

/* Coduri de piesă — monospace, verbatim, cu majusculele producătorului */
code,
kbd,
.rph-code {
  font-family: var(--font-mono);
  letter-spacing: 0.01em;
}

/* Inputuri: minim 1rem — sub 16px, Safari pe iOS dă zoom la focus */
input,
select,
textarea {
  font-size: max(1rem, 1em);
}

/* =========================================================================
   Blocuri „orfane" în conținut — aliniere cu containerul
   =========================================================================
   Motorul de pagini emite titlul de secțiune ca bloc core (`wp:heading`) când
   patternul nu are slot pentru el, iar listele cu iconuri ajung tot la nivelul
   întâi. Blocurile astea NU au container propriu: pe un șablon „pe toată
   lățimea" (content-style-unboxed) se lipesc de marginea ecranului, iar rândurile
   Kadence din jur stau la 1160px. Măsurat 2026-09-10 pe /acasa/: textul titlurilor
   începea la pixelul 0, la 1440px și la 390px deopotrivă.
   Regula le readuce pe aceeași coloană cu rândurile Kadence din jur.
   Se aplică DOAR blocurilor fără aliniere proprie — `alignfull`/`alignwide` și
   rândurile Kadence (care își gestionează singure lățimea) rămân neatinse. */
body.content-style-unboxed .entry-content > :is(h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, figure, .wp-block-kadence-iconlist):not(.alignfull):not(.alignwide) {
  box-sizing: border-box;
  max-width: calc(1160px + 2 * var(--space-6));
  margin-inline: auto;
  /* 24px si pe telefon: exact unde incepe `.kt-inside-inner-col` al randurilor Kadence */
  padding-inline: var(--space-6);
}

/* =========================================================================
   Antetul — badge-ul care ieșea din antet peste hero (v1.6.0) a fost SCOS în v1.6.2
   (26.09.2026, GO taki, runda 4 antet): antetul nou (Kadence #972) ține logoul în bară.
   Scoase: --rph-header-h / --rph-badge-size / --rph-header-rule, linia neagră de 3px
   sub antet, poziționarea absolută a badge-ului de 159px și `padding-top: 5.5rem` pe
   primul rând al paginii sub 767px. Textul vechi: constructie/backup/r4-inainte-*.
   ========================================================================= */

/* ---- Navigația principală — Oswald versale, ca în direcția „Cadran" ----- */
.wp-block-kadence-header .kb-nav-link-content {
  font-family: var(--font-heading);
  font-weight: 600;
  /* 17px — cerut de taki 2026-09-10. Verificat: cele 6 intrări încap pe un
     singur rând la 1440px (coloana din mijloc a grilei se lărgește singură,
     `1fr minmax(0,auto) 1fr`), iar secțiunea din dreapta își păstrează cei
     ~272px de care are nevoie pentru telefon + buton. */
  font-size: 1.0625rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
/* Submeniul (orașele) rămâne în propoziție — e o listă de nume proprii.
   Clasa reală a submeniului Kadence e `.kb-nav-sub-menu` (verificat pe pagina
   randată), NU `.kb-nav-dropdown-list` — cu selectorul greșit orașele ieșeau
   cu majuscule, moștenite de la nivelul întâi. */
.wp-block-kadence-header .kb-nav-sub-menu .kb-nav-link-content {
  text-transform: none;
  letter-spacing: 0.02em;
  font-size: 1rem;
}

/* Mega meniul Servicii și meniul de telefon: mărimea stă pe atributul blocului
   (17px, respectiv 20px). Regula se pune pe LINK, nu pe titlu — valoarea
   moștenită de la părinte e înlocuită, indiferent de specificitate. */
.wp-block-kadence-header .rph-mega-nav a,
.rph-mega-nav a { font-size: 1.1875rem; }
.rph-mega-all a { font-size: 1rem; }
.rph-mob-nav a { font-size: 1.375rem; }

/* ---- Telefonul din antet — nu e link de meniu, e o acțiune -------------- */
.wp-block-kadence-header-column-center-right > a[href^="tel:"]:not(.kb-button),
.wp-block-kadence-header a[href^="tel:"]:not(.kb-button) {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 1.0625rem;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  color: var(--ink-900);
  text-decoration: none;
  white-space: nowrap;
}
.wp-block-kadence-header a[href^="tel:"]:not(.kb-button)::before {
  content: "";
  width: 1.05em;
  height: 1.05em;
  flex: 0 0 auto;
  background-color: var(--ui-burgundy);
  -webkit-mask: var(--rph-icon-phone) center / contain no-repeat;
  mask: var(--rph-icon-phone) center / contain no-repeat;
}
.wp-block-kadence-header a[href^="tel:"]:not(.kb-button):hover { color: var(--ui-burgundy); }

:root {
  --rph-icon-phone: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
}

/* ---- Butonul de acțiune din antet -------------------------------------- */
/* Era o cărămidă de 202×73px cu textul rupt pe două rânduri. Instrument, nu
   SaaS: rază 2px, Oswald versale, o singură linie, chenar care se inversează
   la hover. */
.wp-block-kadence-header .kb-button {
  white-space: nowrap;
  padding: 0.8125rem 1.5rem;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 0.9375rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.1;
  border-radius: var(--radius-sm, 2px);
  border: 2px solid var(--ui-burgundy);
  background-color: var(--ui-burgundy);
  color: var(--ink-0);
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.wp-block-kadence-header .kb-button:hover,
.wp-block-kadence-header .kb-button:focus-visible {
  background-color: var(--brand-burgundy);
  border-color: var(--brand-burgundy);
  color: var(--ink-0);
}

/* ---- Telefonul din antet, ca în macheta Lovable ------------------------- */
/* Nu e un al doilea buton lângă „Cere diagnostic" — e numărul, cu o iconiță
   de telefon în roșu. Iconița e nativă Kadence (`fe_phone`, verificată în
   `icons-ico-array.php`), deci se vede și în editor, nu doar pe frontend.
   Linkul e `tel:` — pe telefon apasă și sună. */
.wp-block-kadence-header .kb-button.rph-tel {
  background: none;
  background-color: transparent;
  border-color: transparent;
  /* ținta de atingere rămâne ≥44px, ca peste tot în sistem */
  padding: 0.75rem 0.75rem;
  min-height: var(--tap-min);
  color: var(--ink-900);
  font-weight: 700;
  font-size: 1.0625rem;
  letter-spacing: 0.02em;
  text-transform: none;
  font-variant-numeric: tabular-nums;
  gap: 0.5rem;
}
.wp-block-kadence-header .kb-button.rph-tel .kb-svg-icon-wrap,
.wp-block-kadence-header .kb-button.rph-tel svg {
  color: var(--ui-burgundy);
}
.wp-block-kadence-header .kb-button.rph-tel:hover,
.wp-block-kadence-header .kb-button.rph-tel:focus-visible {
  background: none;
  background-color: transparent;
  border-color: transparent;
  color: var(--ui-burgundy);
}

/* Titlurile Anton cu diacritice: la 1,12 „Î" din rândul de jos atinge „Ă" din
   rândul de sus (văzut pe /reparatii-pompe-hidraulice/, și pe calculator, și
   pe telefon). Anton n-are loc pentru accente în interliniajul implicit. */
/* Interliniajul vine din ATRIBUTUL blocului (1,05 / 1,08 / 1,12 pe cele trei
   ecrane), cu specificitate de două clase — un `body .entry-content h1` nu-l
   bate. De aici selectorul cu clasa blocului. */
body .entry-content h1.wp-block-kadence-advancedheading,
body .entry-content h1 {
  /* `!important` e necesar: blocul își scrie interliniajul tot cu `!important`,
     deci specificitatea singură nu ajunge (verificat pe pagina randată).
     1,22 e valoarea la care accentul lui „Î" se desprinde de rândul de
     deasupra la 34px pe telefon; 1,18 încă îl atingea. */
  line-height: 1.22 !important;
}

/* ---- Sertarul de meniu de pe telefon ------------------------------------ */
/* Conținutul stătea la 56px de margine (32px de la sertar + 24px de la rândul
   dinăuntru), în timp ce restul site-ului începe la 24px. Marginile rândului
   au fost puse pe 0 în ATRIBUTUL blocului (#38), nu aici: padding-ul venea din
   atribut, iar o regulă CSS de o clasă nu-l bate. Rămâne padding-ul sertarului.
*/

/* Telefonul din sertar: pe telefon apelul e acțiunea principală a unui om cu
   utilajul oprit, deci e buton întreg, nu un rând de meniu. */
.kb-button.rph-tel-mob {
  background: none;
  background-color: transparent;
  border: 2px solid var(--ui-burgundy);
  color: var(--ink-900);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: none;
  font-variant-numeric: tabular-nums;
  gap: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 0.75rem;
}
/* Pe butonul „pe toată lățimea" iconița iese cu lățime 0 (măsurat) — mărimea
   din atributul blocului nu se aplică acolo. Se dă explicit. */
.kb-button.rph-tel-mob .kb-svg-icon-wrap svg {
  width: 19px;
  height: 19px;
}
.kb-button.rph-tel-mob svg { color: var(--ui-burgundy); }
.kb-button.rph-tel-mob:hover,
.kb-button.rph-tel-mob:focus-visible {
  background-color: var(--ui-burgundy);
  color: var(--ink-0);
}
.kb-button.rph-tel-mob:hover svg { color: var(--ink-0); }

/* RPH.40: self-hosted brand fonts, available before cookie consent. */
@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/fd9301f2837c99df.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/1b08e7fc267a5c7e.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/8c883f63b2c4157d.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/e7a1aaf7eda9f2fa.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/b37284b5701b6b16.ttf) format('truetype');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/bd6ff5a83bcdc92d.ttf) format('truetype');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/edca7f2098242ead.ttf) format('truetype');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/20987dd8fd1d3e9a.ttf) format('truetype');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/a6ee8b91ec269a6f.ttf) format('truetype');
}


/* RPH.43 — two scoped trust-band alternatives for design review. */
@media(max-width:600px){.rph-trust-a>.kt-row-column-wrap{padding:28px 24px!important}.rph-trust-b>.kt-row-column-wrap{padding:34px 24px!important}}
.rph-trust-a>.kt-row-column-wrap{padding:34px 0!important;gap:24px!important;max-width:1180px!important;margin:auto;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.rph-trust-a .rph-trust-item>.kt-inside-inner-col{display:grid;grid-template-columns:38px 1fr;column-gap:14px;align-content:center}
.rph-trust-a .wp-block-kadence-icon{grid-row:1/3;align-self:center}
.rph-trust-a .rph-trust-item+.rph-trust-item{border-left:1px solid var(--global-palette12);padding-left:24px}
.rph-trust-a{border-bottom:1px solid var(--global-palette12);padding:0 28px}
.rph-trust-b{padding:0 28px}
.rph-trust-b>.kt-row-column-wrap{padding:44px 0!important;max-width:1180px!important;margin:auto;grid-template-columns:0.9fr 1.6fr!important;gap:72px!important;align-items:center}
.rph-trust-b .rph-trust-grid>.kt-inside-inner-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 36px}
.rph-trust-b .rph-trust-item>.kt-inside-inner-col{display:grid;grid-template-columns:32px 1fr;gap:0 14px}
.rph-trust-b .wp-block-kadence-icon{grid-row:1/3;padding-top:3px}
.rph-trust-a p,.rph-trust-b p{margin:0}
@media(max-width:1024px){.rph-trust-a>.kt-row-column-wrap{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px!important}.rph-trust-a .rph-trust-item:nth-child(3){border:0;padding-left:0}.rph-trust-b>.kt-row-column-wrap{gap:32px!important}}
@media(max-width:600px){.rph-trust-a,.rph-trust-b{padding:0 24px}.rph-trust-a>.kt-row-column-wrap{padding:28px 0!important;gap:26px 20px!important}.rph-trust-a .rph-trust-item>.kt-inside-inner-col{display:block}.rph-trust-a .wp-block-kadence-icon{margin-bottom:10px}.rph-trust-a .rph-trust-item+.rph-trust-item{border:0;padding-left:0}.rph-trust-b>.kt-row-column-wrap{grid-template-columns:1fr!important;padding:34px 0!important;gap:28px!important}.rph-trust-b .rph-trust-grid>.kt-inside-inner-col{grid-template-columns:1fr;gap:22px}.rph-trust-b .rph-trust-item>.kt-inside-inner-col{grid-template-columns:30px 1fr}}
@media(max-width:600px){.rph-trust-a.wp-block-kadence-rowlayout>.kt-row-column-wrap{padding:28px 24px!important}.rph-trust-b.wp-block-kadence-rowlayout>.kt-row-column-wrap{padding:34px 24px!important}}

/* 26.09 — subsol: linkurile din paragraful de contact rămân pe același rând cu separatorul „·” (altfel .footer__grid a {display:flex} le rupe pe rânduri separate). */
.footer__grid p > a { display: inline-flex; }


/* =========================================================================
   F2 — părțile comune după manualul de design (11.10.2026, tema 1.8.0)
   Sursa: branding/MANUAL-DESIGN-SITE-2026-10-09.md §5 + §7 (Antet, Subsol, Bara fixă).
   Suprascrie regulile „Cadran” de mai sus (Oswald versale, butoane cu rază); în R6 se contopesc.
   !important doar unde blocul Kadence #972 își scrie stilul cu specificitate de 3 clase.
   ========================================================================= */

/* ---- Antet desktop: 73 px, hârtie + linie 1 px, sticky ---------------------------------- */
body .wp-block-kadence-header .kb-header-container { background: var(--rph-hartie) !important; }
body .wp-block-kadence-header .wp-block-kadence-header-desktop .kb-header-container,
body .wp-block-kadence-header .wp-block-kadence-header-tablet .kb-header-container { border-bottom: 1px solid var(--rph-linie); }
body .wp-block-kadence-header .item-is-stuck { box-shadow: none !important; }
body .wp-block-kadence-header-desktop .wp-block-kadence-header-row { min-height: 73px !important; }
body .wp-block-kadence-header-desktop .kadence-header-row-inner { min-height: 73px !important; }
body .wp-block-kadence-header .rph-h2-id img.custom-logo { width: 48px !important; height: 48px !important; }
body .wp-block-kadence-header .rph-h2-id .wp-block-site-title { font-family: var(--rph-f-titlu) !important; font-weight: 800 !important; font-size: 21px !important; letter-spacing: 0 !important; text-transform: uppercase; color: var(--rph-text-1) !important; }
body .wp-block-kadence-header .wp-block-kadence-header-desktop .rph-h2-id .wp-block-site-title { padding-bottom: 18px !important; min-width: 0 !important; }
body .wp-block-kadence-header .rph-h2-desc.wp-block-kadence-advancedheading { left: 60px !important; font-family: var(--rph-f-text) !important; font-size: 13.5px !important; font-weight: 400 !important; color: var(--rph-text-3) !important; }
body .wp-block-kadence-header .item-is-stuck .rph-h2-desc.wp-block-kadence-advancedheading { left: 60px !important; }
body .wp-block-kadence-header .kb-nav-link-content { font-family: var(--rph-f-text) !important; font-weight: 600 !important; font-size: 16px !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--rph-text-1); }
body .wp-block-kadence-header .wp-block-kadence-header-desktop .current-menu-item > .kb-link-wrap > .kb-nav-link-content { color: var(--rph-accent) !important; }
body .wp-block-kadence-header .kb-button.rph-h2-shop { font-family: var(--rph-f-text) !important; font-size: 15px !important; color: var(--rph-text-3) !important; border-left-color: var(--rph-linie) !important; text-transform: none !important; letter-spacing: 0 !important; }
body .wp-block-kadence-header .kb-button.rph-h2-tel { background: transparent !important; border: 2px solid var(--rph-text-1) !important; color: var(--rph-text-1) !important; font-family: var(--rph-f-mono) !important; font-weight: 700 !important; font-size: 16px !important; letter-spacing: 0 !important; min-height: 52px !important; padding: 0 16px !important; border-radius: 0 !important; }
body .wp-block-kadence-header .kb-button.rph-h2-tel:hover { background: var(--rph-text-1) !important; color: var(--rph-hartie) !important; }
body .wp-block-kadence-header .kb-button.rph-h2-tel .kb-svg-icon-wrap { display: none; }
body .wp-block-kadence-header .kb-button.rph-h2-wa { background: var(--rph-accent) !important; border: 2px solid var(--rph-accent) !important; color: #fff !important; font-family: var(--rph-f-text) !important; font-weight: 700 !important; font-size: 16px !important; letter-spacing: 0 !important; text-transform: none !important; min-height: 52px !important; padding: 0 20px !important; border-radius: 0 !important; }
body .wp-block-kadence-header .kb-button.rph-h2-wa:hover { background: var(--rph-accent-hover) !important; border-color: var(--rph-accent-hover) !important; }

/* ---- Mega meniul Servicii (#969) și sertarul de pe telefon (#970) ---------------------- */
body .wp-block-kadence-header .mega-menu { box-shadow: none !important; border-bottom: 1px solid var(--rph-linie) !important; background: var(--rph-hartie); }
body .wp-block-kadence-header .rph-h2-mt a, .rph-mega-nav a { font-family: var(--rph-f-titlu) !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: 0 !important; color: var(--rph-text-1) !important; }
body .wp-block-kadence-header .rph-h2-md.wp-block-kadence-advancedheading { font-family: var(--rph-f-text) !important; color: var(--rph-text-3) !important; }
body .wp-block-kadence-header .rph-h2-card > .kt-inside-inner-col { background: var(--rph-inchis) !important; }
body .wp-block-kadence-header .rph-h2-card-t.wp-block-kadence-advancedheading { font-family: var(--rph-f-titlu) !important; font-weight: 800 !important; letter-spacing: 0 !important; }
body .wp-block-kadence-header .rph-h2-card .kb-button.rph-h2-card-btn { background: var(--rph-galben) !important; border-color: var(--rph-galben) !important; color: var(--rph-text-1) !important; border-radius: 0 !important; text-transform: none !important; letter-spacing: 0 !important; font-family: var(--rph-f-text) !important; }
body .wp-block-kadence-header .rph-h2-mnav.wp-block-kadence-advancedheading, body .wp-block-kadence-header .rph-h2-mnav a { font-family: var(--rph-f-text) !important; font-weight: 700 !important; color: var(--rph-text-1) !important; text-transform: none; }
body .wp-block-kadence-header .rph-h2-mshop-t.wp-block-kadence-advancedheading, body .wp-block-kadence-header .rph-h2-mshop-t a { font-family: var(--rph-f-text) !important; color: var(--rph-text-1) !important; }
body .wp-block-kadence-header .rph-h2-macts .kb-button { border-radius: 0 !important; text-transform: none !important; letter-spacing: 0 !important; font-family: var(--rph-f-text) !important; font-weight: 700 !important; }
body .wp-block-kadence-header .rph-h2-macts .kb-button.rph-h2-mtel { background: transparent !important; border: 2px solid var(--rph-text-1) !important; color: var(--rph-text-1) !important; font-family: var(--rph-f-mono) !important; }
body .wp-block-kadence-header .rph-h2-macts .kb-button.rph-h2-mwa { background: var(--rph-accent) !important; border-color: var(--rph-accent) !important; color: #fff !important; }

/* ---- Antet telefon: doar sigla + numele + „Meniu” (WhatsApp și Sună stau în bara fixă de jos) ---- */
@media (max-width: 1024px) {
	body .wp-block-kadence-header .rph-h2-id-mob .wp-block-site-title { font-size: 17px !important; max-width: 7.5em !important; line-height: 1.05 !important; }
	body .wp-block-kadence-header .rph-h2-id img.custom-logo { width: 44px !important; height: 44px !important; }
	body .wp-block-kadence-header .rph-h2-mbtns { display: none !important; }
	body .wp-block-kadence-header .rph-h2-trig { color: var(--rph-text-1) !important; border: 2px solid var(--rph-text-1) !important; border-radius: 0 !important; }
	body .wp-block-kadence-header .rph-h2-trig::after { font-family: var(--rph-f-text) !important; font-weight: 700 !important; color: var(--rph-text-1) !important; }
}

/* ---- Butoanele Kadence din conținut (§9): primary burgundy plin · secondary galben · outline 2 px ---- */
.wp-block-kadence-advancedbtn .kb-button, .wp-block-button__link, .button, button.kb-button { border-radius: 0 !important; text-transform: none; letter-spacing: 0; font-family: var(--rph-f-text); font-weight: 700; }
.wp-block-kadence-advancedbtn .kb-btn-global-outline { border: 2px solid var(--rph-text-1) !important; color: var(--rph-text-1) !important; background: transparent !important; }
.wp-block-kadence-advancedbtn .kb-btn-global-outline:hover { background: var(--rph-text-1) !important; color: var(--rph-hartie) !important; }
.wp-block-kadence-advancedbtn .kb-btn-global-inherit-secondary, .wp-block-kadence-advancedbtn .button-style-secondary { background: var(--rph-galben) !important; color: var(--rph-text-1) !important; }

/* ---- Subsolul (§7): negru, insigna mare, telefonul mare în mono, „SĂ MEARGĂ CA UNSĂ.” galben ---- */
.rph-footer { background: var(--rph-subsol); color: var(--rph-pe-negru-1); padding: 56px 0 24px; }
.rph-footer__inner { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.rph-footer__grid { display: grid; gap: 32px; align-items: center; }
.rph-footer__logo img { width: 180px; height: auto; display: block; }
.rph-footer__label { font-family: var(--rph-f-mono); font-size: 13px; font-weight: 700; letter-spacing: .08em; color: var(--rph-galben); margin: 0 0 .25rem; }
.rph-footer a.rph-footer__phone { display: inline-flex; align-items: center; min-height: 44px; font-family: var(--rph-f-mono); font-weight: 700; font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.1; color: var(--rph-hartie); text-decoration: none; }
.rph-footer a.rph-footer__phone:hover { color: var(--rph-galben); }
.rph-footer__addr { margin: .5rem 0 0; font-size: 1rem; color: var(--rph-pe-negru-1); }
.rph-footer__motto { font-family: var(--rph-f-titlu); font-weight: 800; text-transform: uppercase; font-size: clamp(2rem, 3.6vw, 3rem); line-height: 1.2; color: var(--rph-galben); margin: 0 0 1rem; }
.rph-footer__nav { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0 20px; }
.rph-footer__nav a, .rph-footer__bottom a, .rph-footer__bottom button { display: inline-flex; align-items: center; min-height: 44px; color: var(--rph-pe-negru-1); text-decoration: none; font-size: 1rem; }
.rph-footer__nav a:hover, .rph-footer__bottom a:hover { color: var(--rph-galben); text-decoration: underline; }
.rph-footer__bottom { margin-top: 40px; padding-top: 16px; border-top: 1px solid rgba(217, 213, 206, .2); display: flex; flex-wrap: wrap; gap: 4px 24px; justify-content: space-between; align-items: center; font-size: .9rem; color: var(--rph-pe-negru-2); }
.rph-footer__legal { display: flex; flex-wrap: wrap; gap: 0 20px; align-items: center; }
.rph-footer__bottom .surecookie-reconsent-button, .rph-footer__bottom button { background: none; border: 0; padding: 0; font: inherit; color: var(--rph-pe-negru-1); cursor: pointer; text-decoration: none; }
@media (min-width: 900px) {
	.rph-footer { padding-top: 80px; }
	.rph-footer__grid { grid-template-columns: 240px 1.3fr 1fr; gap: 56px; }
	.rph-footer__logo img { width: 240px; }
}