/* ===============================
   TESTIMONIALE CLIENTI – FINAL
   =============================== */

.testimonials-desktop {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px;
	align-items: center; /* CENTRARE VERTICALĂ */
}

.testimonials-mobile {
	display: none;
}

@media (max-width: 768px) {
	.testimonials-desktop {
		display: none;
	}
	.testimonials-mobile {
		display: grid;
		grid-template-columns: 1fr;
		gap: 20px;
		align-items: center;
	}
}

.testimonial {
	position: relative !important;

	/* fără fundal */
	background: transparent !important;

	border-radius: 22px !important;

	/* spațiu extern controlat */
	margin: 0 auto !important;
	margin-bottom: 14px !important;

	/* PADDING ȘI MAI REDUS (card mai jos) */
	padding: 16px !important;
	padding-top: 20px !important;
	padding-bottom: 14px !important;

	/* doar margine */
	border: 1px solid rgba(15, 39, 64, 0.22) !important;

	/* FĂRĂ UMBRĂ EXTERIOARĂ (elimină umbra de sub chenar) */
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15) !important;

	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important; /* CONȚINUT CENTRAT */
}

/* highlight sus */
.testimonial::before {
	content: "";
	position: absolute;
	top: 0;
	left: 12px;
	right: 12px;
	height: 2px;
	border-radius: 0 0 12px 12px;
	background: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0.55),
		rgba(255, 255, 255, 0)
	);
	pointer-events: none;
}

/* elimină complet dunga de jos */
.testimonial::after {
	content: none !important;
	display: none !important;
}

/* featured */
.testimonials-desktop .testimonial--featured {
	grid-column: span 2 !important;

	border-color: rgba(111, 121, 216, 0.55) !important;

	/* păstrăm doar un contur fin (fără umbră exterioară) */
	box-shadow: inset 0 0 0 1px rgba(111, 121, 216, 0.25) !important;
}

.testimonials-mobile .testimonial--featured {
	border-color: rgba(111, 121, 216, 0.55) !important;
}

/* HEADER */
.testimonial__header {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin-bottom: 8px !important;
}

.testimonial__avatar {
	width: 48px !important;
	height: 48px !important;
	min-width: 48px !important;
	border-radius: 50% !important;
	background: #6f79d8 !important;
	color: #ffffff !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
}

.testimonial__header-content {
	display: flex !important;
	flex-direction: column !important;
	gap: 3px !important;
}

.testimonial__name {
	font-size: 16px !important;
	font-weight: 800 !important;
	color: #0f2740 !important;
	line-height: 1.15 !important;
}

.testimonial__verified {
	background: #22a559 !important;
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	padding: 2px 8px !important;
	border-radius: 999px !important;
	width: fit-content !important;
}

/* RATING */
.testimonial__rating {
	margin: 6px 0 8px 0 !important;
	display: flex !important;
	gap: 2px !important;
}
.star {
	font-size: 16px !important;
	color: #d1d5db !important;
}
.star--full {
	color: #f5a623 !important;
}

/* TEXT */
.testimonial__message {
	font-size: 14px !important;
	line-height: 1.45 !important;
	color: #5b6674 !important;
	margin: 0 0 8px 0 !important;
}

/* DATA */
.testimonial__date {
	font-size: 12px !important;
	color: rgba(15, 39, 64, 0.6) !important;
	text-align: right !important;
	font-style: italic !important;
}

/* MOBILE */
@media (max-width: 768px) {
	.testimonial {
		padding: 14px !important;
		padding-top: 18px !important;
		padding-bottom: 12px !important;
		margin-bottom: 14px !important;
	}
	.testimonial__avatar {
		width: 44px !important;
		height: 44px !important;
		min-width: 44px !important;
		font-size: 15px !important;
	}
	.testimonial__message {
		font-size: 13px !important;
	}
}

/* Newsletter – card alb ca în mockup */
.kb-newsletter-card {
  background: #ffffff;
  border-radius: 20px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 14px 40px rgba(0,0,0,0.12);
  max-width: 1200px;
  margin: 40px auto 0 auto;
  padding: 44px 28px;
}

/* Titlu */
.kb-newsletter-card h1,
.kb-newsletter-card h2 {
  text-align: center;
  margin: 0;
}

/* Subtitlu */
.kb-newsletter-card p {
  text-align: center;
  margin: 10px 0 0 0;
  color: #6b7280;
  font-size: 16px;
}

/* Formular */
.kb-newsletter-card form {
  margin-top: 24px;
}

