/* =============================================
   LexPraxis – Custom CSS overrides
   Loaded after main.css
   ============================================= */

/* --- Brandt akcent tokenek (hideg mélylila + meleg bézs) --- */
:root {
  --lp-beige: #e4b9a7;
  --lp-beige-light: #f5d4c6;
  --lp-beige-dark: #cca695;
  --lp-brown: #7f675d;
  --lp-purple-1: #1a1829;
  --lp-purple-2: #211f33;
  --lp-purple-3: #29263f;
  --lp-purple-4: #4c4766;

  /* A teljes téma-paletta felülírása Brandt színekre.
     (Biztonsági háló: akkor is érvényes marad, ha a main.css-t
     újragenerálják SASS-ból.) */
  --tj-color-heading-primary: #1a1829;
  --tj-color-text-body: #4c4766;
  --tj-color-text-body-2: #9c99b4;
  --tj-color-text-body-3: #6b6781;
  --tj-color-text-body-4: #211f33;
  --tj-color-theme-primary: #7f675d;
  --tj-color-theme-bg: #1a1829;
  --tj-color-theme-bg-2: #d7d5ec;
  --tj-color-theme-bg-3: #211f33;
  --tj-color-theme-dark: #1a1829;
  --tj-color-theme-dark-2: #211f33;
  --tj-color-theme-dark-3: #4c4766;
  --tj-color-theme-dark-4: #6b6781;
  --tj-color-theme-dark-5: #6b6781;
  --tj-color-grey-1: #eaeaf6;
  --tj-color-grey-2: #9c99b4;
  --tj-color-border-1: #bdbbcf;
  --tj-color-border-2: #29263f;
  --tj-color-border-5: rgba(127, 103, 93, 0.15);
}

/* --- Elsődleges gombok: bézs kitöltés + sötét felirat (Brandt signature) --- */
.tj-primary-btn {
  background-color: var(--lp-beige);
}
.tj-primary-btn:not(.btn-dark) .btn-text {
  color: var(--lp-purple-1);
}
/* az ikonkör marad sötét (theme-dark) fehér nyíllal – jó kontraszt a bézsen */

/* --- Áttetsző "ghost" gomb sötét hero-háttérhez --- */
.tj-primary-btn.lp-ghost-btn {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.55);
}
.tj-primary-btn.lp-ghost-btn .btn-text {
  color: #fff;
}
.tj-primary-btn.lp-ghost-btn .btn-icon {
  background-color: #fff;
}
.tj-primary-btn.lp-ghost-btn .btn-icon i {
  color: var(--lp-purple-1);
}

/* --- Árazás CTA gombok: bézs + sötét felirat (mindhárom kártyán) --- */
.h5-pricing-box .pricing-btn a,
.h5-pricing-box.active .pricing-btn a,
.h5-pricing-box-basic .pricing-btn a {
  background-color: var(--lp-beige);
}
.h5-pricing-box .pricing-btn a .btn-text,
.h5-pricing-box.active .pricing-btn a .btn-text,
.h5-pricing-box-basic .pricing-btn a .btn-text {
  color: var(--lp-purple-1);
}

/* --- Sötét szekciók akcentjei: bézs kiemelt szó / felirat-pill --- */
.tj-slider-section .slider-content .slider-title span {
  color: var(--lp-beige);
}
.tj-slider-section .slider-content .slider-desc {
  color: #fff;
}
.tj-service-section .sec-title span {
  color: var(--lp-beige);
}
.tj-service-section .sec-heading.style-2 .sub-title {
  color: var(--lp-beige);
}
/* Kiemelt szó a style-2 fejlécekben is bézs (felülírja a szürke text-body-2-t) */
.lp-dark-section .sec-heading.style-2 .sec-title span,
.tj-service-section .sec-heading.style-2 .sec-title span {
  color: var(--lp-beige);
}

