/**
 * Stilar för shortcode [sshk_sh_tested_dogs]
 *
 * Placeras i: assets/css/sh-tested-dogs.css
 */

/* ── Wrapper ─────────────────────────────────────────────── */
.sshk-sh-tested-wrapper {
    overflow-x: auto;
    margin: 1.5em 0;
}

/* ── Till toppen ────────────────────────────────────────── */
.sshk-sh-to-top {
    text-align: center;
    margin-top: 1.5em;
}

.sshk-sh-to-top a {
    display: inline-block;
    padding: 8px 24px;
    border: 1px solid #d0cfc8;
    border-radius: 4px;
    background: #f0ede6;
    color: #8a6a2a;
    text-decoration: none;
    font-size: 0.92em;
    font-weight: 600;
    transition: background 0.15s;
}

.sshk-sh-to-top a:hover {
    background: #e4e0d8;
}

/* ── Filter / checkbox ───────────────────────────────────────── */
.sshk-sh-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 1.2em 0;
    padding: 0;
    box-sizing: border-box;
}

.sshk-sh-updated {
    font-size: 0.88em;
    color: #888;
    white-space: nowrap;
}

.sshk-sh-filter label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 0.95em;
    color: #555;
    flex: 1;
    margin: 0 !important;
}

.sshk-sh-filter input[type="checkbox"] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.sshk-sh-filter-count {
    color: #999;
    font-size: 0.88em;
}

/* ── Flikar ─────────────────────────────────────────────── */
.sshk-sh-tabs {
    display: flex;
    gap: 4px;
    margin-bottom: -1px; /* smälter ihop med tabellkanten */
}

.sshk-sh-tab {
    display: inline-block;
    padding: 8px 20px;
    border: 1px solid #d0cfc8;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    background: #f0ede6;
    color: #555;
    text-decoration: none;
    font-size: 0.92em;
    font-weight: 600;
    transition: background 0.15s;
}

.sshk-sh-tab:hover {
    background: #e4e0d8;
    color: #333;
}

.sshk-sh-tab--active {
    background: #fff;
    color: #8a6a2a;
    border-bottom-color: #fff;
    cursor: default;
    pointer-events: none;
}

/* ── Tabell ──────────────────────────────────────────────── */
.sshk-sh-tested-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95em;
    font-family: inherit;
}

/* ── Caption / rubrik ────────────────────────────────────── */
.sshk-sh-tested-table caption {
    text-align: left;
    padding: 0 0 0.6em 0;
    font-size: 1.1em;
    caption-side: top;
}

.sshk-sh-tested-table caption strong {
    font-size: 1.2em;
}

.sshk-sh-updated {
    float: right;
    font-size: 0.85em;
    color: #666;
}

/* ── Huvud ───────────────────────────────────────────────── */
.sshk-sh-tested-table thead th {
    background-color: #f0f0f0;
    border-bottom: 2px solid #ccc;
    padding: 0.5em 0.75em;
    text-align: left;
    white-space: nowrap;
}

/* ── Celler ──────────────────────────────────────────────── */
.sshk-sh-tested-table td {
    padding: 0.4em 0.75em;
    border-bottom: 1px solid #e8e8e8;
    vertical-align: middle;
}

/* Varannan rad – subtil zebra */
.sshk-sh-tested-table tbody tr:nth-child(even) {
    background-color: #fafafa;
}

/* ── Kolumnbredder ───────────────────────────────────────── */
.sshk-col-nr       { width: 3em;  text-align: right; color: #888; }
.sshk-col-regno    { width: 12em; white-space: nowrap; }
.sshk-col-sex      { width: 4em;  text-align: center; }
.sshk-col-name     { }
.sshk-col-deceased { width: 6em;  text-align: center; }

/* ── Nyinlagda (inom 30 dagar) ──────────────────────────── */
.sshk-sh-tested-table tbody tr.sshk-row-new td {
    background-color: #fff7b3 !important;
}

/* ── Avlidna ─────────────────────────────────────────────── */
.sshk-deceased {
    color: #888;
    font-size: 0.85em;
}

.sshk-row-deceased td {
    color: #999;
}

/* ── Tom lista ───────────────────────────────────────────── */
.sshk-sh-empty {
    font-style: italic;
    color: #666;
}

/* ── Skydda text mot tematets text-transform ──────────────── */
.sshk-sh-tested-table td,
.sshk-sh-tested-table th {
    text-transform: none;
}

/* ── Responsivt ──────────────────────────────────────────── */
@media (max-width: 480px) {
    .sshk-sh-tested-table {
        font-size: 0.85em;
    }
    .sshk-col-nr {
        display: none;
    }
}