/* /zhytomyr/komanda/ (post 86574) — slim CSS v3 (2026-05-18)
 * Loaded via mu-plugin kibit-komanda.php after kibit-custom-pages.
 * Body class .kibit-doc-page added by mu-plugin.
 *
 * All visual styles (typography, colors, paddings, bg, borders, shadows)
 * moved to Elementor widget/container settings (Inter, colors, etc).
 *
 * This file keeps only what Elementor Free cannot do:
 *   - body bg gradient
 *   - hide Kingster page-title bar
 *   - Kingster page-wrapper max-width override (for this page only)
 *   - hero multi-stop bg gradient (linear+radial composite)
 *   - hero overlay ::before pseudo (semi-transparent gradient atop bg)
 *   - backdrop-filter on hero-panel
 *   - aspect-ratio + object-fit on profile/person images
 *   - :last-child border removal
 *   - min-height for hero (Elementor Free container min-height is fiddly)
 */

/* ============ Body & header bar ============ */
body.page-id-86574 {
  background:
    radial-gradient(circle at top left, rgba(245, 183, 0, .08), transparent 24%),
    radial-gradient(circle at top right, rgba(76, 175, 80, .07), transparent 24%),
    linear-gradient(180deg, #f7f9fc 0%, #ffffff 24%, #ffffff 100%) !important;
}
.page-id-86574 .kingster-page-title-wrap,
.page-id-86574 .kingster-page-title-overlay {
  display: none !important;
}

/* ============ Hero outer — multi-stop gradient bg (Elementor gradient picker is single-stop only) ============ */
.kibit-komanda-hero {
  position: relative;
  overflow: hidden;
  min-height: 540px;
  background:
    radial-gradient(circle at 84% 12%, rgba(245, 183, 0, .14) 0%, rgba(245, 183, 0, 0) 24%),
    linear-gradient(135deg, #0d1933 0%, #132449 56%, #1a2f5d 100%) !important;
}

/* Overlay pseudo */
.kibit-komanda-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(9, 20, 40, .92) 0%, rgba(13, 25, 47, .84) 40%, rgba(13, 25, 47, .28) 74%, rgba(13, 25, 47, .1) 100%),
    linear-gradient(180deg, rgba(13, 24, 47, .14) 0%, rgba(13, 24, 47, .42) 100%);
  z-index: 1;
  pointer-events: none;
}

/* Lift content above overlay (target direct children — works for both boxed and full containers) */
.kibit-komanda-hero > * {
  position: relative;
  z-index: 2;
}
.kibit-komanda-hero > .kibit-komanda-hero::before { z-index: 1; }

@media (max-width: 980px) {
  .kibit-komanda-hero { min-height: auto; }
}

/* ============ Hero panel — backdrop blur (no Elementor control) ============ */
.kibit-komanda-hero-panel {
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

/* ============ Profile image — aspect-ratio + object-fit ============ */
.kibit-komanda-profile-img img {
  aspect-ratio: 0.86 / 1;
  object-fit: cover;
  display: block;
  width: 100% !important;
  height: auto !important;
}

/* ============ Person thumb — square aspect + face-crop ============ */
.kibit-komanda-person-thumb img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center 18%;
  display: block;
  width: 100%;
  height: auto;
}

/* ============ Person item :last-child — no separator ============ */
.kibit-komanda-list-card .kibit-komanda-person-item:last-child {
  border-bottom: 0 !important;
}