/* style.css - Side-by-Side Layout - KOMPLETT */

/* Nullstill alt og sett høyde */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #111; /* Mørk bakgrunn */
    color: #eee;
    font-family: 'Arial', sans-serif;
    overflow: hidden; /* Skjul scrollbars */
}

/* Bruk Flexbox for å styre hele siden */
body {
    display: flex;
    flex-direction: column;
}

/* --- Toppmeny --- */
.top-bar {
    background-color: #000;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #333;
    height: 60px; /* Fast høyde på toppen */
    box-sizing: border-box;
}

#airport-select {
    background-color: #222;
    color: #ffcc00;
    border: 1px solid #555;
    padding: 5px 15px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 4px;
    text-transform: uppercase;
    cursor: pointer;
}

.clock {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
}

#status-bar {
    background-color: #222;
    color: #777;
    text-align: center;
    font-size: 12px;
    padding: 2px;
    display: none; /* Skjult med mindre det er feil */
}

/* --- Hovedinnhold (Side-by-Side) --- */
.main-content {
    flex-grow: 1; /* Fyll all ledig plass under menyen */
    display: flex; /* Legg elementene ved siden av hverandre */
    width: 100%;
    height: calc(100% - 60px); /* Resten av høyden */
}

/* Hvert panel (Avgang og Ankomst) */
.panel {
    flex: 1; /* Hver boks tar 50% bredde */
    display: flex;
    flex-direction: column;
    border-right: 2px solid #333; /* Skillelinje */
}
.panel:last-child {
    border-right: none;
}

/* Den blå headeren over hver tabell */
.panel-header {
    background: linear-gradient(to right, #004e92, #000428);
    color: #fff;
    padding: 15px 20px;
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 15px;
    border-bottom: 2px solid #fff; /* Hvit strek under blå boks */
}

.icon { 
    font-size: 32px; 
}

/* --- Tabeller --- */
.flight-table {
    width: 100%;
    border-collapse: collapse;
}

.flight-table thead {
    background-color: #1a1a1a;
    border-bottom: 1px solid #444;
}

.flight-table th {
    text-align: left;
    padding: 10px;
    font-size: 16px;
    color: #ccc; /* Grå headertekst */
    text-transform: uppercase;
    font-weight: normal;
}

.flight-table td {
    padding: 8px 10px;
    border-bottom: 1px solid #222;
    font-size: 22px; /* Stor og tydelig tekst */
    font-weight: bold;
    white-space: nowrap; /* Ingen linjeskift */
    vertical-align: middle;
}

/* Fargeklasser */
.text-yellow { color: #ffcc00; }
.text-white { color: #fff; }
.text-green { color: #4cd137; } /* Lys grønn */
.text-red { color: #e84118; }   /* Rød */

/* Skrifttyper */
.destination-font {
    color: #fff;
}
.time-font { 
    font-family: 'Courier New', monospace; 
}
.gate-box { 
    color: #fff;
    font-weight: 900;
}

/* Flyselskap Logo styling */
.airline-cell {
    display: flex;
    align-items: center;
    gap: 10px;
}
.airline-logo {
    height: 24px;
    width: auto;
    background-color: #fff; /* Hvit boks bak logo */
    padding: 2px;
    border-radius: 2px;
}

/* Blinking for "Go to gate" / "Boarding" */
@keyframes blinker {
    50% { opacity: 0.3; }
}
.blink {
    animation: blinker 1s linear infinite;
    color: #ffcc00 !important; /* Tving gul farge ved blinking */
}/* style.css - Side-by-Side Layout - KOMPLETT */

/* Nullstill alt og sett høyde */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #111; /* Mørk bakgrunn */
    color: #eee;
    font-family: 'Arial', sans-serif;
    overflow: hidden; /* Skjul scrollbars */
}

/* Bruk Flexbox for å styre hele siden */
body {
    display: flex;
    flex-direction: column;
}

/* --- Toppmeny --- */
.top-bar {
    background-color: #000;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #333;
    height: 60px; /* Fast høyde på toppen */
    box-sizing: border-box;
}

#airport-select {
    background-color: #222;
    color: #ffcc00;
    border: 1px solid #555;
    padding: 5px 15px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 4px;
    text-transform: uppercase;
    cursor: pointer;
}

.clock {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
}

#status-bar {
    background-color: #222;
    color: #777;
    text-align: center;
    font-size: 12px;
    padding: 2px;
    display: none; /* Skjult med mindre det er feil */
}

/* --- Hovedinnhold (Side-by-Side) --- */
.main-content {
    flex-grow: 1; /* Fyll all ledig plass under menyen */
    display: flex; /* Legg elementene ved siden av hverandre */
    width: 100%;
    height: calc(100% - 60px); /* Resten av høyden */
}

/* Hvert panel (Avgang og Ankomst) */
.panel {
    flex: 1; /* Hver boks tar 50% bredde */
    display: flex;
    flex-direction: column;
    border-right: 2px solid #333; /* Skillelinje */
}
.panel:last-child {
    border-right: none;
}

/* Den blå headeren over hver tabell */
.panel-header {
    background: linear-gradient(to right, #004e92, #000428);
    color: #fff;
    padding: 15px 20px;
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 15px;
    border-bottom: 2px solid #fff; /* Hvit strek under blå boks */
}

.icon { 
    font-size: 32px; 
}

/* --- Tabeller --- */
.flight-table {
    width: 100%;
    border-collapse: collapse;
}

.flight-table thead {
    background-color: #1a1a1a;
    border-bottom: 1px solid #444;
}

.flight-table th {
    text-align: left;
    padding: 10px;
    font-size: 16px;
    color: #ccc; /* Grå headertekst */
    text-transform: uppercase;
    font-weight: normal;
}

.flight-table td {
    padding: 8px 10px;
    border-bottom: 1px solid #222;
    font-size: 22px; /* Stor og tydelig tekst */
    font-weight: bold;
    white-space: nowrap; /* Ingen linjeskift */
    vertical-align: middle;
}

/* Fargeklasser */
.text-yellow { color: #ffcc00; }
.text-white { color: #fff; }
.text-green { color: #4cd137; } /* Lys grønn */
.text-red { color: #e84118; }   /* Rød */

/* Skrifttyper */
.destination-font {
    color: #fff;
}
.time-font { 
    font-family: 'Courier New', monospace; 
}
.gate-box { 
    color: #fff;
    font-weight: 900;
}

/* Flyselskap Logo styling */
.airline-cell {
    display: flex;
    align-items: center;
    gap: 10px;
}
.airline-logo {
    height: 24px;
    width: auto;
    background-color: #fff; /* Hvit boks bak logo */
    padding: 2px;
    border-radius: 2px;
}

/* Blinking for "Go to gate" / "Boarding" */
@keyframes blinker {
    50% { opacity: 0.3; }
}
.blink {
    animation: blinker 1s linear infinite;
    color: #ffcc00 !important; /* Tving gul farge ved blinking */
}