/* --- Sötét háttéren ülő szekciók: világos tipográfia (újrahasznosítható) --- */
.lp-dark-section .sec-heading .sub-title,
.lp-dark-section .sec-heading-wrap .sub-title {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.15);
}
.lp-dark-section .sec-heading .sub-title i {
  color: var(--lp-beige);
}
.lp-dark-section .sec-title {
  color: #fff;
}
.lp-dark-section .sec-title span {
  color: var(--lp-beige);
}
.lp-dark-section .desc {
  color: #fff;
}
.lp-dark-section .list-items li {
  color: #fff;
}
.lp-dark-section .list-items li i {
  color: var(--lp-beige);
}
/* Megoldások lista: több soros pontnál az ikon a szöveg tetejéhez igazodjon (ne középre) */
#megoldasok .list-items li {
  align-items: flex-start;
}
#megoldasok .list-items li i {
  margin-top: 4px;
}
/* style-2 felirat-pill sötét szekcióban: fehér, átlátszó, világos kerettel */
.lp-dark-section .sec-heading.style-2 .sub-title {
  color: #fff;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.18);
}

/* --- Szöveges logó --- */
.logo-text {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--tj-color-theme-dark);
  text-decoration: none;
  letter-spacing: -0.02em;
}
.logo-text:hover {
  color: var(--tj-color-theme-primary);
}
.header-sticky .logo-text {
  color: var(--tj-color-theme-dark);
}
.header-absolute .logo-text {
  color: var(--tj-color-common-white);
}
.header-sticky.sticky .logo-text {
  color: var(--tj-color-theme-dark);
}

/* --- Kép logó --- */
.logo-img {
  height: 75px;
  width: auto;
  display: block;
}
.header-sticky .logo-img {
  height: 44px;
}
.hamburger_logo .logo-img {
  height: 42px;
}

/* --- Nagyobb menü (menüpontok) --- */
.mainmenu ul {
  column-gap: 42px;
}
.mainmenu ul > li > a {
  font-size: 20px;
}

/* --- Bizalmi mikro-sor (sötét háttéren, meleg bézs kerettel) --- */
.lp-trust-row {
  text-align: center;
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--lp-beige);
  letter-spacing: 0.03em;
  padding: 15px 28px;
  border: 1px solid #66534b;
  border-radius: 10px;
  background: rgba(228, 185, 167, 0.06);
}
.lp-trust-row .lp-dot {
  color: var(--lp-beige);
  margin: 0 0.4rem;
  font-weight: 700;
}

/* --- Három pillér box – középre igazítás + hover fehér szöveg --- */
.lp-pillar-box {
  text-align: center;
}
.lp-pillar-box .title,
.lp-pillar-box .desc {
  text-align: center;
}
.service-item.style-6.lp-pillar-box {
  align-items: center;
}
.service-item.style-6.lp-pillar-box .title {
  max-width: none;
  text-align: center;
}
.service-item.style-6.lp-pillar-box .service-content {
  text-align: center;
}
.service-item.style-6.lp-pillar-box .text-btn {
  left: 50%;
  transform: translateX(-50%);
}
.lp-pillar-box:hover .title,
.lp-pillar-box:hover .desc {
  color: var(--tj-color-common-white);
}

/* --- Három pillér dobozok: sötét kártya (call-box stílus) --- */
.service-item.style-6.lp-pillar-box {
  background: linear-gradient(-45deg, rgba(228, 185, 167, 0.14) 0%, rgba(228, 185, 167, 0.03) 50%, rgba(228, 185, 167, 0.14) 100%), var(--lp-purple-3);
  border: 1px solid #66534b;
}
.service-item.style-6.lp-pillar-box:hover {
  background: linear-gradient(-45deg, rgba(228, 185, 167, 0.22) 0%, rgba(228, 185, 167, 0.05) 50%, rgba(228, 185, 167, 0.22) 100%), var(--lp-purple-4);
}
.service-item.style-6.lp-pillar-box .title,
.service-item.style-6.lp-pillar-box:hover .title {
  color: var(--lp-beige);
}
.service-item.style-6.lp-pillar-box .desc {
  color: #fff;
}
.service-item.style-6.lp-pillar-box .service-icon {
  background: linear-gradient(-45deg, rgba(228, 185, 167, 0.35) 0%, rgba(228, 185, 167, 0.08) 50%, rgba(228, 185, 167, 0.35) 100%);
  border-color: rgba(228, 185, 167, 0.3);
}
.service-item.style-6.lp-pillar-box .service-icon i {
  color: var(--lp-beige);
}

/* --- Cégvezetői Figyelő / Témák: feszesebb kártyák (nincs 390px + space-between szétdobás) --- */
#temak .service-item.style-6 {
  height: 100%;
  justify-content: flex-start;
  gap: 14px;
  padding: 34px 30px;
}
#temak .service-item.style-6 .service-icon {
  margin-bottom: 0;
}
#temak .service-item.style-6 .title {
  margin-bottom: 0;
}
#temak .service-item.style-6 .service-content .desc {
  margin-bottom: 0;
}

