/* Dashtera pricing — Elementor bridge
   Load AFTER style.css.

   Each section is inserted as one HTML widget, so the markup inside is the
   same as index.html and style.css needs no translation. Elementor still
   wraps it in three boxes:

     .e-con > .elementor-widget > .elementor-widget-container > <section>

   These rules keep those wrappers from contributing any box of their own. */

.e-con:has(> .elementor-widget-html),
.e-con > .elementor-widget-html,
.e-con > .elementor-widget-html > .elementor-widget-container {
  padding: 0;
  margin: 0;
  gap: 0;
  min-height: 0;
  background: none;
  border: 0;
}

/* The site has its own fixed header (~75px). Push the table's sticky heads
   below it, otherwise they pin at top:0 and hide behind the nav. */
.pricing-compare-26 { --p26-fixed-header: 75px; }

.pricing-compare-26 .compare-table thead th {
  top: calc(var(--p26-stack-top, -1px) + var(--p26-fixed-header));
}
.pricing-compare-26 .group.is-open th,
.pricing-compare-26 .group.is-open td {
  top: calc(var(--p26-stack-top, -1px) + var(--p26-fixed-header) + var(--p26-head-h));
}

/* +32px for the WP admin bar (logged-in users only; visitors are unaffected) */
body.admin-bar .pricing-compare-26 { --p26-fixed-header: 107px; }
@media screen and (max-width: 782px) {
  body.admin-bar .pricing-compare-26 { --p26-fixed-header: 121px; }
}

/* On phone the title/legend block pins itself (style.css @620px); drop it
   below the fixed site header too, so the column heads still park under it. */
@media screen and (max-width: 620px) {
  .pricing-compare-26 .compare-head { top: var(--p26-fixed-header); }
	.pricing-compare-26 .compare-table thead th {
    	top: 186px;
	}
}