/* ============================================================
   Digital@UNGA 2026 — Finalists Tabs (JS-driven, class-basedx)
   File: du2026-finalists-tabs.css
   Loaded via wp_enqueue_style from a must-use plugin.
   Pairs with du2026-finalists-tabs.js (also enqueued the same way).
   SCOPE: nested under .du2026-finalists-wrap only.
   ============================================================ */

.du2026-finalists-wrap .du2026-tabs-labels {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 4px;
}

.du2026-finalists-wrap .du2026-tab-label {
  display: block;
  cursor: pointer;
  padding: 14px 0;
  border-radius: 8px 8px 0 0;
  font-family: Gibson, sans-serif;
  font-size: 0.95em;
  font-weight: bold;
  text-align: center;
  border: 1px solid #e8ecf0;
  border-bottom: none;
  background: #ffffff;
  color: #1a1a1a;
  text-decoration: none;
}

.du2026-finalists-wrap .du2026-tab-panel {
  display: none;
  background: #ffffff;
  padding: 24px;
  border-radius: 0 0 10px 10px;
  border: 1px solid #e8ecf0;
  border-top: 3px solid #cccccc;
  font-family: Gibson, sans-serif;
}
.du2026-finalists-wrap .du2026-tab-panel.active {
  display: block;
}

.du2026-finalists-wrap .du2026-tab-label--winner.active {
  background:#E6F1FB; color:#185FA5; border-color:#185FA5; border-bottom:3px solid #185FA5;
}
.du2026-finalists-wrap .du2026-tab-label--runners.active {
  background:#FAECE7; color:#D85A30; border-color:#D85A30; border-bottom:3px solid #D85A30;
}
.du2026-finalists-wrap .du2026-tab-label--finalists.active {
  background:#E1F5EE; color:#0F6E56; border-color:#0F6E56; border-bottom:3px solid #0F6E56;
}

.du2026-finalists-wrap .du2026-panel--winner { border-top-color:#185FA5; }
.du2026-finalists-wrap .du2026-panel--runners { border-top-color:#D85A30; }
.du2026-finalists-wrap .du2026-panel--finalists { border-top-color:#0F6E56; background:#f2f5f8; }

@media (max-width: 767px) {
  .du2026-finalists-wrap .du2026-tabs-labels {
    display: block;
  }
  .du2026-finalists-wrap .du2026-tab-label {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 4px;
  }
  .du2026-finalists-wrap .du2026-tab-panel {
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }
}