/* --- Cégvezetői Figyelő / Négy fix rovat: nincs sarok-badge, ezért kisebb felső padding --- */
#igy-epul-fel .h10-process-item {
  padding-top: 40px;
}

/* --- Cégvezetői Figyelő / Feliratkozás blokk (bal oldali tartalom + form finomítás) --- */
/* cf-label kitöltött állapotban is maradjon rejtve (a téma alap CSS csak focusra rejti) – globálisan */
.contact-form .form-input input:not(:placeholder-shown) ~ .cf-label {
  visibility: hidden;
  opacity: 0;
}
#feliratkozas .lp-check-list {
  list-style: none;
  padding: 0;
  margin: 1.75rem 0 0;
}
#feliratkozas .lp-check-list li {
  position: relative;
  padding-inline-start: 2rem;
  margin-bottom: 0.85rem;
  color: #fff;
  font-size: 1.08rem;
}
#feliratkozas .lp-check-list li i {
  position: absolute;
  inset-inline-start: 0;
  top: 5px;
  color: var(--tj-color-text-body-2);
}
#feliratkozas .lp-stat-box {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 2.25rem;
  padding: 22px 26px;
  border-radius: 14px;
  border: 1px solid #66534b;
  background:
    linear-gradient(-45deg, rgba(228, 185, 167, 0.12) 0%, rgba(228, 185, 167, 0.03) 50%, rgba(228, 185, 167, 0.10) 100%),
    var(--tj-color-theme-dark);
}
#feliratkozas .lp-stat-num {
  flex: 0 0 auto;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  color: var(--tj-color-text-body-2);
}
#feliratkozas .lp-stat-box p {
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: 1rem;
}
#feliratkozas .lp-form-disclaimer {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.6);
  margin: 0 0 10px;
}
#feliratkozas .lp-form-result {
  margin-top: 8px;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 0.95rem;
}
#feliratkozas .lp-form-result.is-success {
  background: rgba(30, 138, 138, 0.16);
  color: #6fd6c6;
  border: 1px solid rgba(30, 138, 138, 0.4);
}
#feliratkozas .lp-form-result.is-error {
  background: rgba(220, 53, 69, 0.16);
  color: #ff8a93;
  border: 1px solid rgba(220, 53, 69, 0.4);
}
#feliratkozas .lp-form-result .lp-form-errors-list {
  margin: 6px 0 0;
  padding-inline-start: 1.15rem;
}
#feliratkozas .lp-form-result .lp-form-errors-list li {
  margin-bottom: 2px;
}

/* --- Adatkezelési hozzájárulás checkbox a sötét kártyán --- */
.lp-dark-form .lp-form-consent {
  padding-inline-start: 1.9rem;
  margin: 4px 0 6px;
}
.lp-dark-form .lp-form-consent .form-check-input {
  margin-inline-start: -1.9rem;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.lp-dark-form .lp-form-consent .form-check-input:checked {
  background-color: var(--lp-beige);
  border-color: var(--lp-beige);
}
.lp-dark-form .lp-form-consent .form-check-input:focus {
  border-color: var(--lp-beige);
  box-shadow: 0 0 0 0.2rem rgba(228, 185, 167, 0.25);
}
.lp-dark-form .lp-form-consent .form-check-label {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.7);
}
.lp-dark-form .lp-form-consent .form-check-label a {
  color: var(--lp-beige);
  text-decoration: underline;
}
.lp-dark-form .lp-form-consent .form-check-label span {
  color: #ff8a93;
}
/* A checkbox hibaüzenete beküldés után jelenjen meg (Bootstrap-szerű) */
.lp-dark-form .was-validated .form-check-input:invalid {
  border-color: #ff8a93;
}
.lp-dark-form .was-validated .form-check-input:invalid ~ .invalid-feedback {
  display: block;
}

/* --- Sötét form-kártya (mint a #miben-segit "A Figyelő ígérete" doboza) + bg-shape-ek ---
   FONTOS: a gradiens + shape-ek külön .lp-form-bg rétegben (overflow:hidden), hogy a KÁRTYA
   maga NE vágja le a lelógó nice-select listát. A kártyán nincs overflow:hidden. */