/* Input-uri */
.kb-newsletter-card input[type="text"],
.kb-newsletter-card input[type="email"] {
  height: 52px;
  padding: 0 16px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  font-size: 16px;
  outline: none;
  width: 100%;
  max-width: 520px;
}

/* Focus */
.kb-newsletter-card input:focus {
  border-color: #2fb463;
  box-shadow: 0 0 0 3px rgba(47,180,99,0.18);
}

/* Buton */
.kb-newsletter-card button,
.kb-newsletter-card input[type="submit"] {
  height: 52px;
  border-radius: 10px;
  border: 0;
  background: #2fb463;
  color: #ffffff;
  font-weight: 700;
  width: 100%;
  max-width: 840px;
  margin: 16px auto 0 auto;
  display: block;
  cursor: pointer;
}

/* Mobil */
@media (max-width: 768px) {
  .kb-newsletter-card {
    padding: 34px 18px;
    margin: 28px 12px 0 12px;
  }
}

/* Newsletter: aliniere ca în mockup (totul centrat în card) */
.kb-newsletter-card {
  text-align: center;
}

/* Anulează layout-ul pe 2 coloane, dacă tema îl aplică */
.kb-newsletter-card .row,
.kb-newsletter-card .columns,
.kb-newsletter-card .col,
.kb-newsletter-card [class*="col-"]{
  width: 100% !important;
  float: none !important;
  display: block !important;
}

/* Titlu + text */
.kb-newsletter-card h1,
.kb-newsletter-card h2{
  text-align: center !important;
  margin: 0 !important;
}

.kb-newsletter-card p{
  text-align: center !important;
  margin: 10px auto 0 auto !important;
  max-width: 760px;
}

/* Formular centrat */
.kb-newsletter-card form{
  margin: 26px auto 0 auto !important;
  max-width: 760px;
}

/* Dacă tema folosește wrap-uri interne pentru form, le centrăm */
.kb-newsletter-card .form-group,
.kb-newsletter-card .form-row,
.kb-newsletter-card .form-fields,
.kb-newsletter-card .fields,
.kb-newsletter-card .input-group{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 16px !important;
}

/* Input-uri centrate, cu lățime frumoasă */
.kb-newsletter-card input[type="text"],
.kb-newsletter-card input[type="email"]{
  width: 100% !important;
  max-width: 640px !important;
  margin: 0 auto !important;
}

/* Buton centrat, lățime ca în mockup */
.kb-newsletter-card button,
.kb-newsletter-card input[type="submit"]{
  width: 100% !important;
  max-width: 640px !important;
  margin: 8px auto 0 auto !important;
}

/* Mobil: padding și spațiere mai compacte */
@media (max-width: 768px){
  .kb-newsletter-card form{
    max-width: 100% !important;
  }
  .kb-newsletter-card input[type="text"],
  .kb-newsletter-card input[type="email"],
  .kb-newsletter-card button,
  .kb-newsletter-card input[type="submit"]{
    max-width: 100% !important;
  }
}

/* ===== Newsletter ca în model (centrare + 2 inputuri pe rând + buton sub) ===== */
.kb-newsletter-card{
  background:#ffffff;
  border-radius:20px;
  border:1px solid #e5e7eb;
  box-shadow:0 14px 40px rgba(0,0,0,0.12);
  max-width:1200px;
  margin:40px auto 0 auto;
  padding:52px 28px;
  text-align:center;
}

/* Forțăm orice layout pe coloane (grid/flex/float) să se comporte ca un singur bloc */
.kb-newsletter-card .row,
.kb-newsletter-card .columns,
.kb-newsletter-card [class*="col-"],
.kb-newsletter-card [class*="col_"],
.kb-newsletter-card [class*="column"]{
  float:none !important;
  width:100% !important;
  max-width:100% !important;
  flex:0 0 100% !important;
}

/* Titlu + subtitlu ca în mockup */
.kb-newsletter-card h1,
.kb-newsletter-card h2{
  text-align:center !important;
  margin:0 !important;
  font-weight:800;
}

.kb-newsletter-card p{
  text-align:center !important;
  margin:10px auto 0 auto !important;
  max-width:760px;
  color:#6b7280;
  font-size:16px;
  font-weight:500;
}

/* Formularul: îl punem sub text și îl centrăm */
.kb-newsletter-card form{
  margin:28px auto 0 auto !important;
  max-width:760px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
}

