/* ================================================
   IKON – Apple IT Excellence landing
   Az ikoninformatika redesign tokenjei (tokens.css) alapján.
   Minden szabály a .ikon-ait alá van zárva, hogy a téma
   ne írja felül, és mi se a témát.
   ================================================ */
.ikon-ait {
  --a-bg: #ffffff;
  --a-bg-light: #f5f5f5;
  --a-bg-dark: #171717;
  --a-text: #0a0a0a;
  --a-text-dark: #262626;
  --a-text-muted: #525252;
  --a-text-faint: #737373;
  --a-border: #e5e5e5;
  --a-on-dark-68: rgba(255, 255, 255, .68);
  --a-on-dark-45: rgba(255, 255, 255, .45);
  --a-on-dark-20: rgba(255, 255, 255, .2);
  --a-on-dark-10: rgba(255, 255, 255, .1);
  --a-ff: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --a-r-md: 1rem;
  --a-r-xl: 2rem;
  --a-r-3xl: 2.5rem;
  --a-pad: 1.5rem;
  --a-t: .2s ease;

  font-family: var(--a-ff);
  color: var(--a-text);
  background: var(--a-bg);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-align: left;
}

.ikon-ait *,
.ikon-ait *::before,
.ikon-ait *::after { box-sizing: border-box; }

.ikon-ait :where(h1, h2, h3, p, figure) { margin: 0; padding: 0; }
.ikon-ait img { max-width: 100%; height: auto; display: block; border: 0; }
.ikon-ait a { text-decoration: none; box-shadow: none; }

/* Kitörés a téma tartalom-konténeréből */
.ikon-ait--full {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
body.ikon-ait-blank { margin: 0; background: #fff; overflow-x: hidden; }

.ikon-ait-wrap {
  max-width: 1152px;
  margin: 0 auto;
  padding: 0 var(--a-pad);
}

/* --- Tipográfia ------------------------------------------------------ */
.ikon-ait-eyebrow {
  font-size: .8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--a-on-dark-45);
}
.ikon-ait-eyebrow--dark { color: var(--a-text-faint); }

.ikon-ait .ikon-ait-h1 {
  font-family: var(--a-ff);
  font-size: clamp(2.25rem, 5.2vw, 4.5rem);
  font-weight: 600;
  letter-spacing: -.05em;
  line-height: 1.05;
  color: #fff;
  margin-top: 1rem;
  text-transform: none;
}

.ikon-ait .ikon-ait-h2 {
  font-family: var(--a-ff);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 600;
  letter-spacing: -.04em;
  line-height: 1.08;
  color: var(--a-text);
  margin-top: .75rem;
  text-transform: none;
}

.ikon-ait-lead {
  font-size: 1.125rem;
  line-height: 1.8;
  color: var(--a-on-dark-68);
  margin-top: 1.5rem;
  max-width: 36rem;
}

/* --- Gombok ---------------------------------------------------------- */
.ikon-ait-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2.25rem; }

.ikon-ait .ikon-ait-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: 1rem 2rem;
  border-radius: 9999px;
  font-family: var(--a-ff);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.2;
  transition: transform var(--a-t), background var(--a-t), border-color var(--a-t);
}
.ikon-ait .ikon-ait-btn--light { background: #fff; color: #000; box-shadow: 0 25px 50px rgba(255, 255, 255, .1); }
.ikon-ait .ikon-ait-btn--light:hover { transform: scale(1.03); color: #000; }
.ikon-ait .ikon-ait-btn--ghost {
  border: 1px solid var(--a-on-dark-20);
  color: rgba(255, 255, 255, .9);
  backdrop-filter: blur(4px);
}
.ikon-ait .ikon-ait-btn--ghost:hover { background: var(--a-on-dark-10); color: #fff; }

.ikon-ait :focus-visible { outline: 2px solid #4d4dff; outline-offset: 3px; border-radius: 4px; }

/* --- Hero: fekete, lekerekített doboz, Mac Studio kép jobbra --------- */
.ikon-ait-hero { padding: .75rem; }
@media (min-width: 768px) { .ikon-ait-hero { padding: 1rem; } }

.ikon-ait-hero__box {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: #000;
  color: #fff;
  border-radius: var(--a-r-xl);
  min-height: min(88vh, 820px);
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) { .ikon-ait-hero__box { border-radius: var(--a-r-3xl); } }

.ikon-ait-hero__media {
  position: absolute;
  inset: 0;
  z-index: -2;
}
.ikon-ait-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 70% center;
}
/* Sötétítés: mobilon alulról, asztalin balról, hogy a szöveg olvasható legyen */
.ikon-ait-hero__media::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, .7) 40%, #000 78%);
}
@media (min-width: 960px) {
  .ikon-ait-hero__media img { object-position: right center; }
  .ikon-ait-hero__media::after {
    background:
      linear-gradient(90deg, #000 0%, rgba(0, 0, 0, .92) 34%, rgba(0, 0, 0, .45) 62%, rgba(0, 0, 0, .1) 100%),
      linear-gradient(0deg, rgba(0, 0, 0, .55) 0%, transparent 35%);
  }
}

.ikon-ait-hero__glow {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle at 15% 0%, rgba(120, 120, 255, .22), transparent 45%);
}

.ikon-ait-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.5rem var(--a-pad) 0;
}
@media (min-width: 768px) { .ikon-ait-bar { padding: 2rem 3rem 0; } }
.ikon-ait .ikon-ait-bar__logo { height: 32px; width: auto; }
.ikon-ait .ikon-ait-bar__partner { height: 22px; width: auto; opacity: .9; }
@media (max-width: 479px) { .ikon-ait .ikon-ait-bar__partner { height: 16px; } }

