/* Centrum E-commerce - niezależna skórka dwóch formularzy Contact Form 7.
   Wysoka specyficzność chroni przed globalnymi regułami .wpcf7 form,
   w tym niebieskimi CTA i jasnymi tłami ustawionymi w Dodatkowym CSS.
   Dotyczy wyłącznie strony głównej obsługiwanej przez tę wtyczkę. */

body.scx-landing-page .scx-shell .scx-form-box {
  --scx-form-surface: #151d28;
  --scx-form-field: #0f1721;
  --scx-form-line: #344450;
  --scx-form-copy: #e8f0ed;
  --scx-form-muted: #aebdbd;
  --scx-form-accent: var(--lime, #cfff66);
  position: relative;
  box-sizing: border-box;
  color: var(--scx-form-copy);
  min-width: 0;
}
body.scx-landing-page .scx-shell .scx-form-box,
body.scx-landing-page .scx-shell .scx-form-box * {box-sizing: border-box;}

/* Jeden panel, bez drugiej jasnej karty w środku. */
body.scx-landing-page .scx-shell .scx-form-box .wpcf7,
body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--scx-form-copy) !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
}
/* Formularz CF7 bywa dodatkowo opakowany w własny div z białym tłem. */
body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form > :is(div,section,article):not(.wpcf7-response-output) {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
}
body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form :is(div,section,article)[style*='background'] {
  background: transparent !important;
  background-image: none !important;
}
body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form p {
  margin: 0 0 19px !important;
  padding: 0 !important;
  color: var(--scx-form-copy) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  text-align: left !important;
}
body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form p:last-child {margin-bottom: 0 !important;}
body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form :is(label, legend) {
  display: block;
  margin-bottom: 8px;
  color: #eef5f2 !important;
  font-family: 'Space Grotesk', system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: -.018em;
  line-height: 1.5;
}
body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form label .wpcf7-form-control-wrap {
  margin-top: 8px;
}
body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  min-width: 0;
}
body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form :is(input[type='text'],input[type='email'],input[type='tel'],input[type='url'],input[type='number'],input[type='date'],input[type='password'],select,textarea) {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 14px 17px !important;
  background: var(--scx-form-field) !important;
  background-image: none !important;
  border: 1px solid var(--scx-form-line) !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.04) inset !important;
  color: #fff !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form textarea.wpcf7-textarea,