.lp-dark-form {
  position: relative;
  z-index: 1;
  background: var(--tj-color-theme-dark);
  border: 1px solid #66534b;
}
.lp-dark-form .lp-form-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 20% 0%, rgba(228, 185, 167, 0.22) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 100%, rgba(228, 185, 167, 0.14) 0%, transparent 50%);
}
.lp-dark-form .lp-form-bg .bg-shape-1,
.lp-dark-form .lp-form-bg .bg-shape-2 {
  position: absolute;
  pointer-events: none;
  mix-blend-mode: soft-light;
  opacity: 0.25;
  width: 280px;
  max-width: none;
}
.lp-dark-form .lp-form-bg .bg-shape-1 {
  top: -40px;
  inset-inline-start: -40px;
}
.lp-dark-form .lp-form-bg .bg-shape-2 {
  bottom: -40px;
  inset-inline-end: -40px;
}
.lp-dark-form .title,
.lp-dark-form form {
  position: relative;
  z-index: 2;
}
.lp-dark-form .title {
  color: #fff;
}
/* Nyitott nice-select a többi mező fölé kerüljön (ne takarja a lenyíló listát) */
.lp-dark-form .form-input {
  position: relative;
}
.lp-dark-form .form-input .nice-select.open {
  z-index: 20;
}
/* A feliratkozás-szekció a következő .h5-about szekció (position:relative; z-index:1)
   FÖLÉ kerüljön, különben az utána jövő "Kinek ajánljuk?" blokk eltakarja a formból
   lelógó nyitott nice-select listát (mindkét selectnél: beosztás és ágazat). */
#feliratkozas {
  position: relative;
  z-index: 2;
}
/* Mezők világos tipográfiája a sötét kártyán */
.lp-dark-form .form-input input[type=text],
.lp-dark-form .form-input input[type=email],
.lp-dark-form .form-input .nice-select,
.lp-dark-form .form-input select {
  color: #fff;
  background-color: transparent;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.25);
}
.lp-dark-form .form-input input:focus,
.lp-dark-form .form-input .nice-select:focus {
  border-bottom-color: var(--tj-color-text-body-2);
}
.lp-dark-form .form-input .cf-label {
  color: rgba(255, 255, 255, 0.7);
}
.lp-dark-form .form-input .nice-select::after {
  color: rgba(255, 255, 255, 0.7);
}
/* Kötelező / hibás mezők vizuális jelzése beküldés után (Bootstrap-szerű inline validáció) */
.lp-dark-form .was-validated .form-input input:invalid,
.lp-dark-form .was-validated .form-input select:invalid ~ .nice-select {
  border-bottom-color: #ff8a93;
}
.lp-dark-form .was-validated .form-input input:invalid ~ .invalid-feedback,
.lp-dark-form .was-validated .form-input select:invalid ~ .invalid-feedback {
  display: block;
}
.lp-dark-form .invalid-feedback {
  color: #ff8a93;
  font-size: 0.85rem;
  margin-top: 6px;
}
/* nice-select lenyíló: fehér popup, sötét opciók; hover/fókusz mályva háttér + fehér szöveg */
.lp-dark-form .form-input .nice-select .list .option {
  color: var(--tj-color-theme-dark);
}
.lp-dark-form .form-input .nice-select .list .option:hover,
.lp-dark-form .form-input .nice-select .list .option.focus,
.lp-dark-form .form-input .nice-select .list .option.selected.focus {
  background-color: var(--tj-color-theme-primary);
  color: #fff;
}

