/* MU Add-ons — Options & Add-ons. Brand: orange #FF6B00, Barlow / Barlow Condensed. */
.elementor-widget-mu_addons {
  --mu-ad-accent: #FF6B00;
  --mu-ad-ink: #1a1a1a;
  --mu-ad-gray: #6b6b6b;
  --mu-ad-line: #e6e6e6;
  --mu-ad-soft: #faf7f4;
  --mu-ad-fd: 'Barlow Condensed', 'Barlow', sans-serif;
  --mu-ad-fb: 'Barlow', sans-serif;
  font-family: var(--mu-ad-fb);
  color: var(--mu-ad-ink);
}
.elementor-widget-mu_addons .mu-addons { max-width: 1100px; margin: 0 auto; }
.elementor-widget-mu_addons .mu-ad-eyebrow { font-family: var(--mu-ad-fd); font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--mu-ad-accent); font-size: 15px; margin: 0 0 6px; }
.elementor-widget-mu_addons .mu-ad-title { font-family: var(--mu-ad-fd); font-weight: 700; font-size: clamp(28px, 5vw, 44px); line-height: 1.05; text-transform: uppercase; margin: 0 0 12px; }
.elementor-widget-mu_addons .mu-ad-sub { font-size: 17px; color: var(--mu-ad-gray); max-width: 660px; margin: 0 0 24px; line-height: 1.5; }

/* Tabs — szara linia jako inset box-shadow (nie border + ujemny margines!):
   margin-bottom:-2px na tabach robił 2px vertical overflow, a overflow-x:auto
   wymusza overflow-y:auto → pasek przewijania. Shadow = ten sam wygląd, zero overflow. */
.elementor-widget-mu_addons .mu-ad-tabs { display: flex; gap: 0; box-shadow: inset 0 -2px 0 var(--mu-ad-line); overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
.elementor-widget-mu_addons .mu-ad-tabs::-webkit-scrollbar { display: none; }
.elementor-widget-mu_addons .mu-ad-tab { background: transparent; border: none; padding: 12px 20px; font-family: var(--mu-ad-fd); font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--mu-ad-gray); cursor: pointer; border-bottom: 3px solid transparent; white-space: nowrap; transition: all .2s; }
.elementor-widget-mu_addons .mu-ad-tab:hover { color: var(--mu-ad-ink); }
.elementor-widget-mu_addons .mu-ad-tab.is-active { color: var(--mu-ad-accent); border-bottom-color: var(--mu-ad-accent); }

/* Panels */
.elementor-widget-mu_addons .mu-ad-panel { display: none; }
.elementor-widget-mu_addons .mu-ad-panel.is-active { display: block; }

/* Table */
.elementor-widget-mu_addons .mu-ad-table { width: 100%; border-collapse: separate; border-spacing: 0 2px; margin: 0; }
.elementor-widget-mu_addons .mu-ad-table thead th { background: var(--mu-ad-ink); color: #fff; font-family: var(--mu-ad-fd); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; padding: 12px 16px; text-align: left; }
.elementor-widget-mu_addons .mu-ad-table thead th:last-child { text-align: right; white-space: nowrap; }
.elementor-widget-mu_addons .mu-ad-table tbody tr { background: #fff; }
.elementor-widget-mu_addons .mu-ad-table tbody tr:nth-child(even) { background: #f0f0ee; }
.elementor-widget-mu_addons .mu-ad-table tbody td { padding: 14px 16px; font-size: 13px; color: var(--mu-ad-gray); vertical-align: middle; }
.elementor-widget-mu_addons .mu-ad-table tbody td:first-child { font-weight: 600; color: var(--mu-ad-ink); }
.elementor-widget-mu_addons .mu-ad-table tbody td:last-child { text-align: right; font-family: var(--mu-ad-fd); font-size: 16px; font-weight: 800; color: var(--mu-ad-accent); white-space: nowrap; }
.elementor-widget-mu_addons .mu-ad-star { color: var(--mu-ad-accent); margin-left: 4px; }
.elementor-widget-mu_addons .mu-ad-note { font-size: 13px; color: var(--mu-ad-gray); margin-top: 12px; line-height: 1.5; }

/* CTA */
.elementor-widget-mu_addons .mu-ad-cta { margin-top: 28px; }
.elementor-widget-mu_addons .mu-ad-btn { font-family: var(--mu-ad-fd); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; font-size: 16px; padding: 14px 28px; border-radius: 4px; text-decoration: none; display: inline-block; background: var(--mu-ad-accent); color: #fff; transition: background .15s; }
.elementor-widget-mu_addons .mu-ad-btn:hover { background: #e35f00; }

@media (max-width: 768px) {
  .elementor-widget-mu_addons .mu-ad-tab { padding: 10px 14px; font-size: 12px; }
  .elementor-widget-mu_addons .mu-ad-table thead th { padding: 8px 10px; font-size: 10px; letter-spacing: .06em; }
  .elementor-widget-mu_addons .mu-ad-table tbody td { padding: 10px 10px; font-size: 12px; }
  .elementor-widget-mu_addons .mu-ad-table tbody td:last-child { font-size: 14px; }
}
