/* Retro Terminal Theme */
body {
    background-color: #000000;
    color: #00FFFF; /* Teal */
    font-family: 'VT323', monospace;
    font-size: 18px;
    line-height: 1.6;
    margin: 0;
    padding: 1em;
}
.container {
    max-width: 800px;
    margin: 0 auto;
    border: 1px solid #008080; /* Darker Teal */
    padding: 1em;
    box-shadow: 0 0 10px #00FFFF;
}
header {
    text-align: center;
    border-bottom: 1px solid #008080;
    margin-bottom: 1em;
    padding-bottom: 1em;
}
h1 {
    color: #00BFFF; /* Deep Sky Blue */
    margin: 0;
    font-size: 2.5em;
    text-shadow: 0 0 5px #00BFFF;
}
h2 {
    color: #00BFFF;
    border-bottom: 1px solid #008080;
    padding-bottom: 0.2em;
    margin-top: 0;
}
.last-updated {
    font-size: 0.9em;
    color: #008080;
}
.terminal-box {
    border: 1px solid #008080;
    padding: 1em;
    margin-bottom: 1em;
}
.box-content {
    padding-left: 1em;
}
a.warning-link {
    text-decoration: none;
}
#warnings-display {
    background-color: #8B4000; /* Dark orange */
    color: #FFFF00; /* Bright yellow text */
    border: 1px solid #FFFF00;
    margin-bottom: 1em;
    padding: 0.5em 1em;
    max-height: 180px;
    overflow-y: auto;
}
#warnings-display h2 {
    color: #FFFFFF;
    margin-bottom: 0.5em;
}
#warnings-display.no-warning {
    background-color: #001a00;
    color: #008080;
    border: 1px solid #008080;
}
#warnings-display.no-warning h2 {
    color: #008080;
}
#warnings-display ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#warnings-display li {
    padding-left: 1em;
    text-indent: -1em;
}
#warnings-display li::before {
    content: ">> ";
    color: #FFFFFF;
}
.flashing-text {
    animation: flash 1s linear infinite;
}
@keyframes flash {
    0% { opacity: 1; }
    50% { opacity: 0.2; }
    100% { opacity: 1; }
}
#current-weather p {
    margin: 0.2em 0;
}
#radar-display .box-content {
    padding: 0;
    text-align: center;
    position: relative;
}
#radar-display img {
    max-width: 100%;
    height: auto;
    border-top: 1px solid #008080;
}
.radar-counter-text {
    position: absolute;
    bottom: 5px;
    right: 10px;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 0.9em;
}
.forecast-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 1em;
}
.forecast-day {
    border: 1px solid #008080;
    padding: 0.5em;
}
.forecast-day h3 {
    margin: 0 0 0.5em 0;
    color: #00BFFF;
    text-align: center;
}
.forecast-day p {
    margin: 0.2em 0;
    font-size: 0.9em;
}
footer {
    text-align: center;
    margin-top: 2em;
    font-size: 0.8em;
}
footer p, footer a {
    color: #008080;
}
/* Flight Tracker Section */
#flight-tracker .box-content {
    padding: 0;
}

#flight-tracker iframe {
    width: 100%;
    height: 450px;
    border: none;
    border-top: 1px solid #008080;
}