/* --- Cégvezetői Figyelő / Figyelő → Megoldás: kártyapár nyíllal --- */
#figyelo-megoldas .lp-connection {
  display: flex;
  align-items: stretch;
  gap: 18px;
}
#figyelo-megoldas .lp-connection-card {
  flex: 1;
  text-align: center;
  padding: 34px 22px;
  border-radius: 14px;
  border: 1px solid #66534b;
  background:
    linear-gradient(-45deg, rgba(228, 185, 167, 0.10) 0%, rgba(228, 185, 167, 0.02) 50%, rgba(228, 185, 167, 0.10) 100%),
    var(--tj-color-theme-dark);
}
#figyelo-megoldas .lp-connection-card.is-solution {
  background:
    linear-gradient(-45deg, rgba(228, 185, 167, 0.22) 0%, rgba(228, 185, 167, 0.05) 50%, rgba(228, 185, 167, 0.22) 100%),
    var(--tj-color-theme-dark);
}
#figyelo-megoldas .lp-connection-icon {
  width: 60px;
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  color: #fff;
  font-size: 1.55rem;
  margin-bottom: 16px;
}
#figyelo-megoldas .lp-connection-card h5 {
  color: #fff;
  margin-bottom: 8px;
}
#figyelo-megoldas .lp-connection-card p {
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
  font-size: 1rem;
}
#figyelo-megoldas .lp-connection-arrow {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  color: var(--tj-color-text-body-2);
  font-size: 1.6rem;
}
@media (max-width: 575px) {
  #figyelo-megoldas .lp-connection {
    flex-direction: column;
  }
  #figyelo-megoldas .lp-connection-arrow {
    align-self: center;
    transform: rotate(90deg);
  }
}

/* --- Kiemelt funkciók (service-2) kártyák: call-box háttér, fehér cím + leírás, bézs ikon --- */
.service-item.style-2 {
  background: linear-gradient(-45deg, rgba(228, 185, 167, 0.14) 0%, rgba(228, 185, 167, 0.03) 50%, rgba(228, 185, 167, 0.14) 100%), var(--lp-purple-3);
  border: 1px solid #66534b;
}
.service-item.style-2:hover {
  background: linear-gradient(-45deg, rgba(228, 185, 167, 0.22) 0%, rgba(228, 185, 167, 0.05) 50%, rgba(228, 185, 167, 0.22) 100%), var(--lp-purple-4);
  border-color: #66534b;
}
.service-item.style-2 .title {
  color: #fff;
}
.service-item.style-2 .desc {
  color: #fff;
}
.service-item.style-2 .service-icon i {
  color: var(--lp-beige);
}

/* --- Cégvezetői diagnózis: pill-fix + 3 lépéses dobozok (body-szín háttér) --- */
.lp-dark-section .sec-heading-wrap .sub-title {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
.process-item {
  background-color: var(--lp-purple-2);
  border: 1px solid #66534b;
}
.process-item .title {
  color: #fff;
}
.process-item .process-step {
  background: linear-gradient(180deg, var(--lp-beige) 0%, rgba(255, 255, 255, 0) 90%);
  -webkit-background-clip: text;
  background-clip: text;
}
.process-item:not(:last-child)::after {
  background-color: var(--lp-purple-3);
  color: var(--lp-beige);
}

/* --- Csomagok fejléc (mint a Diagnózisnál), kártyák érintetlenül --- */
#csomagok .sec-heading-wrap .sub-title {
  color: #fff;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.18);
  padding: 4px 12px;
}
#csomagok .sec-heading-wrap .sub-title i {
  color: var(--lp-beige);
}
#csomagok .sec-title {
  color: #fff;
}
#csomagok .sec-title span {
  color: var(--lp-beige);
}
#csomagok .heading-wrap-content .desc {
  color: #fff;
}
.h5-pricing-box-basic {
  border: 1px solid #66534b;
}

/* --- Kiemelt doboz (Hogyan működik szekció) --- */
.lp-highlight-box {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 20% 0%, rgba(228, 185, 167, 0.22) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 100%, rgba(228, 185, 167, 0.14) 0%, transparent 50%),
    var(--tj-color-theme-dark);
  border-radius: 20px;
  padding: 48px 48px 44px;
  text-align: center;
  z-index: 1;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);
  border: 1px solid #66534b;
}
.lp-highlight-box .bg-shape-1,
.lp-highlight-box .bg-shape-2,
.lp-highlight-box .bg-shape-3 {
  position: absolute !important;
  mix-blend-mode: soft-light !important;
  pointer-events: none;
  z-index: 0 !important;
  max-width: none !important;
}
.lp-highlight-box .bg-shape-1 {
  top: -40px !important;
  left: -40px !important;
  right: auto !important;
  bottom: auto !important;
  inset-inline-start: -40px !important;
  opacity: 0.25;
  width: 280px;
}
.lp-highlight-box .bg-shape-2 {
  top: auto !important;
  bottom: -40px !important;
  left: auto !important;
  right: -40px !important;
  inset-inline-start: auto !important;
  inset-inline-end: -40px !important;
  opacity: 0.25;
  width: 280px;
}
.lp-highlight-box .bg-shape-3 {
  top: 50% !important;
  left: 50% !important;
  bottom: auto !important;
  right: auto !important;
  inset-inline-start: 50% !important;
  transform: translate(-50%, -50%) !important;
  opacity: 0.15;
  width: 500px;
}
.lp-highlight-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--lp-beige);
  color: var(--lp-purple-1);
  font-size: 1.5rem;
  margin-bottom: 1.25rem;
}
.lp-highlight-box h5 {
  margin-bottom: 1rem;
  color: var(--tj-color-common-white);
  font-size: 1.35rem;
}
.lp-highlight-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  text-align: left;
}
.lp-highlight-box ul li {
  position: relative;
  padding-left: 1.6rem;
  margin-bottom: 0.55rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.05rem;
}
.lp-highlight-box ul li::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  position: absolute;
  left: 0;
  color: var(--lp-beige);
}

