/* BuildKitly pricing / licenses / support (agent pr) + reusable loop items loop-license (367) and loop-faq (363).
   Scoped to .bk-pr-* classes set on native Elementor elements. Only what controls cannot express.
   No transitions / hover motion here: bk-motion.css utilities (bk-lift, bk-card-border, bk-arrow) do that. */

/* ---------- loop-license card (367) ---------- */
/* equal-height cards inside the Loop Grid (reference grid stretch); the button stays right under the copy */
.bk-pr-lic { height: 100%; }
/* featured tier (ACF license_featured = 1 -> data-bk-featured="1" via a dynamic custom attribute):
   reference .panel.highlight = ring-gold border */
.elementor .e-con.bk-pr-lic[data-bk-featured="1"] { --border-color: #987737; border-color: #987737; }
/* "5 sites": the unit is a <small> inside the heading (reference h2 small: 17px muted) */
.bk-pr-lic-sites .elementor-heading-title small {
  font-size: 17px; font-weight: 500; letter-spacing: -0.045em; color: var(--e-global-color-text); margin-left: 4px;
  line-height: 1.12;   /* reference h2 small: its own 1.12 line box, so the heading stays 54px tall */
}
.bk-pr-lic-name .elementor-heading-title { text-transform: none; }
/* never split "Unlimited" mid-word in narrow 3-up cards (reference overflows the padding instead) */
.bk-pr-lic-sites .elementor-heading-title { overflow-wrap: normal; word-break: keep-all; hyphens: none; }
.bk-pr-lic-feats .elementor-icon-list-icon { align-self: center; }
.bk-pr-lic-feats .elementor-icon-list-icon i { width: 16px; text-align: center; }
.bk-pr-lic-desc p, .bk-pr-lic-fine p { margin: 0; }
.bk-pr-lic-grid .e-loop-item { height: 100%; }

/* ---------- loop-faq row (363) — native nested accordion, one item per FAQ post ---------- */
.bk-pr-faq-acc .e-n-accordion-item-title { cursor: pointer; }
.bk-pr-faq-acc .e-n-accordion-item-title-icon .e-opened { transform: rotate(45deg); }   /* "+" -> "×" */
.bk-pr-faq-text p { margin: 0; max-width: 650px; }
.bk-pr-faq-text p + p { margin-top: 12px; }
/* stack of loop rows reads as one list (reference .faq-list): no gaps, full width */
.bk-pr-faq-grid .elementor-loop-container { gap: 0; }

/* ---------- shared page pieces ---------- */
.bk-pr-pill .elementor-heading-title { display: block; white-space: nowrap; }
.bk-pr-card { color: inherit; text-decoration: none; }
.bk-pr-card-icon .elementor-icon-wrapper, .bk-pr-card-icon .elementor-icon { display: block; line-height: 0; }
.bk-pr-card-arrow .elementor-icon-wrapper, .bk-pr-card-arrow .elementor-icon { display: block; line-height: 0; }
.bk-pr-card-arrow { margin-top: 3px; }
.bk-pr-inc-icon .elementor-icon-wrapper, .bk-pr-inc-icon .elementor-icon { display: block; line-height: 0; }
.bk-pr-btn .elementor-button { min-height: 48px; display: inline-flex; align-items: center; }
.bk-pr-btn .elementor-button-content-wrapper { gap: 12px; align-items: center; }
.bk-pr-btn .elementor-button-icon { display: inline-flex; transform: rotate(45deg); }   /* eicon arrow-up -> north-east */
.bk-pr-textlink .elementor-heading-title a { color: inherit; }
.bk-pr-prose p { margin: 0 0 25px; }
.bk-pr-prose p:last-child { margin-bottom: 25px; }

/* ---------- support ticket form (Elementor Pro Form) ---------- */
.bk-pr-form .elementor-field-group .elementor-field-textual { padding: 12px 14px; min-height: 48px; }
.bk-pr-form .elementor-field-group .elementor-select-wrapper select { padding-right: 36px; }
/* file field: reference input box (48px, white, 1px border, 5px radius) — the form widget only styles textual fields */
.bk-pr-form .elementor-field-group .elementor-upload-field {
  width: 100%; height: 48px; padding: 8px 14px; box-sizing: border-box; font-size: 14px; line-height: 1.6;
  background: var(--e-global-color-surface, #fff); color: var(--e-global-color-primary);
  border: 1px solid var(--e-global-color-border); border-radius: 5px;
}
.bk-pr-form .elementor-button-icon { display: inline-flex; transform: rotate(45deg); }
.bk-pr-form .elementor-message { font-size: 14px; margin-top: 12px; }

/* ---------- reference 900px column switch (Elementor's tablet state starts at 1024) ---------- */
@media (max-width: 900px) {
  .elementor .e-con.e-con.e-con.bk-pr-quick { --e-con-grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---------- /licenses/ tiers: same loop item in the narrow 950px legal column ---------- */
/* 3 cards of ~258px: tighter padding + smaller count so "Unlimited sites" stays on one line */
@media (min-width: 1025px) {
  .elementor .bk-pr-lic-grid-narrow .e-con.bk-pr-lic { --padding-top: 24px; --padding-right: 22px; --padding-bottom: 24px; --padding-left: 22px; }
  .elementor .bk-pr-lic-grid-narrow .bk-pr-lic-sites .elementor-heading-title.elementor-heading-title { font-size: 38px; }
}