/**
 * WDS — redesign globalny (język wizualny z podstron ofertowych)
 * Ładuje się na całej witrynie: tokeny, typografia, hero/przyciski/sekcje Kadence.
 */

:root {
  --wds-off-bg: #07080d;
  --wds-off-surface: #0c0e16;
  --wds-off-card: #10131c;
  --wds-off-border: #1e2433;
  --wds-off-text: #f2f4f8;
  --wds-off-muted: #9aa6b8;
  --wds-off-cyan: #3ee6e0;
  --wds-off-violet: #7c5cff;
  --wds-off-ink: #0a0c12;
  --wds-off-grad: linear-gradient(102deg, #7c5cff 14%, #3ee6e0 86%);
  --wds-off-font-display: "Space Grotesk", "Plus Jakarta Sans", system-ui, sans-serif;
  --wds-off-font-body: "Plus Jakarta Sans", system-ui, sans-serif;
}

/* Alias tokenów oferty = globalne (żeby stare selektory .wds-page-oferta-sub dalej działały) */
body.wds-page-oferta-sub,
body {
  --wds-off-bg: #07080d;
  --wds-off-surface: #0c0e16;
  --wds-off-card: #10131c;
  --wds-off-border: #1e2433;
  --wds-off-text: #f2f4f8;
  --wds-off-muted: #9aa6b8;
  --wds-off-cyan: #3ee6e0;
  --wds-off-violet: #7c5cff;
  --wds-off-ink: #0a0c12;
  --wds-off-grad: linear-gradient(102deg, #7c5cff 14%, #3ee6e0 86%);
  --wds-off-font-display: "Space Grotesk", "Plus Jakarta Sans", system-ui, sans-serif;
  --wds-off-font-body: "Plus Jakarta Sans", system-ui, sans-serif;
}

/* —— Typografia nagłówków —— */
h1, h2, h3, h4,
.wds-hero-title,
.wds-section-title,
.entry-title,
.kt-adv-heading.wds-hero-title,
.kt-adv-heading.wds-section-title {
  font-family: var(--wds-off-font-display) !important;
  letter-spacing: -0.02em;
}

/* —— Hero glow na klasycznych sekcjach Kadence —— */
.wds-hero-canvas-wrap,
.wds-section.wds-page-hero,
.wp-block-kadence-rowlayout.wds-rd-hero {
  position: relative;
  isolation: isolate;
  overflow: visible;
}

.wds-hero-canvas-wrap::before,
.wp-block-kadence-rowlayout.wds-rd-hero::before {
  content: "";
  position: absolute;
  inset: -15% -5% auto -5%;
  height: 85%;
  background:
    radial-gradient(ellipse 55% 70% at 18% 35%, rgba(124, 92, 255, 0.32), transparent 68%),
    radial-gradient(ellipse 50% 65% at 78% 28%, rgba(62, 230, 224, 0.2), transparent 65%),
    radial-gradient(ellipse 70% 55% at 50% 0%, rgba(124, 92, 255, 0.12), transparent 70%);
  pointer-events: none;
  z-index: 0;
}

.wds-hero-canvas-wrap > .kt-row-layout-inner,
.wp-block-kadence-rowlayout.wds-rd-hero > .kt-row-layout-inner {
  position: relative;
  z-index: 1;
}

/* Badge jak na ofercie */
.wds-hero-badge,
.wds-hero-badge--flex,
p.wds-hero-badge {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 7px 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(62, 230, 224, 0.35) !important;
  background: rgba(62, 230, 224, 0.06) !important;
  box-shadow: 0 0 24px rgba(62, 230, 224, 0.12);
  color: var(--wds-off-cyan) !important;
  -webkit-text-fill-color: var(--wds-off-cyan) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
}

.wds-hero-badge::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--wds-off-cyan);
  box-shadow: 0 0 10px var(--wds-off-cyan);
  flex-shrink: 0;
}

/* Labelki sekcji */
.wds-label,
.wds-label--brand {
  color: var(--wds-off-violet) !important;
  -webkit-text-fill-color: var(--wds-off-violet) !important;
  background: none !important;
  filter: none !important;
  letter-spacing: 2px !important;
  font-weight: 600 !important;
}