body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form textarea:not([disabled]) {
  height: 155px !important;
  min-height: 140px !important;
  resize: vertical !important;
}
body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form :is(input,textarea)::placeholder {
  color: #95a9ad !important;
  opacity: 1 !important;
}
body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form :is(input[type='text'],input[type='email'],input[type='tel'],input[type='url'],input[type='number'],input[type='date'],input[type='password'],select,textarea):focus {
  border-color: var(--scx-form-accent) !important;
  background: #121e25 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(207,255,102,.18) !important;
}
body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form :is(input[type='checkbox'],input[type='radio']) {
  accent-color: var(--scx-form-accent);
  width: auto !important;
  margin: 4px 8px 0 0 !important;
}
body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form :is(h2,h3,h4,strong,b) {
  color: #f2f7f1 !important;
}
body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form a {
  color: var(--scx-form-accent) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form a:hover {color: #e8ffaf !important;}
body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form :is(input[type='submit'],button[type='submit'],.wpcf7-submit) {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 56px !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: min(100%,245px) !important;
  margin: 9px 0 0 !important;
  padding: 14px 26px !important;
  border: 1px solid var(--scx-form-accent) !important;
  border-radius: 8px !important;
  background: var(--scx-form-accent) !important;
  background-image: none !important;
  box-shadow: 0 12px 28px rgba(207,255,102,.12) !important;
  color: #111b16 !important;
  font-family: 'Space Grotesk', system-ui, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  line-height: 1.3 !important;
  text-align: center !important;
  text-transform: none !important;
  text-shadow: none !important;
  cursor: pointer !important;
  transition: background .2s ease, box-shadow .2s ease, transform .2s ease !important;
}
body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form :is(input[type='submit'],button[type='submit'],.wpcf7-submit):hover {
  background: #e4ffab !important;
  border-color: #e4ffab !important;
  color: #111b16 !important;
  box-shadow: 0 15px 36px rgba(207,255,102,.2) !important;
  transform: translateY(-2px) !important;
}
body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form :is(input[type='submit'],button[type='submit'],.wpcf7-submit):disabled {
  opacity: .65 !important;
  cursor: wait !important;
  transform: none !important;
}
body.scx-landing-page .scx-shell .scx-form-box .wpcf7 .wpcf7-spinner {vertical-align: middle;margin: 0 0 0 12px;}
body.scx-landing-page .scx-shell .scx-form-box .wpcf7 .wpcf7-not-valid-tip {
  margin: 7px 0 0 !important;
  color: #ffb9c1 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}
body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form .wpcf7-not-valid {
  border-color: #ff7e8e !important;
}
body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form .wpcf7-response-output {
  margin: 18px 0 0 !important;
  padding: 14px 17px !important;
  background: #31212d !important;
  border: 1px solid #b76477 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #ffe3e7 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
}
body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form.sent .wpcf7-response-output,
body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form .wpcf7-mail-sent-ok {
  background: #1c352b !important;
  border-color: #78bc8a !important;
  color: #e0ffdf !important;
}
body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form :is(.wpcf7-list-item,.wpcf7-acceptance) {margin: 0 16px 0 0 !important;}
body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form :is(.wpcf7-checkbox,.wpcf7-acceptance) label {
  display: inline-flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
}

/* HERO: dyskretny panel, spójny z pozostałą częścią strony. */
body.scx-landing-page .scx-shell .scx-hero-form {
  width: 100%;
  max-width: 550px;
  margin: 27px 0 0 !important;
  padding: 26px 28px 24px !important;
  border: 1px solid rgba(207,255,102,.21) !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg,#18232b,#111820) !important;
  box-shadow: 0 24px 48px rgba(0,0,0,.18) !important;
  overflow: hidden;
}
body.scx-landing-page .scx-shell .scx-hero-form::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg,var(--lime,#cfff66),var(--violet,#9477fb));
}
body.scx-landing-page .scx-shell .scx-hero-form .wpcf7 form p {font-size: 13px !important;}
body.scx-landing-page .scx-shell .scx-hero-form .wpcf7 form p:last-of-type {color: #b1c3c2 !important;font-size: 12px !important;}
body.scx-landing-page .scx-shell .scx-hero-form .wpcf7 form :is(input[type='submit'],button[type='submit'],.wpcf7-submit) {
  min-height: 52px !important;
  margin-top: 6px !important;
}

/* Kontakt na dole: jeden wąski panel zamiast bardzo szerokiej białej planszy. */
body.scx-landing-page .scx-shell .scx-full-contact-form {
  display: block;
  width: min(860px, calc(100% - 48px));
  max-width: 860px;
  margin: 0 auto 105px !important;
  padding: clamp(26px,4.2vw,54px) !important;
  border: 1px solid rgba(188,215,215,.18) !important;
  border-radius: 18px !important;
  background: linear-gradient(150deg,#1b2530 0%,#121a24 72%,#111923 100%) !important;
  box-shadow: 0 28px 75px rgba(0,0,0,.3) !important;
  overflow: hidden;
}
body.scx-landing-page .scx-shell .scx-full-contact-form::before {
  content: '';
  position: absolute;
  top: 0;left: 0;right: 0;height: 4px;
  background: linear-gradient(90deg,var(--lime,#cfff66) 0%,var(--violet,#9477fb) 68%,transparent 100%);
}
body.scx-landing-page .scx-shell .scx-full-contact-heading {
  position: relative;
  margin: 0 0 29px;
  padding: 0 0 24px;
  border-bottom: 1px solid rgba(212,236,230,.12);
}
body.scx-landing-page .scx-shell .scx-full-contact-heading .scx-form-kicker {
  display: flex;align-items: center;gap:9px;
  margin-bottom: 10px;
  font-family: 'Space Grotesk',system-ui,sans-serif;
  font-size: 11px;font-weight: 700;letter-spacing: .14em;text-transform: uppercase;
  color: var(--lime,#cfff66);
}
body.scx-landing-page .scx-shell .scx-full-contact-heading h3 {
  margin: 0 0 8px !important;
  font-family: 'Space Grotesk',system-ui,sans-serif;
  font-weight: 700;
  font-size: clamp(31px,4.4vw,47px);
  letter-spacing: -.07em;
  line-height: 1.08;
  color: #f3f6f2 !important;
}
body.scx-landing-page .scx-shell .scx-full-contact-heading h3 span {color: var(--lime,#cfff66)}
body.scx-landing-page .scx-shell .scx-full-contact-heading p {
  margin: 0 !important;
  color: #aebfc1 !important;
  font-size: 14px;
  line-height: 1.65;
}
body.scx-landing-page .scx-shell .scx-full-contact-form .wpcf7 form {
  max-width: 100% !important;
}
body.scx-landing-page .scx-shell .scx-full-contact-form .wpcf7 form h3:first-child {
  font-size: 12px !important;
  letter-spacing: .11em !important;
  text-transform: uppercase;
  color: var(--scx-form-accent) !important;
  line-height: 1.4;
  margin: 0 0 20px !important;
}
body.scx-landing-page .scx-shell .scx-full-contact-form .wpcf7 form :is(input[type='submit'],button[type='submit'],.wpcf7-submit) {
  margin-top: 6px !important;
}

@media (max-width: 900px) {
  body.scx-landing-page .scx-shell .scx-full-contact-form {margin-bottom: 80px !important;}
}
@media (max-width: 600px) {
  body.scx-landing-page .scx-shell .scx-hero-form {
    max-width: 100%;
    padding: 21px 17px 18px !important;
    margin-top: 23px !important;
    border-radius: 12px !important;
  }
  body.scx-landing-page .scx-shell .scx-full-contact-form {
    width: calc(100% - 34px);
    margin-bottom: 72px !important;
    padding: 26px 18px 28px !important;
    border-radius: 13px !important;
  }
  body.scx-landing-page .scx-shell .scx-full-contact-heading {margin-bottom: 23px;padding-bottom: 20px;}
  body.scx-landing-page .scx-shell .scx-full-contact-heading h3 {font-size: 32px;}
  body.scx-landing-page .scx-shell .scx-full-contact-heading p {font-size: 13px;}
  body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form :is(input[type='text'],input[type='email'],input[type='tel'],input[type='url'],input[type='number'],input[type='date'],input[type='password'],select,textarea) {
    font-size: 16px !important;
    min-height: 52px !important;
    padding: 13px 14px !important;
  }
  body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form textarea.wpcf7-textarea,
  body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form textarea:not([disabled]) {min-height: 130px !important;height: 135px !important;}
  body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form :is(input[type='submit'],button[type='submit'],.wpcf7-submit) {
    width: 100% !important;
    min-width: 0 !important;
    padding-inline: 15px !important;
    font-size: 14px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.scx-landing-page .scx-shell .scx-form-box .wpcf7 form :is(input,button,select,textarea) {transition: none !important;}
}

/* HERO: wymuszony jasny kontrast także dla tekstów zagnieżdżonych w CF7.
   Nadpisuje czarne kolory z globalnego CSS i formatowania HTML formularza.
   Wyjątki zachowują kolory przycisku, linków i komunikatów walidacji. */
body.scx-landing-page .scx-shell .scx-hero-form .wpcf7 form,
body.scx-landing-page .scx-shell .scx-hero-form .wpcf7 form *,
body.scx-landing-page .scx-shell .scx-hero-form .wpcf7 form :is(p,p:last-of-type,label,legend) {
  color: #fff !important;
}
body.scx-landing-page .scx-shell .scx-hero-form .wpcf7 form :is(input[type='submit'],button[type='submit'],.wpcf7-submit),
body.scx-landing-page .scx-shell .scx-hero-form .wpcf7 form button[type='submit'] * {
  color: #111b16 !important;
}
body.scx-landing-page .scx-shell .scx-hero-form .wpcf7 form a,
body.scx-landing-page .scx-shell .scx-hero-form .wpcf7 form a * {
  color: var(--lime, #cfff66) !important;
}
body.scx-landing-page .scx-shell .scx-hero-form .wpcf7 .wpcf7-not-valid-tip,
body.scx-landing-page .scx-shell .scx-hero-form .wpcf7 .wpcf7-not-valid-tip * {
  color: #ffb9c1 !important;
}
body.scx-landing-page .scx-shell .scx-hero-form .wpcf7 .wpcf7-response-output,
body.scx-landing-page .scx-shell .scx-hero-form .wpcf7 .wpcf7-response-output * {
  color: #ffe3e7 !important;
}
body.scx-landing-page .scx-shell .scx-hero-form .wpcf7 form.sent .wpcf7-response-output,
body.scx-landing-page .scx-shell .scx-hero-form .wpcf7 form.sent .wpcf7-response-output * {
  color: #e0ffdf !important;
}