/* Rândul cu inputuri: încercăm să prindem wrapper-ele uzuale din teme */
.kb-newsletter-card form .form-row,
.kb-newsletter-card form .form-group-row,
.kb-newsletter-card form .fields,
.kb-newsletter-card form .form-fields,
.kb-newsletter-card form .row{
  width:100% !important;
  display:flex !important;
  gap:22px !important;
  justify-content:center !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}

/* Dacă tema nu are wrapper, facem inputurile să se așeze tot ca 2 coloane prin inline-block */
.kb-newsletter-card input[type="text"],
.kb-newsletter-card input[type="email"]{
  height:52px;
  padding:0 16px;
  border-radius:10px;
  border:1px solid #e5e7eb;
  background:#ffffff;
  font-size:16px;
  outline:none;

  width:100% !important;
  max-width:360px !important;
  display:inline-block !important;
  margin:0 !important;
}

.kb-newsletter-card input[type="text"]:focus,
.kb-newsletter-card input[type="email"]:focus{
  border-color:#2fb463;
  box-shadow:0 0 0 3px rgba(47,180,99,0.18);
}

/* Butonul sub inputuri, centrat */
.kb-newsletter-card button,
.kb-newsletter-card input[type="submit"]{
  height:52px;
  padding:0 26px;
  border-radius:10px;
  border:0;
  background:#2fb463;
  color:#ffffff;
  font-weight:800;
  cursor:pointer;

  width:auto !important;
  min-width:240px !important;
  margin:22px auto 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Dacă butonul e pus într-un wrapper pe jumătate de rând, îl forțăm să ocupe tot rândul */
.kb-newsletter-card form .actions,
.kb-newsletter-card form .form-actions,
.kb-newsletter-card form .buttons,
.kb-newsletter-card form .submit,
.kb-newsletter-card form .btn-wrap{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
}

/* Mobil: 1 coloană */
@media (max-width: 768px){
  .kb-newsletter-card{
    padding:40px 18px;
    margin:28px 12px 0 12px;
  }

  .kb-newsletter-card input[type="text"],
  .kb-newsletter-card input[type="email"]{
    max-width:100% !important;
  }

  .kb-newsletter-card form .form-row,
  .kb-newsletter-card form .form-group-row,
  .kb-newsletter-card form .fields,
  .kb-newsletter-card form .form-fields,
  .kb-newsletter-card form .row{
    gap:14px !important;
  }

  .kb-newsletter-card button,
  .kb-newsletter-card input[type="submit"]{
    width:100% !important;
    max-width:360px !important;
  }
}

/* Newsletter – reduce înălțimea cardului */
.kb-newsletter-card{
  padding-top: 36px !important;
  padding-bottom: 32px !important;
}

/* Spațiu mai mic între titlu și descriere */
.kb-newsletter-card h1,
.kb-newsletter-card h2{
  margin-bottom: 8px !important;
}

/* Spațiu mai mic sub descriere */
.kb-newsletter-card p{
  margin-bottom: 14px !important;
}

/* Formular mai compact */
.kb-newsletter-card form{
  margin-top: 18px !important;
}

/* Input-uri puțin mai apropiate */
.kb-newsletter-card input[type="text"],
.kb-newsletter-card input[type="email"]{
  margin-bottom: 0 !important;
}

/* Buton mai aproape de input-uri */
.kb-newsletter-card button,
.kb-newsletter-card input[type="submit"]{
  margin-top: 16px !important;
}

/* === Newsletter: și mai scund === */
.kb-newsletter-card{
  padding-top: 28px !important;
  padding-bottom: 26px !important;
}

/* Mai puțin spațiu sub titlu */
.kb-newsletter-card h1,
.kb-newsletter-card h2{
  margin-bottom: 6px !important;
}

/* Descriere mai compactă */
.kb-newsletter-card p{
  margin-bottom: 10px !important;
}

/* Formular mai aproape de text */
.kb-newsletter-card form{
  margin-top: 14px !important;
}

/* === Input-uri mai LATE (nu mai înalte) === */
.kb-newsletter-card input[type="text"],
.kb-newsletter-card input[type="email"]{
  max-width: 440px !important;   /* lățime mai mare */
  height: 52px !important;       /* rămâne aceeași înălțime */
}

/* Rândul de input-uri – mai puțin spațiu vertical */
.kb-newsletter-card form .form-row,
.kb-newsletter-card form .fields,
.kb-newsletter-card form .form-fields,
.kb-newsletter-card form .row{
  gap: 18px !important;
}

/* Buton puțin mai sus */
.kb-newsletter-card button,
.kb-newsletter-card input[type="submit"]{
  margin-top: 14px !important;
}

/* === Newsletter: inputuri pe toată lățimea coloanei (ca în poză) === */

/* prinde cât mai multe tipuri de "wrapper" folosite de teme */
.kb-newsletter-card form,
.kb-newsletter-card form .row,
.kb-newsletter-card form .form-row,
.kb-newsletter-card form .form-group,
.kb-newsletter-card form .form-field,
.kb-newsletter-card form .fields,
.kb-newsletter-card form .form-fields,
.kb-newsletter-card form .input-group,
.kb-newsletter-card form .control-group,
.kb-newsletter-card form [class*="field"],
.kb-newsletter-card form [class*="form"]{
  box-sizing: border-box !important;
}

/* important: containerul imediat al inputului să ocupe toată lățimea */
.kb-newsletter-card input[type="text"],
.kb-newsletter-card input[type="email"]{
  width: 100% !important;
  max-width: 100% !important;   /* asta rezolvă "input mic în mijloc" */
  height: 52px !important;      /* nu creștem înălțimea */
  box-sizing: border-box !important;
}

/* dacă tema ține inputul într-un div cu lățime fixă, îl lărgim și pe acela */
.kb-newsletter-card input[type="text"]::parent,
.kb-newsletter-card input[type="email"]::parent{
  width: 100% !important;
}

/* opțional: mic “aer” în jur, să nu atingă marginile coloanei */
.kb-newsletter-card form .row > *,
.kb-newsletter-card form .form-row > *,
.kb-newsletter-card form .fields > *{
  width: 100% !important;
}

/* Newsletter: lărgește câmpurile Nume/Email pe toată lățimea coloanei */
.kb-newsletter-card .widget-newsletter__content form.form {
  align-items: stretch !important;   /* important când form e flex */
  width: 100% !important;
}

.kb-newsletter-card .widget-newsletter__content form.form .form__row {
  width: 100% !important;
  flex: 0 0 100% !important;
}

.kb-newsletter-card .widget-newsletter__content form.form input.form__text,
.kb-newsletter-card .widget-newsletter__content form.form input.form__email {
  width: 100% !important;
  max-width: 100% !important;        /* asta rezolvă “input mic în mijloc” */
  height: 52px !important;           /* nu îl facem mai înalt */
  box-sizing: border-box !important;
}

/* dacă există un wrapper care centrează conținutul, îl forțăm să ocupe tot */
.kb-newsletter-card .widget-newsletter__content {
  width: 100% !important;
}

html, body{
  overflow-x: hidden !important;
}
/* =========================================================
   KITBRA.RO – chenar verde (doar homepage, card exterior)
   ========================================================= */

/* verde din identitatea ta (ajustează dacă vrei mai închis/deschis) */
:root{
  --kb-green-brand: #2fb463;
}

/* 1) HOME: chenar pe cardul exterior (grid + slider) */
html.site-index .products-grid__items > .product.product--grid,
html.site-index .products-grid__items > .product--grid,
html.site-index .splide__slide .product.product--grid,
html.site-index .splide__slide .product--grid,
html.site-index .splide__slide .product.product--slider,
html.site-index .splide__slide .product--slider{
  background: #fff !important;

  border: 1px solid rgba(47, 180, 99, 0.38) !important;
  border-radius: 14px !important;

  /* accent fin, dar vizibil (similar cu ce ai pe celălalt site) */
  box-shadow:
    0 0 0 0.75px rgba(47, 180, 99, 0.28),
    0 6px 18px rgba(0,0,0,.06) !important;

  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* 2) IMPORTANT: anulăm orice chenar “interior” care împinge titlul în margine */
html.site-index .product__data,
html.site-index .product_data,
html.site-index [class*="product__data"]{
  border: 0 !important;
  box-shadow: none !important;
}

/* 3) Păstrăm un padding corect pe zona de text ca să nu atingă chenarul exterior */
html.site-index .product__data{
  padding: 12px 12px 10px !important;
  box-sizing: border-box !important;
}

/* 4) Hover doar pe desktop */
@media (hover: hover) and (pointer: fine){
  html.site-index .products-grid__items > .product.product--grid:hover,
  html.site-index .products-grid__items > .product--grid:hover,
  html.site-index .splide__slide .product.product--grid:hover,
  html.site-index .splide__slide .product--grid:hover,
  html.site-index .splide__slide .product.product--slider:hover,
  html.site-index .splide__slide .product--slider:hover{
    border-color: rgba(47, 180, 99, 0.68) !important;
    box-shadow:
      0 0 0 1px rgba(47, 180, 99, 0.45),
      0 10px 26px rgba(0,0,0,.10) !important;
    transform: translateY(-2px);
  }
}

/* 5) Mobil: puțin mai discret */
@media (max-width: 680px){
  html.site-index .products-grid__items > .product.product--grid,
  html.site-index .products-grid__items > .product--grid,
  html.site-index .splide__slide .product.product--grid,
  html.site-index .splide__slide .product--grid,
  html.site-index .splide__slide .product.product--slider,
  html.site-index .splide__slide .product--slider{
    border-radius: 12px !important;
    box-shadow:
      0 0 0 0.5px rgba(47, 180, 99, 0.24),
      0 4px 14px rgba(0,0,0,.05) !important;
    transform: none !important;
  }

  html.site-index .product__data{
    padding: 12px 12px 10px !important;
  }
}
/* =========================================================
   KITBRA.RO – chenar verde (homepage + categorii/subcategorii)
   ========================================================= */

:root{
  --kb-green-brand: #2fb463;
}

/* 1) Card exterior (grid + slider) – HOME + CATALOG */
html.site-index .products-grid__items > .product.product--grid,
html.site-index .products-grid__items > .product--grid,
html.site-index .splide__slide .product.product--grid,
html.site-index .splide__slide .product--grid,
html.site-index .splide__slide .product.product--slider,
html.site-index .splide__slide .product--slider,

html.site-catalog .products-grid__items > .product.product--grid,
html.site-catalog .products-grid__items > .product--grid,
html.site-catalog .splide__slide .product.product--grid,
html.site-catalog .splide__slide .product--grid,
html.site-catalog .splide__slide .product.product--slider,
html.site-catalog .splide__slide .product--slider{
  background: #fff !important;

  border: 1px solid rgba(47, 180, 99, 0.38) !important;
  border-radius: 14px !important;

  box-shadow:
    0 0 0 0.75px rgba(47, 180, 99, 0.28),
    0 6px 18px rgba(0,0,0,.06) !important;

  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* 2) Fără chenar “interior” pe zona de text */
html.site-index .product__data,
html.site-index .product_data,
html.site-index [class*="product__data"],
html.site-catalog .product__data,
html.site-catalog .product_data,
html.site-catalog [class*="product__data"]{
  border: 0 !important;
  box-shadow: none !important;
}

/* 3) Padding corect pe text (să nu atingă marginea) */
html.site-index .product__data,
html.site-catalog .product__data{
  padding: 12px 12px 10px !important;
  box-sizing: border-box !important;
}

/* 4) Hover desktop */
@media (hover: hover) and (pointer: fine){
  html.site-index .products-grid__items > .product.product--grid:hover,
  html.site-index .products-grid__items > .product--grid:hover,
  html.site-index .splide__slide .product.product--grid:hover,
  html.site-index .splide__slide .product--grid:hover,
  html.site-index .splide__slide .product.product--slider:hover,
  html.site-index .splide__slide .product--slider:hover,

  html.site-catalog .products-grid__items > .product.product--grid:hover,
  html.site-catalog .products-grid__items > .product--grid:hover,
  html.site-catalog .splide__slide .product.product--grid:hover,
  html.site-catalog .splide__slide .product--grid:hover,
  html.site-catalog .splide__slide .product.product--slider:hover,
  html.site-catalog .splide__slide .product--slider:hover{
    border-color: rgba(47, 180, 99, 0.68) !important;
    box-shadow:
      0 0 0 1px rgba(47, 180, 99, 0.45),
      0 10px 26px rgba(0,0,0,.10) !important;
    transform: translateY(-2px);
  }
}

/* 5) Mobil */
@media (max-width: 680px){
  html.site-index .products-grid__items > .product.product--grid,
  html.site-index .products-grid__items > .product--grid,
  html.site-index .splide__slide .product.product--grid,
  html.site-index .splide__slide .product--grid,
  html.site-index .splide__slide .product.product--slider,
  html.site-index .splide__slide .product--slider,

  html.site-catalog .products-grid__items > .product.product--grid,
  html.site-catalog .products-grid__items > .product--grid,
  html.site-catalog .splide__slide .product.product--grid,
  html.site-catalog .splide__slide .product--grid,
  html.site-catalog .splide__slide .product.product--slider,
  html.site-catalog .splide__slide .product--slider{
    border-radius: 12px !important;
    box-shadow:
      0 0 0 0.5px rgba(47, 180, 99, 0.24),
      0 4px 14px rgba(0,0,0,.05) !important;
    transform: none !important;
  }

  html.site-index .product__data,
  html.site-catalog .product__data{
    padding: 12px 12px 10px !important;
  }
}
/* =========================================================
   HEADER MENU – butoane tip "pill" + fara iconite
   Tintim doar meniul din header: ul.header__menu-list
   ========================================================= */

:root{
  --kb-green-brand: #2fb463; /* verdele din logo (ajusteaza daca vrei) */
}

/* containerul cu link-uri */
.header__menu-list{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-start; /* sau center daca vrei pe mijloc */
  padding: 0;
  margin: 0;
  list-style: none;
}

/* link-ul ca "buton" */
.header__menu-list > li > a{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 10px 14px;
  border-radius: 999px;

  background: #f6f8f7;
  border: 1px solid rgba(47, 180, 99, 0.28);

  color: #121212;
  text-decoration: none !important;
  font-weight: 700;
  font-size: 1.05rem;
  line-height: 1;

  box-shadow: 0 6px 16px rgba(0,0,0,.06);
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}

/* hover */
@media (hover: hover) and (pointer: fine){
  .header__menu-list > li > a:hover{
    background: #ffffff;
    border-color: rgba(47, 180, 99, 0.45);
    transform: translateY(-1px);
  }
}

/* "activ" (cand esti pe categoria respectiva) – prinde mai multe variante de clasa */
.header__menu-list > li.active > a,
.header__menu-list > li.is-active > a,
.header__menu-list > li.current > a,
.header__menu-list > li > a[aria-current="page"]{
  background: rgba(47, 180, 99, 0.12);
  border-color: rgba(47, 180, 99, 0.60);
}

/* --- Eliminare iconite din fata textului --- */
/* 1) daca sunt pseudo-elemente */
.header__menu-list > li > a::before,
.header__menu-list > li > a::after,
.header__menu-list > li::before,
.header__menu-list > li::after{
  content: none !important;
  display: none !important;
}

/* 2) daca tema injecteaza elemente icon (i/svg/img/span) in link */
.header__menu-list > li > a i,
.header__menu-list > li > a svg,
.header__menu-list > li > a img,
.header__menu-list > li > a [class*="icon"],
.header__menu-list > li > a .icon{
  display: none !important;
}

/* desktop: un pic mai compact daca ai multe categorii */
@media (min-width: 992px){
  .header__menu-list{
    gap: 12px;
  }
  .header__menu-list > li > a{
    padding: 10px 16px;
  }
}

/* mobil: sa nu para “greu” */
@media (max-width: 640px){
  .header__menu-list{
    gap: 8px;
  }
  .header__menu-list > li > a{
    padding: 9px 12px;
    font-size: 1rem;
  }
}
/* === HEADER: butoane (chip-uri) mai apropiate, dar nu lipite === */
:root{
  --kb-chip-gap-x: 10px;  /* distanta intre butoane pe orizontala */
  --kb-chip-gap-y: 10px;  /* distanta intre randuri (cand se face wrap) */
}

/* lista cu butoane */
@media (min-width: 992px){
  .header__menu-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; /* sau center, daca vrei centrat */
    gap: var(--kb-chip-gap-y) var(--kb-chip-gap-x);
    margin: 0;
    padding: 0;
  }

  /* anulam eventuale margin-uri puse de tema pe li */
  .header__menu-list > li{
    margin: 0 !important;
    padding: 0 !important;
  }

  /* daca ai padding/margin in plus pe link si pare “prea aerisit”, redu-l aici */
  .header__menu-list > li > a{
    padding: 8px 14px; /* ajusteaza fin */
    line-height: 1.1;
  }
}

/* pe tableta/mobil: un pic mai strans */
@media (max-width: 991.98px){
  .header__menu-list{
    gap: 8px 8px;
  }
  .header__menu-list > li > a{
    padding: 8px 12px;
  }
}
/* HEADER MENU – reduce spațiul dintre rândurile de butoane (wrap) */
html.site-index .header__menu-list{
  column-gap: 10px !important;  /* distanța pe orizontală */
  row-gap: 6px !important;      /* distanța între rânduri (asta e spațiul roșu) */
}

/* opțional: pe mobil și mai strâns */
@media (max-width: 640px){
  html.site-index .header__menu-list{
    column-gap: 8px !important;
    row-gap: 5px !important;
  }
}