/* BuildKitly UI fix sprint (agent C, 2026-09-25): single theme template (345 + translations) and /order/ form.
   Class-keyed only (no elementor-element-<id>), so every language is covered. Order-form rules live in bk-order.css. */

/* ---------- 1 / G3-01: "Order this theme" label was invisible (.elementor-kit-8 a {color:primary} beat .bk-order-btn) ---------- */
.elementor .bk-order-cta a.bk-order-btn,
.elementor .bk-order-cta a.bk-order-btn:is(:hover, :focus, :focus-visible, :active, :visited) {
  color: var(--e-global-color-surface, #fff);
  background-color: var(--e-global-color-primary);
  text-decoration: none;
}
.elementor .bk-order-cta a.bk-order-btn:hover { box-shadow: 0 6px 16px rgba(32, 37, 43, .18); }
.elementor .bk-order-cta a.bk-order-btn .bk-glyph { color: inherit; }
.elementor .bk-th-order.elementor-widget { margin-bottom: 13px; }
.elementor .bk-th-order .bk-order-cta { margin-top: 0; }

/* ---------- G3-02: license select (filled by bk-fix-single.js) ---------- */
.bk-th-license select.bk-th-select { text-transform: none; }
.bk-th-license .bk-th-lic-note:empty { display: none; }

/* ---------- 5 / G3-10: gallery | buy box ---------- */
@media (max-width: 1023px) {
  .elementor .e-con.bk-th-detail.bk-th-detail { --e-con-grid-template-columns: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 1024px) {
  .elementor .e-con.bk-th-detail.bk-th-detail { align-items: start; }
  .elementor .e-con.bk-th-detail > .e-con.bk-th-detail-media { position: sticky; top: 24px; align-self: start; }
  .admin-bar .elementor .e-con.bk-th-detail > .e-con.bk-th-detail-media { top: 56px; }
}

/* ---------- 6 / G3-13: device preview links on phones: stacked evenly (no orphan third line) ---------- */
@media (max-width: 480px) {
  .elementor .e-con.bk-th-devices.bk-th-devices { --flex-direction: column; flex-direction: column; align-items: center; --gap: 2px; gap: 2px; }
  .elementor .bk-th-devices > .elementor-widget { width: auto; max-width: 100%; margin: 0; }
  .elementor .bk-th-devices .elementor-heading-title a { min-height: 36px; justify-content: center; }
}

/* ---------- 4 / G3-09: detail tabs row wraps instead of clipping mid-word (long FR/ES labels too) ---------- */
.elementor .elementor-widget-n-tabs.bk-th-tabs.bk-th-tabs {
  --n-tabs-heading-wrap: wrap;
  --n-tabs-heading-overflow-x: visible;
}
.elementor .bk-th-tabs .e-n-tabs-heading { flex-wrap: wrap; overflow: visible; row-gap: 4px; }
.elementor .bk-th-tabs .e-n-tab-title { flex-shrink: 0; }
@media (max-width: 767px) {
  .elementor .bk-th-tabs .e-n-tabs-heading { width: 100%; }
  .elementor .bk-th-tabs .e-n-tab-title { min-height: 44px; }
}