/* =========================================================================
   Approach / About / Careers (WP5) - page-specific additions.
   Generators: app/build/pages/approach.py, about.py, careers.py (+ _wp5.py).
   In core: tf-hero--page, tf-center, tf-kicker--center, tf-reel--stages (+ tf-stage-*), tf-tile,
   tf-stage-list (= tf-list--diamond).
   SR: Dodaci samo za strane Approach, About i Careers.
   ========================================================================= */

/* ---- Approach: stage panels ---- */
.tf-stage-list { gap: 8px; }
.tf-stage-list li { font-size: 15px; line-height: 1.55; color: var(--tf-n400); }
.tf-stage-list li::before { width: 6px; height: 6px; }
.e-con.tf-stage-foot { --padding-top: 20px; margin-top: auto; }
.tf-muted-inline { color: var(--tf-n500); }
.tf-stage-foot .elementor-widget.tf-body p { font-size: 14px; margin: 0; }

/* ---- Row cards (A/B/C, open roles) ---- */
.tf-row-card .elementor-widget.tf-body p { margin: 0; }
.tf-row-card__arrow p { color: var(--tf-n400); font-size: 18px; }
@media (max-width: 767px) {
  .tf-row-card .tf-num .elementor-heading-title { font-size: 34px; }
  .tf-row-card__arrow { display: none; }
}

/* ---- Engagement cards ---- */
.e-con.tf-engage { --padding-top: 26px; --padding-right: 26px; --padding-bottom: 26px; --padding-left: 26px; }
.tf-engage .elementor-widget p { margin: 0; }

/* ---- About ---- */
.tf-story-copy p { color: var(--tf-n300); }
.tf-legal-block p { margin: 0 0 6px; color: var(--tf-n300); }
.tf-legal-block a { color: var(--tf-accent); }
.e-con.tf-stat-card { background-color: var(--tf-bg); --padding-top: 14px; --padding-right: 14px; --padding-bottom: 14px; --padding-left: 14px; box-shadow: 0 0 0 1px var(--tf-divider); }
.tf-stat-card .elementor-widget p { margin: 0; }

/* Buttons inside flex/grid rows must not shrink-wrap their label */
:is(.tf-page-approach, .tf-page-about, .tf-page-careers) .e-con > .elementor-widget-button { flex-shrink: 0; }
:is(.tf-page-approach, .tf-page-about, .tf-page-careers) .elementor-widget-button .elementor-button { white-space: nowrap; }