/* --- Cégvezetői Figyelő: függőleges, dobozos benefit-lista (GYIK-doboz stílus, bal oldali sorszámmal) --- */
.lp-benefit-list {
  max-width: 900px;
  margin: 0 auto;
}
.lp-benefit-item {
  display: flex;
  align-items: center;
  gap: 26px;
  padding: 24px 34px;
  margin-bottom: 16px;
  border-radius: 12px;
  border: 1px solid #66534b;
  background:
    linear-gradient(-45deg, rgba(228, 185, 167, 0.10) 0%, rgba(228, 185, 167, 0.02) 50%, rgba(228, 185, 167, 0.08) 100%),
    var(--tj-color-theme-dark);
  transition: transform 0.25s ease, border-color 0.25s ease;
}
.lp-benefit-item:last-child {
  margin-bottom: 0;
}
.lp-benefit-item:hover {
  transform: translateY(-3px);
  border-color: var(--tj-color-text-body-2);
}
.lp-benefit-number {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 56px;
  height: 56px;
  padding: 0 10px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  color: var(--tj-color-text-body-2);
  background: rgba(228, 185, 167, 0.14);
  border: 1px solid var(--tj-color-text-body-2);
  border-radius: 12px;
}
.lp-benefit-text {
  margin: 0;
  color: rgba(255, 255, 255, 0.85);
  font-size: 1.1rem;
  line-height: 1.5;
}
@media (max-width: 575px) {
  .lp-benefit-item {
    padding: 20px 22px;
    gap: 18px;
  }
  .lp-benefit-number {
    min-width: 46px;
    height: 46px;
    font-size: 1.25rem;
  }
}

/* --- Minőség lista-doboz (sötét kártya, meleg bézs árnyalattal) --- */
.lp-quality-box {
  border-radius: 16px;
  padding: 28px 32px;
  margin-top: 0.5rem;
  border: 1px solid #66534b;
  background:
    linear-gradient(-45deg, rgba(228, 185, 167, 0.14) 0%, rgba(228, 185, 167, 0.03) 50%, rgba(228, 185, 167, 0.14) 100%),
    var(--lp-purple-3);
}
.lp-quality-box h6 {
  color: var(--lp-beige);
}
.lp-quality-box .list-items li {
  margin-bottom: 0.6rem;
}

/* --- Probléma: box-area beleolvad a sötét háttérbe (body szín) --- */
.faq-img-area .box-area {
  background: var(--lp-purple-2);
}
.faq-img-area .box-area::before,
.faq-img-area .box-area::after {
  background: url('data:image/svg+xml,<svg viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-11 h-11"><path d="M11 1.54972e-06L0 0L2.38419e-07 11C1.65973e-07 4.92487 4.92487 1.62217e-06 11 1.54972e-06Z" fill="%23211f33"></path></svg>');
}

/* --- Gyakorlati helyzetek – fehér szöveg a service-item kártyákon --- */
.tj-service-section .service-item.style-1 .service-content .title,
.tj-service-section .service-item.style-1 .service-content .desc {
  color: var(--tj-color-common-white);
}
.service-item.style-1 {
  border: 1px solid #66534b;
}

/* --- Ágazati megoldások (#agazati-megoldasok): a képes háttér ALAPBÓL látszik (ne csak hoverre) ---
   A theme ::before rétege alapból teljesen (dark-2, opacity:1) takarta a képet; itt
   olvashatóság-megőrző sötét GRADIENSSÉ tesszük (lent sötétebb a cím/leírás miatt,
   fent áttetsző, hogy a kép látszódjon), hovernél kicsit sötétebb a felbukkanó leíráshoz. */
