/*
Theme Name: Fegyvertár Hello Child Theme
Theme URI: https://github.com/elementor/hello-theme/
Description: WPFegyvertár Hello Child Theme is a child theme of Hello Elementor, created by WPkurzus
Author: WPViking
Author URI: https://wpkurzus.hu/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* ----------------- DESIGN ----------------- */
/* Selection */
::-moz-selection {
	color: #fff;
	background: var( --e-global-color-primary )
}

::selection {
	color: #fff;
	background: var( --e-global-color-primary )
}


/* Mark */
mark {
    background: var( --e-global-color-primary )
    color: #fff;
    font-weight: 700;
}

/* ==================================================
   LANTANA PROJECT FORM
   ================================================== */

.lantana-project-form {
  max-width: 760px;
  margin: 0 auto;
}

/* Általános mezőtérközök */
.lantana-project-form .elementor-field-group {
  margin-bottom: 24px;
}

.lantana-project-form .elementor-field-type-checkbox,
.lantana-project-form .elementor-field-type-radio {
  margin-bottom: 28px;
}

.lantana-project-form .elementor-field-type-html {
  margin-bottom: 20px;
}

/* Formon belüli HTML H2 címek */
.lantana-project-form .elementor-field-type-html h2,
.lantana-project-form .lantana-form-heading {
  font-family: var(--e-global-typography-primary-font-family), serif;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 16px;
}

/* ==================================================
   STEP INDICATOR
   ================================================== */

.lantana-project-form .e-form__indicators {
  margin-bottom: 40px;
}

/* Aktív és teljesített step kör */
.lantana-project-form .e-form__indicators__indicator--state-active .e-form__indicators__indicator__number,
.lantana-project-form .e-form__indicators__indicator--state-completed .e-form__indicators__indicator__number {
  background-color: #7E0817 !important;
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;
}

/* ==================================================
   RADIO / CHECKBOX CARD STYLE
   ================================================== */

/* Csoport: egy oszlop, teljes szélesség */
.lantana-project-form .elementor-field-type-checkbox .elementor-field-subgroup,
.lantana-project-form .elementor-field-type-radio .elementor-field-subgroup {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 12px !important;
  width: 100% !important;
}

/* Egy-egy opció teljes szélességű sor legyen */
.lantana-project-form .elementor-field-type-checkbox .elementor-field-option,
.lantana-project-form .elementor-field-type-radio .elementor-field-option {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  flex-basis: 100% !important;
}

