/* Anahata — WP-only overrides (poprawki dla markupu wtyczek, nie dla statyku).
   Skóra/design = k360-theme (rodzic). Tu tylko to, czego nie ma w statyku. */

/* CF7 newsletter — input + przycisk w jednej linii.
   CF7 opakowuje pola w <p> i wstawia <br> (WPCF7_AUTOP jest zablokowane na true przez
   sam plugin, więc nie da się go wyłączyć z motywu). Robimy z tego <p> wiersz flex,
   chowamy <br>, a pole CF7 (w <span>) jest elementem rosnącym. Label = pełna szerokość. */
.k360-newsletter-form p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--s2);
  margin: 0;
}
.k360-newsletter-form p br { display: none; }
.k360-newsletter-form label { flex: 1 0 100%; }
.k360-newsletter-form .wpcf7-form-control-wrap { flex: 1 1 12rem; min-width: 0; }
.k360-newsletter-form .wpcf7-form-control-wrap input[type='email'] { width: 100%; }
.k360-newsletter-form .wpcf7-submit { flex: 0 0 auto; }
.k360-newsletter-form .wpcf7-spinner { flex: 0 0 auto; align-self: center; margin-inline-start: 0; }
.k360-newsletter-form .wpcf7-response-output { flex: 1 0 100%; margin: 0.35rem 0 0; }

/* Kolumna formularza: dosunięta do prawej + szersza, by input urósł, a prawa krawędź
   przycisku dotknęła prawej krawędzi kolumny (jak w bliźniaczym projekcie Maja). */
@media (min-width: 780px) {
  .k360-newsletter-form-col { max-width: 540px; justify-self: end; }
}

/* Stopka — dolny pasek (copyright/privacy/powered): lekko wygaszony do 80%
   (statyk miał 65%; za mocno odstawało od reszty stopki). */
.k360-footer-bottom { color: color-mix(in srgb, var(--c-on-dark) 80%, transparent); }

/* ---- Menu: dropdown "Services" (rodzic + Live/Online) ---------------------
   Theme bazowy renderuje płaskie menu. Tu dokładamy obsługę submenu:
   - mobile (<1000px, nav jako pionowy panel): pozycje podmenu wcięte, zawsze widoczne;
   - desktop (>=1000px): rozwijanie pod rodzicem na hover/focus (klawiatura). */

/* znacznik rozwijalnego rodzica */
.k360-nav .menu-item-has-children > a::after {
  content: '';
  display: inline-block;
  width: 0.42em; height: 0.42em;
  margin-inline-start: 0.5em;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-0.12em) rotate(45deg);
  vertical-align: middle;
}
.k360-nav .sub-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* mobile: wcięte, dyskretniejsze */
.k360-nav .sub-menu a {
  padding-inline-start: 1.1rem;
  font-size: calc(var(--fs-eyebrow) * 0.95);
  opacity: 0.92;
}

@media (min-width: 1000px) {
  .k360-nav .menu-item-has-children { position: relative; }
  .k360-nav .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    transform: translateY(0.4rem);
    min-width: max-content;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 0.5rem 0;
    background: var(--c-green-deep);
    border: 1px solid color-mix(in srgb, var(--c-gold) 22%, transparent);
    border-radius: 6px;
    box-shadow: 0 12px 30px -12px rgba(0,0,0,0.55);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.18s ease, transform 0.18s ease;
    z-index: 50;
  }
  .k360-nav .menu-item-has-children:hover > .sub-menu,
  .k360-nav .menu-item-has-children:focus-within > .sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }
  .k360-nav .sub-menu a {
    padding: 0.5em 1.1em 0.5em 0.95em;
    text-align: left;
    white-space: nowrap;
    border-bottom: 0;
    opacity: 1;
    font-size: var(--fs-eyebrow);
  }
  .k360-nav .sub-menu a[aria-current='page'] { border-bottom: 0; color: var(--c-gold); }
}

/* ---- CF7: checkbox zgody inline ------------------------------------------
   CF7 owija pole w <p> i zagnieżdżone <span>, przez co .k360-field-check (flex)
   widzi tylko <p> i checkbox ląduje nad tekstem. Flexujemy właściwy <label>. */
.k360-field-check > p { margin: 0; width: 100%; }
.k360-field-check .wpcf7-form-control-wrap,
.k360-field-check .wpcf7-checkbox,
.k360-field-check .wpcf7-list-item { display: block; margin: 0; }
.k360-field-check .wpcf7-list-item label {
  display: flex;
  align-items: flex-start;
  gap: var(--s3);
  margin: 0;
}