.ikon-ait-hero__content {
  margin-top: auto;
  padding: 10rem var(--a-pad) 2.5rem;
  max-width: 46rem;
}
@media (min-width: 768px) { .ikon-ait-hero__content { padding: 8rem 3rem 4rem; } }
@media (min-width: 960px) { .ikon-ait-hero__content { padding: 6rem 4rem 5rem; } }

/* --- Ajánlat-kártyák ------------------------------------------------- */
.ikon-ait-offers { padding: 5rem 0 3rem; }
@media (min-width: 768px) { .ikon-ait-offers { padding: 7rem 0 4rem; } }

.ikon-ait-grid { display: grid; gap: 1rem; }
@media (min-width: 900px) { .ikon-ait-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; } }

.ikon-ait-card {
  display: flex;
  flex-direction: column;
  background: var(--a-bg-light);
  border: 1px solid var(--a-border);
  border-radius: var(--a-r-xl);
  padding: 2rem;
  transition: transform var(--a-t), box-shadow var(--a-t);
}
@media (min-width: 768px) { .ikon-ait-card { padding: 2.5rem; } }
.ikon-ait-card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(0, 0, 0, .08); }

.ikon-ait-card__top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.ikon-ait-card__num {
  font-size: .875rem;
  font-weight: 600;
  letter-spacing: .05em;
  color: var(--a-text-faint);
  font-variant-numeric: tabular-nums;
}
.ikon-ait-badge {
  display: inline-flex;
  padding: .35rem .8rem;
  border-radius: 9999px;
  background: #000;
  color: #fff;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .02em;
  white-space: nowrap;
}

.ikon-ait .ikon-ait-card__title {
  font-family: var(--a-ff);
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: -.03em;
  line-height: 1.2;
  color: var(--a-text);
  margin-top: 2.5rem;
  text-transform: none;
}
.ikon-ait-card__text {
  font-size: 1rem;
  line-height: 1.75;
  color: var(--a-text-muted);
  margin-top: 1rem;
  flex: 1;
}
.ikon-ait .ikon-ait-card__link {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  align-self: flex-start;
  margin-top: 2rem;
  font-weight: 600;
  font-size: .9375rem;
  color: var(--a-text);
  border-bottom: 1px solid currentColor;
  padding-bottom: 2px;
}
.ikon-ait .ikon-ait-card__link svg { transition: transform var(--a-t); }
.ikon-ait .ikon-ait-card__link:hover svg { transform: translateX(3px); }

/* --- Űrlap-szekció --------------------------------------------------- */
.ikon-ait-contact { padding: 1rem 0 5rem; scroll-margin-top: 1rem; }
@media (min-width: 768px) { .ikon-ait-contact { padding: 1rem 0 7rem; } }

.ikon-ait-contact__box {
  display: grid;
  gap: 2.5rem;
  background: #fff;
  border: 1px solid var(--a-border);
  border-radius: var(--a-r-xl);
  padding: 2rem 1.5rem;
}
@media (min-width: 768px) { .ikon-ait-contact__box { padding: 3rem; border-radius: var(--a-r-3xl); } }
@media (min-width: 960px) {
  .ikon-ait-contact__box { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 4rem; padding: 4rem; }
}

