.wp-block-wisedigital-pricing-table,
.wd-pricing-table {
  --wd-pricing-accent: var(--wp--preset--color--primary);
  --wd-pricing-card-bg: var(--wp--preset--color--white);
  --wd-pricing-card-text: var(--wp--preset--color--black);
  --wd-pricing-border: var(--wp--preset--color--cyan-bluish-gray);
  --wd-pricing-muted: var(--wp--preset--color--black);
  --wd-pricing-tab-bg: var(--wp--preset--color--white);
  --wd-pricing-tab-text: var(--wp--preset--color--black);;
  --wd-pricing-active-tab-bg:  var(--wp--preset--color--primary);
  --wd-pricing-active-tab-text: var(--wp--preset--color--white);
  --wd-pricing-button-bg:  var(--wp--preset--color--primary);
  --wd-pricing-button-text: var(--wp--preset--color--white);
  --wd-pricing-badge-bg:  var(--wp--preset--color--primary);
  --wd-pricing-badge-text: var(--wp--preset--color--white);
  --wd-pricing-featured-accent: var(--wd-pricing-badge-bg);
  --wd-pricing-featured-accent-text: var(--wd-pricing-badge-text);
  --wd-pricing-card-padding: var(--wp--preset--spacing--32-16);
  --wd-pricing-gap: var(--wp--preset--spacing--32-16);
  --wd-pricing-tab-gap: var(--wp--preset--spacing--24-16);
  --wd-pricing-card-radius: var(--wp--preset--spacing--32);
  --wd-pricing-button-radius: 999px;
  --wd-pricing-tab-radius: 8px;
  box-sizing: border-box;
}

.wd-pricing-table *,
.wp-block-wisedigital-pricing-table * { box-sizing: border-box; }

.wd-pricing-table__tabs {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: var(--wd-pricing-tab-gap);
  flex-wrap: wrap;
  margin-bottom: calc(var(--wd-pricing-gap) * 1.8);
}


.wd-pricing-table__mobile-period {
  display: none;
  margin-bottom: calc(var(--wd-pricing-gap) * 1.8);
}

.wd-pricing-table__mobile-period-label {
  display: block;
  margin: 0 0 8px;
  font-size: .85em;
  font-weight: 700;
  color: var(--wd-pricing-muted);
}

.wd-pricing-table__mobile-period-select {
  width: 100%;
  appearance: auto;
  border: 1px solid var(--wd-pricing-border);
  border-radius: var(--wd-pricing-tab-radius);
  padding: var(--wp--preset--spacing--16);
  background: var(--wd-pricing-tab-bg);
  color: var(--wd-pricing-tab-text);
  font: inherit;
  font-weight: 700;
  line-height: 1.2;
}

.wd-pricing-table__tab {
  appearance: none;
  border: 1px solid var(--wd-pricing-border);
  background: var(--wd-pricing-tab-bg);
  color: var(--wd-pricing-tab-text);
  border-radius: var(--wd-pricing-tab-radius);
  padding: var(--wp--preset--spacing--16) var(--wp--preset--spacing--32);
  min-width: 180px;
  font: inherit;
  font-weight: 700;
  line-height: 1.15;
  cursor: pointer;
  text-align: center;
}

.wd-pricing-table__tab-subtitle {
  display: block;
  margin-top: 4px;
  font-size: var(--wp--preset--font-size--base-small);
  font-weight: 400;
}

.wd-pricing-table__tab.is-active {
  background: var(--wd-pricing-active-tab-bg);
  color: var(--wd-pricing-active-tab-text);
  border-color: var(--wd-pricing-active-tab-bg);
}

.wd-pricing-table__cards {
  display: grid;
  grid-template-columns: repeat(var(--wd-pricing-columns, 3), minmax(0, 1fr));
  gap: var(--wd-pricing-gap);
  align-items: stretch;
}

.wd-pricing-table__card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  color: var(--wd-pricing-card-text);
  background: var(--wd-pricing-card-bg);
  border: 1px solid var(--wd-pricing-border);
  border-radius: var(--wd-pricing-card-radius);
  overflow: hidden;
}

