/* ============================================
   STANDARDISERTE STILER FOR MEDLEMSSIDER
   Kun for nye standardiserte elementer
   ============================================ */

/* Header med ikon i overskrift - standardisert størrelse (samme som h2-standard) */
.header h1,
.header h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0;
}

/* Standardiserte ikonstørrelser i overskrifter */
.header h1 i[class*="fa-"],
.header h2 i[class*="fa-"] {
    font-size: 1.2em;
    opacity: 0.95;
}

/* Logout-knapp standardisert */
.logout-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.logout-btn i[class*="fa-"] {
    font-size: 0.9em;
}

/* Back-knapp standardisert */
.back-btn {
    transition: opacity 0.2s, outline 0.2s;
    padding: 4px 8px;
    border-radius: 4px;
}

.back-btn:focus {
    outline: 3px solid currentColor;
    outline-offset: 2px;
    opacity: 1;
}

/* Standardiserte ikoner i seksjoner */
h3 i[class*="fa-"],
.section-heading i[class*="fa-"] {
    font-size: 1em;
    margin-right: 0.5rem;
}

/* Standardiserte knapper med ikoner */
.btn i[class*="fa-"],
button i[class*="fa-"] {
    font-size: 0.9em;
    margin-right: 0.25rem;
}

/* Tables: horisontal scrolling på mobil (for sider som bruker tabeller) */
.table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 10px;
}

.table-responsive > table {
    width: 100%;
    border-collapse: collapse;
    min-width: 640px;
}