.ikon-ait-contact__note { font-size: 1.0625rem; line-height: 1.75; color: var(--a-text-muted); margin-top: 1.25rem; max-width: 26rem; }
.ikon-ait .ikon-ait-contact__img { margin-top: 2rem; width: 100%; max-width: 420px; border-radius: var(--a-r-md); mix-blend-mode: multiply; }
@media (max-width: 959px) { .ikon-ait .ikon-ait-contact__img { display: none; } }

.ikon-ait-form__missing {
  padding: 1.25rem 1.5rem;
  border: 1px dashed #d4d4d4;
  border-radius: var(--a-r-md);
  background: var(--a-bg-light);
  color: var(--a-text-muted);
  font-size: .9375rem;
}

/* --- A beágyazott (natív) űrlap egységesítése ------------------------
   Fluent Forms, Contact Form 7, WPForms, Gravity Forms, Elementor Form,
   Forminator és Ninja Forms mezőire. A specifikus osztályok csak a
   betöltött bővítményre hatnak, a többi szelektor alapértelmezés. */
.ikon-ait-form { font-family: var(--a-ff); font-size: 1rem; color: var(--a-text); }
.ikon-ait-form form { margin: 0; }

.ikon-ait .ikon-ait-form label,
.ikon-ait .ikon-ait-form .ff-el-input--label label,
.ikon-ait .ikon-ait-form .wpforms-field-label,
.ikon-ait .ikon-ait-form .gfield_label,
.ikon-ait .ikon-ait-form .elementor-field-label,
.ikon-ait .ikon-ait-form .forminator-label {
  font-family: var(--a-ff);
  font-size: .875rem;
  font-weight: 600;
  color: var(--a-text-dark);
  letter-spacing: 0;
  text-transform: none;
}

.ikon-ait .ikon-ait-form input[type="text"],
.ikon-ait .ikon-ait-form input[type="email"],
.ikon-ait .ikon-ait-form input[type="tel"],
.ikon-ait .ikon-ait-form input[type="url"],
.ikon-ait .ikon-ait-form input[type="number"],
.ikon-ait .ikon-ait-form select,
.ikon-ait .ikon-ait-form textarea {
  font-family: var(--a-ff);
  font-size: 1rem;
  line-height: 1.4;
  background-color: #fff;
  border: 1px solid var(--a-border);
  border-radius: var(--a-r-md);
  padding: .85rem 1rem;
  color: var(--a-text);
  width: 100%;
  max-width: 100%;
  min-height: 3.25rem;
  height: auto;
  box-shadow: none;
  transition: border-color var(--a-t), box-shadow var(--a-t);
}
.ikon-ait .ikon-ait-form select {
  -webkit-appearance: none;
  appearance: none;
  padding-right: 2.75rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%230a0a0a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1.1rem center;
  background-size: 12px 8px;
}
.ikon-ait .ikon-ait-form textarea { min-height: 140px; resize: vertical; }

