﻿/* =========================================================
   ZEBRA.CSS
   - Sameiginlegt zebra kerfi og stjörnur í töflur
   - Notar .odd / .even sem kemur úr JS (stöðugt, ekkert random)
   ========================================================= */

/* Family/header rows (t.d. Ætt) */
table.zebra tbody tr.family-row td {
    background: #cfd8e6;
    font-weight: 700;
}

/* Bird zebra */
table.zebra tbody tr.bird-row.odd td {
    background: #ffffff !important;
}

table.zebra tbody tr.bird-row.even td {
    background: rgba(0,0,0,0.07) !important; /* var 0.04 */
}

/* Fyrsta fuglalína eftir family-row alltaf hvít */
table.zebra tbody tr.family-row + tr.bird-row td {
    background: #ffffff !important;
}

/* Hover */
table.zebra tbody tr.bird-row:hover td {
    background: #d0e7ff !important;
}

/* =========================================================
   Skoða notendur síða: Hoover á notendanöfn með link
   ========================================================= */
/* users.html: clickable rows */
/* users.html – hover á alla röð */
#usersTbody tr {
    cursor: pointer;
}

    #usersTbody tr:hover td {
        background-color: rgba(46, 204, 113, 0.15) !important;
    }
/* =========================================================
   Skoða notendur síða endar
   ========================================================= */

/* ✔ og ⭐ dálkar í Tékklista – föst breidd */
#checkTable th:nth-child(1),
#checkTable td:nth-child(1),
#checkTable th:nth-child(2),
#checkTable td:nth-child(2) {
    width: 36px;
    min-width: 36px;
    max-width: 36px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}
/* ⭐ dálkur – sameiginlegur í öllum listum */
.table-flag-col {
    width: 36px;
    min-width: 36px;
    max-width: 36px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}
/* ✅ Group header rows – skothelt gegn öðrum td-reglum */
table.zebra tbody tr.group-row td {
    /* background: rgba(0,0,0,0.12) !important;*/
    background: #cfd8e6 !important;
    font-weight: 800;
    padding: 10px 12px;
    border: 1px solid rgba(0,0,0,0.12);
}