/* ============================================================
   league-table.css  —  COSMETIC / THEME OVERRIDES ONLY
   Structural CSS is handled inline in the widget render()
   so the widget always works even if this file fails to load.
   ============================================================ */

/* ── Trigger hover / focus state ─────────────────────────── */
.ls-custom-select__trigger {
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.ls-custom-select__trigger:hover {
    border-color: #aaa;
}
.ls-custom-select.is-open .ls-custom-select__trigger {
    border-color: #3498db;
    box-shadow: 0 0 0 3px rgba(52,152,219,.15);
}

/* ── Dropdown open animation ─────────────────────────────── */
.ls-custom-select.is-open .ls-custom-select__options {
    animation: ls-dropdown-in 0.15s ease;
}
@keyframes ls-dropdown-in {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Table row hover ─────────────────────────────────────── */
.ls-table tbody tr {
    transition: background 0.2s ease;
}

/* ── Form badge default colours ──────────────────────────── */
.ls-form-badge.ls-badge-win  { background: #27ae60; color: #fff; border-radius: 3px; }
.ls-form-badge.ls-badge-draw { background: #f39c12; color: #fff; border-radius: 3px; }
.ls-form-badge.ls-badge-lose { background: #e74c3c; color: #fff; border-radius: 3px; }

/* ── Print ───────────────────────────────────────────────── */
@media print {
    .ls-league-selector { display: none; }
    .ls-table { border: 1px solid #000; }
}