/* ─────────────────────────────────────────────────────────────────────────
   EXPERIMENT — Cristian, 2026-05-28
   Schimbă elementele dark din paginile noi (ink #1C1917 → stone-700 #44403C),
   acelaşi „maron" cald folosit la `.store-tab.active` în /contact.
   Scope: doar paginile redesignate (.buc-lp, .svc-lp, .despre-lp, .faq-page,
   .pv-page + kuxaQuotes shared strip + filtre/pill-uri /testimoniale).
   `!important` peste tot pentru că `<style>`-urile inline din cphHead se încarcă
   după acest link → tie-break order-wise. Pentru revert: scoate <link> din mp.master.
   ────────────────────────────────────────────────────────────────────────── */

:root{
  --btn-ink-exp:      #44403C; /* default — stone-700 */
  --btn-ink-exp-dark: #33302E; /* hover */
}

/* ═══ A. BUTOANE CTA ═══ */

/* A1. „Descarcă Ghidul" — kuxaQuotes shared strip */
.kq-strip .kq-strip__cta{ background:var(--btn-ink-exp) !important; }
.kq-strip .kq-strip__cta:hover{ background:var(--btn-ink-exp-dark) !important; }

/* A2. Eco CTA cards (cele dark — NU `.red`) */
.buc-lp    .eco:not(.red),
.svc-lp    .eco:not(.red),
.despre-lp .eco:not(.red),
.faq-page  .eco:not(.red),
.pv-page   .eco:not(.red){
  background:var(--btn-ink-exp) !important;
}
.buc-lp    .eco:not(.red):hover,
.svc-lp    .eco:not(.red):hover,
.despre-lp .eco:not(.red):hover,
.faq-page  .eco:not(.red):hover,
.pv-page   .eco:not(.red):hover{
  background:var(--btn-ink-exp-dark) !important;
}

/* A3. „Trimite Programarea" — /contact */
.pv-page .btn-primary{ background:var(--btn-ink-exp) !important; }
.pv-page .btn-primary:hover{ background:var(--btn-ink-exp-dark) !important; }

/* A4. „Vezi cât costă" lock-pill — /testimoniale */
.kuxa-card-price.locked{ background:var(--btn-ink-exp) !important; }

/* ═══ B. NUMBER BADGES (pătrăţelele cu cifre + gold tab pe stânga) ═══ */

/* B1. „01 02 03 04" pe paşii de /servicii */
.svc-lp .svc-num{ background:var(--btn-ink-exp) !important; }

/* B2. „01 02 03" pe Garanţiile din /despre-noi */
.despre-lp .guard-num{ background:var(--btn-ink-exp) !important; }

/* ═══ C. FILTRE / PILL-URI ACTIVE pe /testimoniale ═══ */

/* C1. Toggle-uri coloane (Stil/Marcă/Finisaj etc.) */
.col-toggle button.active{
  background:var(--btn-ink-exp) !important;
  border-color:var(--btn-ink-exp) !important;
}

/* C2. Forma bucătăriei — Linie / 2 Linii / L / U / G / Altele */
.filtru-forma .shapes > li.active{
  background:var(--btn-ink-exp) !important;
  border-color:var(--btn-ink-exp) !important;
}

/* C3. Are insulă — Indiferent / Cu insulă / Fără
   (chained .active.active ca să bat `!important`-ul din pagina inline) */
.insula-pills > li.active.active{
  background:var(--btn-ink-exp) !important;
  border-color:var(--btn-ink-exp) !important;
}

/* C4. Filtre din sidebar (valori selectate) — la fel, chained .selected.selected */
.sidebar-kuxa .filter-value.selected.selected{
  background:var(--btn-ink-exp) !important;
  border-color:var(--btn-ink-exp) !important;
}

/* C5. Designer rail — designerul activ */
.designeri-rail-item.active{ background:var(--btn-ink-exp) !important; }

/* C6. Mobile — filter-adv-btn deschis */
#mobSpaceCard .filter-adv-btn.open{
  background:var(--btn-ink-exp) !important;
  border-color:var(--btn-ink-exp) !important;
}

/* C7. Mobile — chip-uri active (mob-chip.on) */
.mob-chip.on{
  background:var(--btn-ink-exp) !important;
  border-color:var(--btn-ink-exp) !important;
}

/* C8. FAQ chips active pe /intrebari (acelaşi pattern de filtre) */
.faq-page .faq-chips .chip.on{
  background:var(--btn-ink-exp) !important;
  border-color:var(--btn-ink-exp) !important;
}

/* C9. Cardul „CONCLUZIE" de pe /intrebari (ladder-conclusion) */
.faq-page .ladder-conclusion{ background:var(--btn-ink-exp) !important; }

/* ═══ D. PAGINA /testimonial (detaliu) ═══ */

