/* Wellnessmenka – nagłówek i stopka jak w oryginale (Astra, wellnessmenka.pl).
   Elementy to szablony Oxygen: nagłówek ID 107 (.wm-header…), stopka ID 112 (.wm-footer…).
   Wartości zmierzone na oryginale (1440 px i 390 px). */

/* ---------- Nagłówek: desktop ---------- */
html body .wm-header{position:relative;top:auto;z-index:100;background:#fff;box-shadow:none;border:0}
html body.wm-transparent-header .wm-header{position:absolute;top:0;left:0;right:0;background:transparent}
html body .wm-header .wm-header__inner{max-width:1240px;margin:0 auto;padding:0 20px;min-height:147px;display:flex;align-items:center;justify-content:flex-start;gap:0}
html body .wm-header .wm-header__logo{display:block;flex:0 0 auto;width:229.125px;max-width:none;padding:16px 0;font-family:Lexend,sans-serif;font-size:24px;font-weight:600;line-height:1.2;letter-spacing:normal;color:#cf0094;text-decoration:none}
html body.wm-transparent-header .wm-header .wm-header__logo{color:#0f172a}
html body .wm-header .wm-header__nav{margin-left:40px;flex:0 1 auto}
html body .wm-header .wm-nav,html body .wm-header .wm-nav .breakdance-menu{gap:0}
html body .wm-header .wm-nav .breakdance-menu-list{gap:0}
html body .wm-header .wm-nav .breakdance-menu-link{padding:0 16px;font-family:"DM Sans",sans-serif;font-size:16px;font-weight:500;line-height:16px;color:#0f172a;background:transparent;border-radius:0;text-decoration:none}
html body .wm-header .wm-nav .breakdance-menu-link:hover,
html body .wm-header .wm-nav .current-menu-item>.breakdance-menu-link,
html body .wm-header .wm-nav .breakdance-menu-item--active>.breakdance-menu-link{color:#cc00c4;background:transparent}
html body .wm-header .wm-header__cta{margin-left:auto}
html body .wm-header .wm-header__cta .wm-btn{display:inline-block;padding:17px 26.5px;border:2px solid #cc00c4;border-radius:6px;background:transparent;color:#cc00c4;font-family:"DM Sans",sans-serif;font-size:15px;font-weight:600;line-height:15px;white-space:nowrap;text-decoration:none}
html body .wm-header .wm-header__cta .wm-btn:hover{background:#cc00c4;color:#fff;border-color:#cc00c4}

/* ---------- Nagłówek: tablet/telefon (Astra przełącza przy 921 px) ---------- */
@media (max-width:921px){
  html{font-size:91.2%}
  html body .wm-header .wm-header__inner{min-height:101.344px;padding:0 24px;flex-wrap:nowrap}
  html body .wm-header .wm-header__logo{width:auto;max-width:263px;flex:1 1 auto;padding:14.4px 0;font-size:20.064px;line-height:1.2;color:#cf0094}
  html body .wm-header .wm-header__nav{margin-left:auto}
  html body .wm-header .wm-header__cta{display:none}
  html body .wm-header .breakdance-menu-toggle{box-sizing:border-box;width:42px;height:42px;padding:11px;border-radius:4px;background:#cc00c4;color:#fff;--menu-toggle-color:#fff}
  html body .wm-header .breakdance-menu-toggle .breakdance-menu-toggle-lines,
  html body .wm-header .breakdance-menu-toggle .breakdance-menu-toggle-lines:before,
  html body .wm-header .breakdance-menu-toggle .breakdance-menu-toggle-lines:after{background-color:#fff}
  html body .wm-header .wm-nav .breakdance-menu-link{padding:12px 20px;font-size:14.592px;line-height:1.6}
}

/* ---------- Poprawki treści legacy (bez JS Spectra/AOS) ---------- */
/* Opinie: karuzela Spectra ma po 1 slajdzie – po inicjalizacji slick wygląda identycznie jak statycznie. */
html body .wm-legacy .uagb-slick-carousel .is-carousel{visibility:visible}
html body .wm-legacy .uagb-slick-carousel .is-carousel>.uagb-testimonial__wrap{padding-left:0;padding-right:0}
/* Astra trzyma stopkę przy dole okna (#page min-height:100vh obejmuje nagłówek i stopkę) – tu #page obejmuje tylko treść. */
html body .wm-legacy #page{min-height:calc(100vh - 147px - 76px)}
html body.wm-transparent-header .wm-legacy #page{min-height:calc(100vh - 76px)}
@media (max-width:921px){
  html body .wm-legacy #page,html body.wm-transparent-header .wm-legacy #page{min-height:calc(100vh - 104px - 97px)}
}

/* ---------- Formularz kontaktowy (Breakdance, komponent 229) – wygląd jak SureForms z oryginału ---------- */
html body .wm-legacy .wm-form-slot .breakdance-form{display:block;gap:0;row-gap:0;margin:0;padding:0}
html body .wm-legacy .wm-form-slot .breakdance-form-field{display:block;width:100%;margin:0;padding:0}
html body .wm-legacy .wm-form-slot .breakdance-form-field--text{margin-bottom:40px}
html body .wm-legacy .wm-form-slot .breakdance-form-field--email{margin-bottom:40px}
html body .wm-legacy .wm-form-slot .breakdance-form-field--textarea{margin-bottom:40px}
html body .wm-legacy .wm-form-slot .breakdance-form-field__label{display:block;margin:0;padding:0;font-family:"DM Sans",sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#0f172a}
html body .wm-legacy .wm-form-slot .breakdance-form-field__required{margin:0 0 0 4px;padding:0;color:#dc2626}
html body .wm-legacy .wm-form-slot .breakdance-form-field__input{display:block;box-sizing:border-box;width:100%;height:44px;margin:6px 0;padding:10px 12px;border:1px solid rgba(15,23,42,.25);border-radius:6px;background:rgba(15,23,42,.02);color:#0f172a;font-family:"DM Sans",sans-serif;font-size:16px;line-height:24px;box-shadow:none}
html body .wm-legacy .wm-form-slot textarea.breakdance-form-field__input{height:118px;resize:vertical}
html body .wm-legacy .wm-form-slot .breakdance-form-field__input:focus{outline:none;border-color:#cc00c4;box-shadow:0 0 0 3px rgba(204,0,196,.15)}
html body .wm-legacy .wm-form-slot .breakdance-form-footer{margin:0;padding:0}
html body .wm-legacy .wm-form-slot .breakdance-form-button__submit{display:inline-block;box-sizing:border-box;width:156px;height:46px;margin:0;padding:10px 14px;border:1px solid #cc00c4;border-radius:6px;background:#cc00c4;color:#fff;font-family:"DM Sans",sans-serif;font-size:16px;font-weight:500;line-height:24px;white-space:nowrap}
html body .wm-legacy .wm-form-slot .breakdance-form-button__submit .button-atom__text{font:inherit;line-height:inherit}

/* ---------- Przewiń do góry (Oxygen BackToTop w stopce, jak #ast-scroll-top w oryginale) ---------- */
html body.breakdance .bde-back-to-top.bde-back-to-top{margin:30px}

/* ---------- Stopka ---------- */
html body .wm-footer{background:transparent;border:0;padding:0;color:#454f5e}
html body .wm-footer .wm-footer__bottom{display:block;max-width:1240px;margin:0 auto;padding:25px 20px}
html body .wm-footer .wm-footer__copy{margin:0;font-family:"DM Sans",sans-serif;font-size:14px;line-height:25.6px;color:#454f5e;text-align:center}
@media (max-width:921px){
  html body .wm-footer .wm-footer__bottom{padding:25px 24px}
  html body .wm-footer .wm-footer__copy{font-size:12.768px;line-height:23.3472px}
}