#agazati-megoldasok .service-item.style-1::before {
  background: linear-gradient(to top,
      rgba(0, 0, 0, 0.85) 0%,
      rgba(0, 0, 0, 0.45) 45%,
      rgba(0, 0, 0, 0.12) 100%);
  opacity: 1;
}
#agazati-megoldasok .service-item.style-1:hover::before {
  background: linear-gradient(to top,
      rgba(0, 0, 0, 0.9) 0%,
      rgba(0, 0, 0, 0.62) 55%,
      rgba(0, 0, 0, 0.3) 100%);
  opacity: 1;
}

/* --- Biztonság szekció háttérszín --- */
#biztonsag {
  background-color: var(--tj-color-theme-bg);
}

/* --- Biztonság – lead sor (ikon + szöveg a cím felett) --- */
.lp-security-lead {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  font-size: 1.15rem;
  font-weight: 500;
  color: var(--tj-color-theme-primary);
  margin-bottom: 1rem;
  letter-spacing: 0.01em;
}
.lp-security-lead i {
  font-size: 1.6rem;
}

/* --- Biztonság – feature kártyák --- */
.lp-security-card {
  background: linear-gradient(-45deg, rgba(228, 185, 167, 0.14) 0%, rgba(228, 185, 167, 0.03) 50%, rgba(228, 185, 167, 0.14) 100%), var(--lp-purple-3);
  border-radius: 16px;
  padding: 32px 28px;
  height: 100%;
  border: 1px solid #66534b;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.lp-security-card:hover {
  background: linear-gradient(-45deg, rgba(228, 185, 167, 0.22) 0%, rgba(228, 185, 167, 0.05) 50%, rgba(228, 185, 167, 0.22) 100%), var(--lp-purple-4);
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.28);
  transform: translateY(-4px);
}
.lp-security-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--lp-beige-light);
  color: var(--lp-brown);
  font-size: 1.4rem;
  margin-bottom: 1.25rem;
}
.lp-security-card h5 {
  margin-bottom: 0.6rem;
  color: var(--lp-beige);
  font-size: 1.1rem;
}
.lp-security-card p {
  margin: 0;
  color: #fff;
  font-size: 0.95rem;
  line-height: 1.6;
}
/* Döntéstámogatás kártyák: alcím (újdonság) + halványabb lead a jó hierarchiához */
.lp-security-card .lp-card-subtitle {
  display: block;
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.4;
  margin: -0.25rem 0 0.7rem;
}
#dontestamogatas .lp-security-card p {
  color: rgba(255, 255, 255, 0.62);
}
/* Teljes kártyatartalom középen (ikon + cím + alcím + lead) */
#dontestamogatas .lp-security-card {
  text-align: center;
}
#dontestamogatas .lp-security-card-icon {
  display: flex;
  margin-inline: auto;
}
/* Cégállapot felmérés (#felmeres) számozott dobozok: alcím a cím és a lead között */
#felmeres .process-content .process-subtitle {
  display: block;
  color: var(--lp-beige);
  font-weight: 600;
  font-size: 0.98rem;
  margin: 0.1rem 0 0.55rem;
}

/* --- Sec-heading desc limit --- */
.sec-heading .desc {
  max-width: 720px;
}
.sec-heading.text-center .desc {
  margin-left: auto;
  margin-right: auto;
}

/* --- Hero alatti 3 box – service-item style-6 statikus grid --- */
.h5-service-section .service-item.style-6 {
  margin-bottom: 30px;
}

/* --- Pricing – egyforma magasság + prémium kiemelés --- */
.h5-pricing-box-wrapper > .row {
  display: flex;
  align-items: stretch;
}
.h5-pricing-box-wrapper > .row > [class*="col-"] {
  display: flex;
}
.h5-pricing-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}
.h5-pricing-box .list-items {
  flex: 1;
}
.h5-pricing-box .package-price .price-number {
  font-size: 2rem;
}
/* Nettó ár + bruttó ár egymás alá rendezve (a .package-price alapból flex-row) */
.h5-pricing-box .package-price {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.15;
}
.h5-pricing-box .package-price .price-line {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px;
}
.h5-pricing-box .package-price .price-vat {
  font-size: 1rem;
  font-weight: 500;
  opacity: .7;
}
.h5-pricing-box .package-price .price-brutto {
  font-size: 0.95rem;
  font-weight: 400;
  opacity: .65;
}
/* Prémium kiemelés */
.h5-pricing-box.active {
  position: relative;
  transform: scale(1.04);
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.15);
  border: 2px solid var(--tj-color-theme-primary);
}
.lp-premium-badge {
  position: absolute;
  top: -1px;
  right: 24px;
  background: var(--lp-beige);
  color: var(--lp-purple-1);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 6px 16px;
  border-radius: 0 0 8px 8px;
}