.ikon-ait .ikon-ait-form input:focus,
.ikon-ait .ikon-ait-form select:focus,
.ikon-ait .ikon-ait-form textarea:focus {
  outline: none;
  border-color: #000;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, .08);
}
.ikon-ait .ikon-ait-form ::placeholder { color: #a3a3a3; opacity: 1; }

.ikon-ait .ikon-ait-form input[type="checkbox"],
.ikon-ait .ikon-ait-form input[type="radio"] {
  width: 1.125rem;
  height: 1.125rem;
  accent-color: #000;
  margin: .15rem .6rem 0 0;
  vertical-align: top;
  flex: none;
}
/* Hozzájárulás-sor: normál súlyú, link aláhúzva */
.ikon-ait .ikon-ait-form .ff-el-form-check-label,
.ikon-ait .ikon-ait-form .wpcf7-list-item-label,
.ikon-ait .ikon-ait-form .wpforms-field-gdpr-checkbox label,
.ikon-ait .ikon-ait-form .gfield_consent_label,
.ikon-ait .ikon-ait-form .elementor-field-option label,
.ikon-ait .ikon-ait-form .forminator-checkbox-label {
  font-weight: 400;
  font-size: .875rem;
  line-height: 1.6;
  color: var(--a-text-muted);
}
.ikon-ait .ikon-ait-form a { color: var(--a-text); text-decoration: underline; text-underline-offset: 2px; }

/* Küldés gomb — a bővítmények gyakran inline színt tesznek rá, ezért !important */
.ikon-ait .ikon-ait-form button[type="submit"],
.ikon-ait .ikon-ait-form input[type="submit"],
.ikon-ait .ikon-ait-form .ff-btn-submit,
.ikon-ait .ikon-ait-form .wpcf7-submit,
.ikon-ait .ikon-ait-form .wpforms-submit,
.ikon-ait .ikon-ait-form .gform_button,
.ikon-ait .ikon-ait-form .elementor-button,
.ikon-ait .ikon-ait-form .forminator-button-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-height: 3.25rem;
  padding: 1rem 2.25rem !important;
  border: 0 !important;
  border-radius: 9999px !important;
  background: #000 !important;
  color: #fff !important;
  font-family: var(--a-ff) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: transform var(--a-t), background var(--a-t);
}
.ikon-ait .ikon-ait-form button[type="submit"]:hover,
.ikon-ait .ikon-ait-form input[type="submit"]:hover,
.ikon-ait .ikon-ait-form .ff-btn-submit:hover,
.ikon-ait .ikon-ait-form .wpcf7-submit:hover,
.ikon-ait .ikon-ait-form .wpforms-submit:hover,
.ikon-ait .ikon-ait-form .gform_button:hover,
.ikon-ait .ikon-ait-form .elementor-button:hover,
.ikon-ait .ikon-ait-form .forminator-button-submit:hover {
  background: #262626 !important;
  transform: scale(1.02);
}

/* Mezőközök */
.ikon-ait .ikon-ait-form .ff-el-group,
.ikon-ait .ikon-ait-form .wpforms-field,
.ikon-ait .ikon-ait-form .gfield,
.ikon-ait .ikon-ait-form .forminator-row { margin-bottom: 1.25rem; }
.ikon-ait .ikon-ait-form .wpcf7-form > p { margin: 0 0 1.25rem; }
.ikon-ait .ikon-ait-form .wpcf7-form-control-wrap { display: block; margin-top: .5rem; }