/* Eredeti checkbox/radio elrejtése */
.lantana-project-form .elementor-field-option input[type="checkbox"],
.lantana-project-form .elementor-field-option input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* A label legyen maga a teljes szélességű gomb */
.lantana-project-form .elementor-field-option label {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  background: #FFFFFF;
  color: #222222;
  border: 1px solid rgba(0, 0, 0, 0.10);
  border-radius: 14px;
  padding: 14px 18px;
  line-height: 1.45;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

/* Hover */
.lantana-project-form .elementor-field-option label:hover {
  background: #F0EDE8;
  color: #222222;
  border-color: rgba(0, 0, 0, 0.18);
}

/* Kijelölt állapot */
.lantana-project-form .elementor-field-option input[type="checkbox"]:checked + label,
.lantana-project-form .elementor-field-option input[type="radio"]:checked + label {
  background: #7E0817;
  color: #FFFFFF;
  border-color: #7E0817;
  box-shadow: 0 0 0 1px rgba(126, 8, 23, 0.16);
}

/* Kijelölt + hover */
.lantana-project-form .elementor-field-option input[type="checkbox"]:checked + label:hover,
.lantana-project-form .elementor-field-option input[type="radio"]:checked + label:hover {
  background: #7E0817;
  color: #FFFFFF;
  border-color: #7E0817;
}

/* Billentyűzetes fókusz */
.lantana-project-form .elementor-field-option input[type="checkbox"]:focus + label,
.lantana-project-form .elementor-field-option input[type="radio"]:focus + label {
  outline: 2px solid rgba(126, 8, 23, 0.28);
  outline-offset: 2px;
}

/* ==================================================
   FORM BUTTONS / MULTI-STEP NAVIGATION
   ================================================== */

/* Multi-step navigáció: Vissza / Következő gombok közötti térköz */
.lantana-project-form .e-form__buttons {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 16px !important;
  width: 100% !important;
  margin-top: 32px !important;
}

/* A previous / next button wrapper-ek rendes flex elemek legyenek */
.lantana-project-form .e-form__buttons__wrapper__button-previous,
.lantana-project-form .e-form__buttons__wrapper__button-next {
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Maga a gomb töltse ki a saját oszlopát */
.lantana-project-form .e-form__buttons__wrapper__button-previous .elementor-button,
.lantana-project-form .e-form__buttons__wrapper__button-next .elementor-button {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Ha submit gomb van, az legyen teljes szélességű */
.lantana-project-form .e-form__buttons__wrapper__button-submit {
  width: 100% !important;
  flex: 1 1 100% !important;
}

.lantana-project-form .e-form__buttons__wrapper__button-submit .elementor-button {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Vissza gomb – visszafogottabb */
.lantana-project-form .e-form__buttons__wrapper__button-previous .elementor-button {
  background: transparent !important;
  color: #7E0817 !important;
  border: 1px solid #7E0817 !important;
}

/* Következő és küldés gomb – fő CTA */
.lantana-project-form .e-form__buttons__wrapper__button-next .elementor-button,
.lantana-project-form .e-form__buttons__wrapper__button-submit .elementor-button {
  background: #7E0817 !important;
  color: #FFFFFF !important;
  border: 1px solid #7E0817 !important;
}

/* Gomb hover állapotok */
.lantana-project-form .e-form__buttons__wrapper__button-previous .elementor-button:hover {
  background: #F0EDE8 !important;
  color: #7E0817 !important;
  border-color: #7E0817 !important;
}

.lantana-project-form .e-form__buttons__wrapper__button-next .elementor-button:hover,
.lantana-project-form .e-form__buttons__wrapper__button-submit .elementor-button:hover {
  background: #640612 !important;
  color: #FFFFFF !important;
  border-color: #640612 !important;
}

/* ==================================================
   TABLET
   ================================================== */

@media (max-width: 1024px) {
  .lantana-project-form {
    max-width: 700px;
  }

  .lantana-project-form .elementor-field-group {
    margin-bottom: 22px;
  }

  .lantana-project-form .e-form__indicators {
    margin-bottom: 34px;
  }

  .lantana-project-form .e-form__buttons {
    margin-top: 28px !important;
  }
}

/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {
  .lantana-project-form {
    max-width: 100%;
  }

  .lantana-project-form .elementor-field-group {
    margin-bottom: 20px;
  }

  .lantana-project-form .elementor-field-type-checkbox,
  .lantana-project-form .elementor-field-type-radio {
    margin-bottom: 24px;
  }

  .lantana-project-form .elementor-field-type-html {
    margin-bottom: 16px;
  }

  .lantana-project-form .elementor-field-type-html h2,
  .lantana-project-form .lantana-form-heading {
    margin-bottom: 14px;
  }

  /* Mobil step indikátor: csak körök, középre zárva */
  .lantana-project-form .e-form__indicators {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin: 0 auto 30px !important;
  }

  .lantana-project-form .e-form__indicators__indicator {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: auto !important;
    margin: 0 !important;
  }

  .lantana-project-form .e-form__indicators__indicator__number {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    font-size: 14px !important;
    line-height: 34px !important;
  }

  .lantana-project-form .e-form__indicators__indicator__label,
  .lantana-project-form .e-form__indicators__indicator__separator {
    display: none !important;
  }

  .lantana-project-form .elementor-field-type-checkbox .elementor-field-subgroup,
  .lantana-project-form .elementor-field-type-radio .elementor-field-subgroup {
    gap: 10px !important;
  }

  .lantana-project-form .e-form__buttons {
    margin-top: 26px !important;
  }
}

/* ==================================================
   SMALL MOBILE
   ================================================== */

@media (max-width: 480px) {
  .lantana-project-form .elementor-field-group {
    margin-bottom: 18px;
  }

  .lantana-project-form .e-form__indicators {
    margin-bottom: 26px !important;
  }

  .lantana-project-form .e-form__buttons {
    margin-top: 24px !important;
  }
}
/* ==================================================
   PRIVACY CHECKBOX EXCEPTION
   ID: privacy
   ================================================== */

.lantana-project-form .elementor-field-group-privacy .elementor-field-subgroup {
  display: block !important;
}

.lantana-project-form .elementor-field-group-privacy .elementor-field-option {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-basis: auto !important;
}

/* Eredeti checkbox visszaállítása */
.lantana-project-form .elementor-field-group-privacy .elementor-field-option input[type="checkbox"] {
  position: relative !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  flex: 0 0 auto !important;
  margin: 4px 0 0 0 !important;
  width: auto !important;
  height: auto !important;
  accent-color: #7E0817;
}

/* Label ne legyen kártya/gomb */
.lantana-project-form .elementor-field-group-privacy .elementor-field-option label {
  display: inline !important;
  width: auto !important;
  max-width: none !important;
  background: transparent !important;
  color: #222222 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  line-height: 1.5 !important;
}

/* Hover / checked állapotok kikapcsolása ennél a mezőnél */
.lantana-project-form .elementor-field-group-privacy .elementor-field-option label:hover,
.lantana-project-form .elementor-field-group-privacy .elementor-field-option input[type="checkbox"]:checked + label,
.lantana-project-form .elementor-field-group-privacy .elementor-field-option input[type="checkbox"]:checked + label:hover {
  background: transparent !important;
  color: #222222 !important;
  border: none !important;
  box-shadow: none !important;
}
/* ==================================================
   CSOMAGKÁRTYÁK BEÁLLÍTÁSA
   ================================================== */

/* ----------------- BLOG ----------------- */

/* Bejegyzés kivonatok után 3 pont*/
.elementor-posts .elementor-post__excerpt p:after {
content: "..." !important;
}


/* CookieYes gombok stílus */

.cky-btn-accept, .cky-btn-reject {

background-color: #7e0817 !important;

border-color: #7e0817 !important;

}

.cky-btn-customize { 

color: #7e0817 !important;

border-color: #7e0817 !important;

}