/* --- GYIK: sötét accordion dobozok, barna kerettel --- */
#gyik .h7-faq-wrapper {
  background: transparent;
  overflow: visible;
}
#gyik .accordion-item {
  background: linear-gradient(-45deg, rgba(228, 185, 167, 0.14) 0%, rgba(228, 185, 167, 0.03) 50%, rgba(228, 185, 167, 0.14) 100%), var(--lp-purple-3);
  border: 1px solid #66534b;
  border-radius: 8px;
  margin-bottom: 16px;
}
#gyik .accordion-item:last-child {
  margin-bottom: 0;
}
#gyik .accordion-item.active {
  background: linear-gradient(-45deg, rgba(228, 185, 167, 0.20) 0%, rgba(228, 185, 167, 0.05) 50%, rgba(228, 185, 167, 0.20) 100%), var(--lp-purple-4);
}
/* kérdés (zárt + nyitott) */
#gyik .faq-title {
  color: #fff;
}
#gyik .accordion-item.active .faq-title {
  color: var(--lp-beige);
  border-color: rgba(255, 255, 255, 0.15);
}
/* +/- ikon */
#gyik .faq-title::after,
#gyik .accordion-item.active .faq-title::after {
  color: var(--lp-beige);
  border-color: var(--lp-beige);
}
/* válasz szövege */
#gyik .accordion-body,
#gyik .faq-text p {
  color: rgba(255, 255, 255, 0.82);
}

/* --- Call-box háttér (sötét lila kártya, meleg bézs árnyalattal) --- */
.call-box {
  background: linear-gradient(-45deg, rgba(228, 185, 167, 0.14) 0%, rgba(228, 185, 167, 0.03) 50%, rgba(228, 185, 167, 0.14) 100%), var(--lp-purple-3);
}
.call-box .number {
  color: var(--lp-beige);
}

/* --- Footer (mp-onkormanyzat mintára, sötét Brandt témához igazítva) --- */
.lp-footer .footer-text p {
  max-width: 100%;
}
.lp-footer .footer-widget .title {
  color: #fff;
}
.lp-footer .footer-widget p {
  color: rgba(255, 255, 255, 0.72);
}
/* Cégadatok / kapcsolati lista */
.lp-footer .footer-info-list {
  margin: 1.25rem 0 0;
  padding: 0;
  list-style: none;
}
.lp-footer .footer-info-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.75);
}
.lp-footer .footer-info-list li i {
  margin-top: 4px;
  color: var(--lp-beige);
  flex-shrink: 0;
}
.lp-footer .footer-info-list a {
  color: inherit;
  transition: color 0.3s ease-in-out;
}
.lp-footer .footer-info-list a:hover {
  color: var(--lp-beige);
}
/* Google Maps beágyazás – sötét verzió CSS-filterrel (nincs API-kulcs) */
.lp-footer .footer-map iframe {
  display: block;
  width: 100%;
  border: 0;
  border-radius: 12px;
  filter: invert(0.92) hue-rotate(180deg) saturate(0.85) contrast(0.9);
}
/* Copyright sáv */
.lp-footer.h9-footer .h9-footer-copyright .copyright-content-area {
  background-color: transparent;
  border-top: 1px solid #66534b;
}
.lp-footer.h9-footer .h9-footer-copyright .copyright-text p,
.lp-footer.h9-footer .h9-footer-copyright .copyright-text a {
  color: rgba(255, 255, 255, 0.75);
}
.lp-footer.h9-footer .h9-footer-copyright .copyright-menu ul li a {
  color: rgba(255, 255, 255, 0.75);
}
.lp-footer.h9-footer .h9-footer-copyright .copyright-menu ul li a:hover,
.lp-footer.h9-footer .h9-footer-copyright .copyright-text a:hover {
  color: var(--lp-beige);
}