/* Hibaüzenetek és visszajelzés */
.ikon-ait .ikon-ait-form .error,
.ikon-ait .ikon-ait-form .text-danger,
.ikon-ait .ikon-ait-form .wpcf7-not-valid-tip,
.ikon-ait .ikon-ait-form .wpforms-error,
.ikon-ait .ikon-ait-form .validation_message { color: #b42318; font-size: .8125rem; margin-top: .35rem; }

.ikon-ait .ikon-ait-form .ff-message-success,
.ikon-ait .ikon-ait-form .wpcf7-response-output,
.ikon-ait .ikon-ait-form .wpforms-confirmation-container-full,
.ikon-ait .ikon-ait-form .gform_confirmation_message,
.ikon-ait .ikon-ait-form .elementor-message {
  margin: 1rem 0 0;
  padding: 1.25rem 1.5rem;
  border: 0;
  border-radius: var(--a-r-md);
  background: var(--a-bg-light);
  color: var(--a-text);
  font-size: .9375rem;
  line-height: 1.6;
  box-shadow: none;
}

/* --- WPForms ----------------------------------------------------------
   Az oldalon WPForms fut. A „modern” markup CSS-változókkal színez (ezeket
   az űrlap-blokk inline is beállíthatja, ezért !important), a klasszikus
   markup szelektorai pedig erősebbek a fenti általános szabályoknál
   (div.wpforms-container-full .wpforms-form input[type=…]), ezért itt
   külön, nagyobb specificitással is rögzítjük a kinézetet. */
.ikon-ait .ikon-ait-form .wpforms-container {
  --wpforms-field-border-radius: 1rem !important;
  --wpforms-field-border-size: 1px !important;
  --wpforms-field-border-color: #e5e5e5 !important;
  --wpforms-field-background-color: #ffffff !important;
  --wpforms-field-text-color: #0a0a0a !important;
  --wpforms-field-size-input-height: 3.25rem !important;
  --wpforms-field-size-font-size: 1rem !important;
  --wpforms-field-size-padding-h: 1rem !important;
  --wpforms-label-color: #262626 !important;
  --wpforms-label-sublabel-color: #737373 !important;
  --wpforms-label-error-color: #b42318 !important;
  --wpforms-label-size-font-size: .875rem !important;
  --wpforms-button-border-radius: 9999px !important;
  --wpforms-button-background-color: #000000 !important;
  --wpforms-button-text-color: #ffffff !important;
  --wpforms-button-border-size: 0px !important;
  --wpforms-button-size-height: 3.25rem !important;
  --wpforms-button-size-font-size: 1rem !important;
  --wpforms-button-size-padding-h: 2.25rem !important;
  --wpforms-page-break-color: #000000 !important;
  margin: 0 !important;
  max-width: none !important;
}

.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form .wpforms-field { padding: 0 0 1.25rem; margin: 0; }
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form .wpforms-field-label {
  font-family: var(--a-ff);
  font-size: .875rem;
  font-weight: 600;
  color: #262626;
  margin: 0 0 .5rem;
  line-height: 1.4;
}
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form .wpforms-required-label { color: #737373; font-weight: 400; }
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form .wpforms-field-sublabel,
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form .wpforms-field-description { font-size: .8125rem; color: #737373; margin-top: .4rem; }

.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form input[type="text"],
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form input[type="email"],
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form input[type="tel"],
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form input[type="url"],
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form input[type="number"],
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form select,
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form textarea {
  font-family: var(--a-ff);
  font-size: 1rem;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 1rem;
  padding: .85rem 1rem;
  color: #0a0a0a;
  width: 100%;
  max-width: 100% !important; /* a „Közepes/Kicsi” mezőméret 60/25%-ra szűkítene */
  height: auto;
  min-height: 3.25rem;
  box-shadow: none;
}
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form select {
  -webkit-appearance: none;
  appearance: none;
  padding-right: 2.75rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%230a0a0a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1.1rem center;
  background-size: 12px 8px;
}
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form textarea { min-height: 140px; }
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form input:focus,
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form select:focus,
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form textarea:focus {
  border-color: #000;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, .08);
  outline: none;
}
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-has-error input,
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-has-error select,
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-has-error textarea,
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form input.wpforms-error,
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form select.wpforms-error,
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form textarea.wpforms-error { border-color: #b42318; }
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form label.wpforms-error,
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form em.wpforms-error { color: #b42318; font-size: .8125rem; font-weight: 400; margin-top: .35rem; }

/* Hozzájárulás (GDPR-mező vagy egyelemes Jelölőnégyzet) */
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form .wpforms-field ul { margin: 0; padding: 0; list-style: none; }
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form .wpforms-field li { display: flex; align-items: flex-start; margin: 0 0 .5rem; padding: 0; }
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form .wpforms-field-label-inline {
  font-weight: 400;
  font-size: .875rem;
  line-height: 1.6;
  color: #525252;
  margin: 0;
}
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form input[type="checkbox"],
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form input[type="radio"] {
  width: 1.125rem;
  height: 1.125rem;
  margin: .15rem .6rem 0 0;
  accent-color: #000;
  flex: none;
}
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form a { color: #0a0a0a; text-decoration: underline; }

/* Küldés gomb */
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form .wpforms-submit-container { padding: .5rem 0 0; margin: 0; }
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form button[type="submit"],
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form .wpforms-submit {
  height: auto;
  min-height: 3.25rem;
  padding: 1rem 2.25rem !important;
  border: 0 !important;
  border-radius: 9999px !important;
  background: #000 !important;
  color: #fff !important;
  font-family: var(--a-ff) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form .wpforms-submit:hover { background: #262626 !important; }
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form button[type="submit"]::after { display: none; }

/* Sikeres beküldés */
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-confirmation-container-full,
.ikon-ait .ikon-ait-form .wpforms-confirmation-container-full {
  background: #f5f5f5 !important;
  border: 0 !important;
  border-radius: 1rem;
  padding: 1.5rem 1.75rem;
  color: #0a0a0a;
  font-size: 1rem;
  line-height: 1.6;
}
.ikon-ait .ikon-ait-form .wpforms-confirmation-container-full p { margin: 0; }

/* „Modern” legördülő (Choices.js) */
.ikon-ait .ikon-ait-form .wpforms-container .choices__inner {
  min-height: 3.25rem;
  border: 1px solid #e5e5e5 !important;
  border-radius: 1rem !important;
  background: #fff !important;
  padding: .65rem 1rem !important;
  font-size: 1rem;
}
.ikon-ait .ikon-ait-form .wpforms-container .choices.is-focused .choices__inner,
.ikon-ait .ikon-ait-form .wpforms-container .choices.is-open .choices__inner { border-color: #000 !important; }
.ikon-ait .ikon-ait-form .wpforms-container .choices__list--dropdown { border-radius: 1rem !important; border-color: #e5e5e5 !important; overflow: hidden; }

/* Kiemelés, amikor egy kártyáról érkezik a látogató */
.ikon-ait-form.is-highlight select, .ikon-ait-form.is-highlight .choices__inner { border-color: #000 !important; box-shadow: 0 0 0 3px rgba(0, 0, 0, .12) !important; }

/* --- Lábléc ---------------------------------------------------------- */
.ikon-ait-footer { border-top: 1px solid var(--a-border); padding: 2rem 0; font-size: .875rem; color: var(--a-text-faint); }
.ikon-ait-footer__row { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between; }
.ikon-ait-footer__links { display: flex; flex-wrap: wrap; gap: 1.5rem; }
.ikon-ait .ikon-ait-footer a { color: var(--a-text-muted); }
.ikon-ait .ikon-ait-footer a:hover { color: var(--a-text); }

/* --- Megjelenési animáció ------------------------------------------- */
.ikon-ait.is-js .ikon-ait-reveal { opacity: 0; translate: 0 16px; transition: opacity .8s ease-out, translate .8s ease-out, transform .2s ease, box-shadow .2s ease; }
.ikon-ait.is-js .ikon-ait-reveal.is-in { opacity: 1; translate: none; }

@media (prefers-reduced-motion: reduce) {
  .ikon-ait *, .ikon-ait *::before, .ikon-ait *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
  .ikon-ait.is-js .ikon-ait-reveal { opacity: 1; translate: none; }
}

/* --- Többválasztós lista (select multiple, pl. WPForms „Több opció”
   bekapcsolva, klasszikus stílussal): nyíl nélkül, listaként jelenik meg */
.ikon-ait .ikon-ait-form select[multiple],
.ikon-ait .ikon-ait-form div.wpforms-container-full .wpforms-form select[multiple] {
  background-image: none;
  padding: .5rem;
  min-height: 0;
  height: auto;
  overflow-y: auto;
}
.ikon-ait .ikon-ait-form select[multiple] option {
  padding: .55rem .75rem;
  border-radius: .6rem;
  color: #0a0a0a;
}
.ikon-ait .ikon-ait-form select[multiple] option:checked {
  background: #0a0a0a linear-gradient(0deg, #0a0a0a, #0a0a0a);
  color: #fff;
}
/* WPForms „modern” többválasztós (Choices.js): a kiválasztott címkék */
.ikon-ait .ikon-ait-form .wpforms-container .choices__list--multiple .choices__item {
  background: #0a0a0a !important;
  border: 0 !important;
  border-radius: 9999px !important;
  color: #fff !important;
  font-size: .8125rem;
  line-height: 1.3;
  display: inline-flex !important;
  align-items: center;
  gap: .45rem;
  padding: .3rem .4rem .3rem .8rem !important;
  margin: 0 .3rem .3rem 0 !important;
}
/* Törlés (×) gomb: a címkén belül, a szöveg után — nem lóg rá */
.ikon-ait .ikon-ait-form .wpforms-container .choices__list--multiple .choices__item .choices__button {
  position: static !important;
  flex: none;
  width: 1.15rem !important;
  height: 1.15rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, .18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 2l6 6M8 2L2 8' stroke='%23fff' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center / .5rem no-repeat !important;
  opacity: 1 !important;
  transform: none !important;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
}
.ikon-ait .ikon-ait-form .wpforms-container .choices__list--multiple .choices__item .choices__button::before,
.ikon-ait .ikon-ait-form .wpforms-container .choices__list--multiple .choices__item .choices__button::after { content: none !important; }
.ikon-ait .ikon-ait-form .wpforms-container .choices__list--multiple .choices__item .choices__button:hover,
.ikon-ait .ikon-ait-form .wpforms-container .choices__list--multiple .choices__item .choices__button:focus-visible { background-color: rgba(255, 255, 255, .38) !important; }
.ikon-ait .ikon-ait-form .wpforms-container .choices__inner .choices__input { background: transparent !important; margin-bottom: .3rem; }