/* D1. „Feedback vizitator/ofertă/instalare" — cele 3 carduri dark din Recenzia detaliată */
.rv-col-head{ background:var(--btn-ink-exp) !important; }

/* D2. „Deblochează prețul" — buton CTA în cardul de cost */
.cost-unlock{ background:var(--btn-ink-exp) !important; }
.cost-unlock:hover{ background:var(--btn-ink-exp-dark) !important; }

/* D3. „Calculator Bucătărie" — CTA-ul de sub filtre pe /testimoniale */
.pas2-cta{ background:var(--btn-ink-exp) !important; }
.pas2-cta:hover, .pas2-cta:focus{ background:var(--btn-ink-exp-dark) !important; }

/* D4. Lead splash „Află cât a costat această bucătărie" (header modal pe /testimoniale + detaliu)
   Fundal maro + textul descriptiv în alb (subliniat: pe stone-700 grayul .6 nu mai are contrast) */
.lead-head{ background:var(--btn-ink-exp) !important; }
.lead-head p{ color:#fff !important; }

/* ═══ E. PAGINARE pe /testimoniale (uib-pagination Bootstrap 3 → editorial) ═══ */

.tst-pager-wrap{ margin:24px 0 60px !important; padding:0 !important; }
.tst-pager-wrap .pagination{
  display:inline-flex !important; flex-wrap:wrap; justify-content:center; align-items:center;
  gap:6px; margin:0 auto !important; padding:0 !important; border-radius:0 !important;
  box-shadow:none !important; background:transparent !important;
}
/* fiecare element li — neutralizeaza Bootstrap defaults */
.tst-pager-wrap .pagination > li{
  display:inline-block !important; margin:0 !important; padding:0 !important; float:none !important;
}
/* link + span — pill rotunjit, font 13px, monospace numbers */
.tst-pager-wrap .pagination > li > a,
.tst-pager-wrap .pagination > li > span{
  display:inline-flex !important; align-items:center; justify-content:center;
  min-width:36px !important; height:36px !important; padding:0 12px !important;
  margin:0 !important; border:1px solid #E7E5E4 !important; border-radius:8px !important;
  background:#fff !important; color:#1C1917 !important;
  font-family:'Manrope',system-ui,sans-serif !important; font-size:13px !important; font-weight:700 !important;
  letter-spacing:-.005em !important; font-variant-numeric:tabular-nums !important;
  line-height:1 !important; box-shadow:none !important;
  transition:all .12s ease;
}
.tst-pager-wrap .pagination > li > a:hover,
.tst-pager-wrap .pagination > li > span:hover{
  border-color:#A8A29E !important; background:#FAFAF9 !important; color:#1C1917 !important;
  text-decoration:none !important;
}
/* active page — maro stone-700 + tab gold pe stanga (signature editoriala) */
.tst-pager-wrap .pagination > li.active > a,
.tst-pager-wrap .pagination > li.active > span,
.tst-pager-wrap .pagination > li.active > a:hover,
.tst-pager-wrap .pagination > li.active > span:hover{
  background:var(--btn-ink-exp) !important; border-color:var(--btn-ink-exp) !important;
  color:#fff !important; position:relative; overflow:hidden;
}
.tst-pager-wrap .pagination > li.active > a::before,
.tst-pager-wrap .pagination > li.active > span::before{
  content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:#C9A84C;
}
/* disabled state — săgețile << și >> când ești pe prima/ultima */
.tst-pager-wrap .pagination > li.disabled > a,
.tst-pager-wrap .pagination > li.disabled > span,
.tst-pager-wrap .pagination > li.disabled > a:hover,
.tst-pager-wrap .pagination > li.disabled > span:hover{
  opacity:.35 !important; cursor:not-allowed !important;
  background:#fff !important; color:#78716C !important; border-color:#E7E5E4 !important;
}
/* ellipsis cell — fără border, doar text */
.tst-pager-wrap .pagination > li:has(> a:not([href])):not(.active):not(.disabled) > a,
.tst-pager-wrap .pagination > li:has(> span:not([ng-click])) > span{ /* fallback selector */
}
/* primul/ultimul (<< >>) si prev/next (< >) — un strop mai subtil ca cifrele */
.tst-pager-wrap .pagination > li.pagination-first > a,
.tst-pager-wrap .pagination > li.pagination-first > span,
.tst-pager-wrap .pagination > li.pagination-last > a,
.tst-pager-wrap .pagination > li.pagination-last > span,
.tst-pager-wrap .pagination > li.pagination-prev > a,
.tst-pager-wrap .pagination > li.pagination-prev > span,
.tst-pager-wrap .pagination > li.pagination-next > a,
.tst-pager-wrap .pagination > li.pagination-next > span{
  color:#57534E !important; font-weight:800 !important;
}