.wd-pricing-table__card.is-featured {
  border-color: var(--wd-pricing-featured-accent);
}

.wd-pricing-table__badge {
  display: none;
  padding: var(--wp--preset--spacing--16);
  text-align: center;
  background: var(--wd-pricing-featured-accent);
  color: var(--wd-pricing-featured-accent-text);
  font-weight: 700;
  letter-spacing: .01em;
}

.wd-pricing-table__card.is-featured .wd-pricing-table__badge:not(:empty) {
  display: block;
}

.wd-pricing-table__card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: var(--wd-pricing-card-padding);
}

.wd-pricing-table__plan-name {
  margin: 0 0 var(--wp--preset--spacing--16);
  font-size: var(--wp--preset--font-size--x-small);
  font-weight: 700;
  line-height: 1.2;
}

.wd-pricing-table__price-row {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 8;
}

.wd-pricing-table__price {
  font-size: var(--wd-pricing-price-font-size, clamp(2.2rem, 4vw, 3rem));
  font-weight: 700;
  line-height: 1;
}

.wd-pricing-table__suffix {
  font-size: var(--wp--preset--font-size--base-small);
  color: var(--wd-pricing-muted);
}

.wd-pricing-table__saving {
  min-height: 1.35em;
  margin-bottom: var(--wp--preset--spacing--24);
  color: var(--wd-pricing-accent);
  font-weight: 700;
}

.wd-pricing-table__description {
  margin: 0 0 var(--wp--preset--spacing--32);
  font-size: var(--wd-pricing-text-font-size, 1rem);
  line-height: 1.5;
}

.wd-pricing-table__button-wrap {
  width: 100%;
  margin-top: auto;
}

.wd-pricing-table__button {
  width: 100%;
  padding: var(--wp--custom--button-padding, var(--wp--preset--spacing--30, 0.667em) var(--wp--preset--spacing--50, 1.333em));
  border-radius: var(--wd-pricing-button-radius);
  background: var(--wd-pricing-button-bg);
  color: var(--wd-pricing-button-text);
  text-decoration: none;
  font-weight: var(--wp--preset--spacing--32);
  line-height: 1.2;
}

.wd-pricing-table__empty {
  padding: var(--wp--preset--spacing--24);
  border: 1px dashed var(--wd-pricing-border);
  border-radius: var(--wp--preset--spacing--16);
  text-align: center;
}

@media (max-width: 900px) {
  .wd-pricing-table__cards { grid-template-columns: 1fr; }
  
.wd-pricing-table__mobile-period {
  display: none;
  margin-bottom: calc(var(--wd-pricing-gap) * 1.8);
}

.wd-pricing-table__mobile-period-label {
  display: block;
  margin: 0 0 8px;
  font-size: var(--wp--preset--font-size--base-small);
  font-weight: 700;
  color: var(--wd-pricing-muted);
}

.wd-pricing-table__mobile-period-select {
  width: 100%;
  appearance: auto;
  border: 1px solid var(--wd-pricing-border);
  border-radius: var(--wd-pricing-tab-radius);
  padding: var(--wp--preset--spacing--16);
  background: var(--wd-pricing-tab-bg);
  color: var(--wd-pricing-tab-text);
  font: inherit;
  font-weight: 700;
  line-height: 1.2;
}

.wd-pricing-table__tab { min-width: 0; flex: 1 1 160px; }
}


@media (max-width: 781px) {
  .wd-pricing-table__tabs {
    display: none;
  }

  .wd-pricing-table__mobile-period {
    display: block;
  }
}

/* Wyróżniony plan: przycisk korzysta z tych samych kolorów co akcent/belka. */
.wd-pricing-table__card.is-featured .wd-pricing-table__button {
  background: var(--wd-pricing-featured-accent);
  color: var(--wd-pricing-featured-accent-text);
  border-color: var(--wd-pricing-featured-accent);
}

.wd-pricing-table__card.is-featured .wd-pricing-table__button:hover,
.wd-pricing-table__card.is-featured .wd-pricing-table__button:focus-visible {
  background: var(--wd-pricing-featured-accent);
  color: var(--wd-pricing-featured-accent-text);
}