/* ========== BASE ========== */

html {
    font-size: 15px;
    min-height: 100%;
}

body {
    background-color: #f8f9fa;
}


/* ========== NAVBAR ========== */

.navbar {
    font-size: 0.95rem;
}

.nav-link {
    transition: opacity 0.2s ease;
}

.nav-link:hover {
    opacity: 0.7;
}


/* ========== HERO ========== */

.hero-card {
    padding: 1rem;
    border-radius: 0.75rem;
    border: 1px solid #dee2e6;
    background-color: #fff;
}

.hero-title {
    font-size: 1.2rem;
    font-weight: 600;
}

.hero-subtext {
    font-size: 0.9rem;
    color: #6c757d;
}

.hero-countdown {
    font-weight: 600;
}


/* ========== TABLE ========== */

.table {
    font-size: 0.95rem;
}

.table td {
    vertical-align: middle;
}

.table img {
    border-radius: 2px;
}


/* mindre padding, men ikkje ekstremt */
.table-sm td {
    padding: 0.4rem;
}


/* ========== DISABLED ROWS (sluttspel) ========== */

.table tr.disabled-row {
    opacity: 0.5;
}


/* ========== FEEDBACK (lagring) ========== */

.fade-green {
    background-color: #d9fbcb !important;
    transition: background-color 1.5s ease;
}

.fade-green.removed {
    background-color: transparent !important;
}


/* ========== UTIL ========== */

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}