.wds-highlight,
.wds-wave-underline {
  color: var(--wds-off-cyan) !important;
  -webkit-text-fill-color: var(--wds-off-cyan) !important;
  background: none !important;
}

/* —— Przyciski: nadpisania (główna logika w custom-styles.css) —— */
.wp-block-kadence-singlebtn.wds-btn-primary .kb-button,
.wp-block-kadence-singlebtn.wds-btn-outline .kb-button,
.wp-block-kadence-singlebtn.wds-btn--flex .kb-button {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.wp-block-kadence-singlebtn.wds-btn--flex::before,
.wp-block-kadence-singlebtn.wds-btn--flex::after,
.wp-block-kadence-singlebtn.wds-btn-primary::before,
.wp-block-kadence-singlebtn.wds-btn-primary::after,
.wp-block-kadence-singlebtn.wds-btn-outline::before,
.wp-block-kadence-singlebtn.wds-btn-outline::after,
.wp-block-kadence-singlebtn .kb-button::before,
.wp-block-kadence-singlebtn .kb-button::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

/* Karty / boksy usług */
.wds-service-box,
.wds-bento-card,
.wds-pricing-card,
.wds-contact-page__card,
.wds-faq-item,
.wds-process-step {
  background: var(--wds-off-card) !important;
  border: 1px solid var(--wds-off-border) !important;
  border-radius: 16px !important;
}

/* Sekcje — tło jak oferta */
.wds-section .kt-row-layout-inner,
.wp-block-kadence-rowlayout.wds-section .kt-row-layout-inner {
  background-color: transparent !important;
}

.wp-block-kadence-rowlayout.wds-section,
.wds-hero-canvas-wrap {
  background-color: var(--wds-off-bg) !important;
}

/* CTA końcowe */
.wds-cta-section,
.wds-cta-section--flex {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(124, 92, 255, 0.28), transparent 55%),
    radial-gradient(ellipse at 80% 100%, rgba(62, 230, 224, 0.12), transparent 40%),
    #0c0f1a !important;
  border: 1px solid rgba(124, 92, 255, 0.35) !important;
  border-radius: 20px !important;
}

/* Statystyki / trust */
.wds-hero-trust,
.wds-stat-number {
  font-family: var(--wds-off-font-display);
}

.wds-stat-number,
.wds-stat-suffix {
  color: var(--wds-off-cyan) !important;
  -webkit-text-fill-color: var(--wds-off-cyan) !important;
  background: none !important;
}

/* Formularz hero / kontakt — dopasowanie do kart oferty */
.wds-hero-form,
.wds-contact-form,
.wds-hero-right .wds-hero-form {
  background: var(--wds-off-card) !important;
  border: 1px solid var(--wds-off-border) !important;
  border-radius: 16px !important;
}

/* Pełna szerokość treści jak na ofercie — dla stron z wrapperem rd */
body.home .content-wrap .entry-content,
body.front-page .content-wrap .entry-content,
body.wds-page-oferta .content-wrap .entry-content,
body.wds-page-o-mnie .content-wrap .entry-content,
body.wds-page-kontakt .content-wrap .entry-content,
body.wds-page-portfolio .content-wrap .entry-content,
body.wds-page-case-studies .content-wrap .entry-content,
body.wds-page-referencje .content-wrap .entry-content {
  max-width: none;
}

/* Ukryj domyślny tytuł Kadence na podstronach z własnym hero */
body.wds-page-oferta .entry-hero,
body.wds-page-oferta .entry-header,
body.wds-page-o-mnie .entry-hero,
body.wds-page-o-mnie .entry-header,
body.wds-page-kontakt .entry-hero,
body.wds-page-kontakt .entry-header,
body.wds-page-portfolio .entry-hero,
body.wds-page-portfolio .entry-header,
body.wds-page-case-studies .entry-hero,
body.wds-page-case-studies .entry-header,
body.wds-page-referencje .entry-hero,
body.wds-page-referencje .entry-header {
  display: none !important;
}