/* ==========================================================================
   SSHK Winner Registry – Frontend-stilar
   Gäller .sshk-wr-ranking och alla child-element.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Container
   -------------------------------------------------------------------------- */
.sshk-wr-ranking {
    font-family: inherit;
    color: inherit;
    width: 100%;
}

/* --------------------------------------------------------------------------
   Rubriker
   -------------------------------------------------------------------------- */
.sshk-wr-title {
    font-size: 1.5em;
    margin-bottom: 1em;
    border-bottom: 2px solid #c8102e; /* SShK rött */
    padding-bottom: 0.3em;
}

.sshk-wr-category-title {
    font-size: 1.2em;
    margin: 1.6em 0 0.4em;
    color: #c8102e;
}

.sshk-wr-sex-title {
    font-size: 1em;
    font-weight: 600;
    margin: 1em 0 0.3em;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #555;
}

/* --------------------------------------------------------------------------
   Medräknade utställningar
   -------------------------------------------------------------------------- */
.sshk-wr-shows-included {
    background: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 12px 16px;
    margin-bottom: 1.8em;
}

.sshk-wr-shows-included h3 {
    font-size: 0.95em;
    margin: 0 0 0.6em;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #555;
}

.sshk-wr-shows-inline {
    margin: 0;
    font-size: 0.9em;
    line-height: 1.7;
    color: #444;
}

.sshk-wr-shows-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9em;
}

.sshk-wr-shows-table th,
.sshk-wr-shows-table td {
    text-align: left;
    padding: 4px 10px 4px 0;
    border: none;
}

.sshk-wr-shows-table th {
    font-weight: 600;
    color: #555;
}

.sshk-wr-badge-sshk {
    display: inline-block;
    font-size: 0.75em;
    font-weight: 700;
    background: #c8102e;
    color: #fff;
    padding: 1px 5px;
    border-radius: 3px;
    margin-left: 5px;
    vertical-align: middle;
    letter-spacing: 0.03em;
}

/* --------------------------------------------------------------------------
   Topplistetabell
   -------------------------------------------------------------------------- */
.sshk-wr-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95em;
    margin-bottom: 0.5em;
}

.sshk-wr-table thead tr {
    background: #222;
    color: #fff;
}

.sshk-wr-table th {
    padding: 8px 10px;
    text-align: left;
    font-weight: 600;
    font-size: 0.88em;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.sshk-wr-table td {
    padding: 7px 10px;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
}

/* Kolumnbredder – fasta så tabellen inte hoppar */
.sshk-wr-table      { table-layout: fixed; }
.sshk-wr-col-rank   { width: 44px;  text-align: center; }
.sshk-wr-col-name   { width: 38%;   overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sshk-wr-col-regnr  { width: 130px; font-size: 0.88em; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sshk-wr-col-points { width: 64px;  text-align: center; }
.sshk-wr-col-chain  { color: #444;  font-size: 0.9em; font-family: "Courier New", Courier, monospace; white-space: nowrap; }

/* Zebra-ränder för vanliga rader */
.sshk-wr-table tbody tr:nth-child(even):not(.sshk-wr-row--gold):not(.sshk-wr-row--silver):not(.sshk-wr-row--bronze) {
    background: #fafafa;
}

/* Placeringsmarkeringar */
.sshk-wr-row--gold   { background: #fffbe6; }
.sshk-wr-row--silver { background: #f5f5f5; }
.sshk-wr-row--bronze { background: #fff4ee; }

.sshk-wr-row--gold   td:first-child::before { content: "🥇 "; }
.sshk-wr-row--silver td:first-child::before { content: "🥈 "; }
.sshk-wr-row--bronze td:first-child::before { content: "🥉 "; }

/* --------------------------------------------------------------------------
   Poängkedja och SShK-not
   -------------------------------------------------------------------------- */
.sshk-wr-chain {
    /* Stil hanteras av .sshk-wr-col-chain */
}

.sshk-wr-sshk-note {
    display: inline-block;
    margin-left: 8px;
    font-size: 0.82em;
    color: #c8102e;
    font-weight: 600;
    cursor: help;
}

/* --------------------------------------------------------------------------
   Förklaring
   -------------------------------------------------------------------------- */
.sshk-wr-legend {
    font-size: 0.82em;
    color: #888;
    margin-top: 1.2em;
}

/* --------------------------------------------------------------------------
   Ej medräknade utställningar
   -------------------------------------------------------------------------- */
.sshk-wr-unapproved {
    margin-top: 2em;
}

.sshk-wr-unapproved-title {
    font-size: 1.5em;
    margin-bottom: 1em;
    border-bottom: 2px solid #c8102e;
    padding-bottom: 0.3em;
}

.sshk-wr-unapproved-table {
    table-layout: fixed;
}

.sshk-wr-ua-col-date {
    width: 220px;
    white-space: nowrap;
}

.sshk-wr-ua-col-name {
    /* tar resterande bredd */
}

.sshk-wr-ua-type {
    display: inline-block;
    margin-left: 6px;
    font-size: 0.82em;
    color: #888;
    font-weight: 600;
}

.sshk-wr-weekday {
    color: #888;
    font-size: 0.9em;
    font-style: italic;
}

/* --------------------------------------------------------------------------
   Felmeddelanden och tomt tillstånd
   -------------------------------------------------------------------------- */
.sshk-wr-error {
    color: #c8102e;
    font-style: italic;
}

.sshk-wr-empty {
    color: #666;
    font-style: italic;
}

/* --------------------------------------------------------------------------
   Responsivitet – smal vy
   -------------------------------------------------------------------------- */
@media (max-width: 600px) {
    .sshk-wr-col-regnr,
    .sshk-wr-col-chain { display: none; }

    .sshk-wr-col-points { width: 48px; }
}