/* ============================================
BOARD PAGES (Departures / Arrivals)
============================================ */

/* --- Общая обёртка страницы --- */
.board-page {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px 60px;
}

/* --- Header --- */
.board-header {
max-width: 900px;
margin: 40px auto 30px;
padding: 0 20px;
text-align: center;
}

.board-header h1 {
font-size: 2.2rem;
line-height: 1.2;
margin: 0 0 12px;
color: #1a1a2e;
}

.board-airport {
margin: 0 0 10px;
font-size: 1rem;
}

.board-airport a {
color: #0073aa;
text-decoration: none;
font-weight: 600;
transition: color 0.2s;
}

.board-airport a:hover {
color: #005a87;
text-decoration: underline;
}

.board-type-label {
margin: 0;
font-size: 0.95rem;
color: #666;
text-transform: uppercase;
letter-spacing: 0.5px;
}

.board-type-label strong {
color: #1a1a2e;
}

/* --- Content (обёртка iframe) --- */
.board-content {
max-width: 1100px;
margin: 0 auto 40px;
padding: 0 20px;
}

/* --- Виджет Avionio --- */
.avionio-widget {
position: relative;
width: 100%;
margin: 0;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
background: #fff;
}

.avionio-frame {
display: block;
width: 100%;
min-height: 500px;
border: 0;
background: #fff;
}

/* --- Footer (кнопка переключения табло) --- */
.board-footer {
max-width: 900px;
margin: 0 auto 40px;
padding: 0 20px;
text-align: center;
}

.board-footer .button {
display: inline-block;
background: #0073aa;
color: #fff;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
font-size: 1rem;
transition: background 0.2s, transform 0.15s;
}

.board-footer .button:hover {
background: #005a87;
transform: translateY(-1px);
}

/* --- Сообщение об ошибке (если аэропорт не выбран) --- */
.board-error {
padding: 40px 20px;
background: #fff4f4;
border: 1px solid #f5c2c2;
border-radius: 8px;
color: #8a1f1f;
text-align: center;
font-weight: 500;
}

/* --- Адаптация под мобильные --- */
@media (max-width: 768px) {
.board-header {
margin: 20px auto 20px;
}
.board-header h1 {
font-size: 1.6rem;
}
.board-content {
padding: 0 12px;
margin-bottom: 25px;
}
.avionio-frame {
min-height: 400px;
}
.board-footer {
padding: 0 12px;
}
.board-footer .button {
width: 100%;
text-align: center;
padding: 14px 20px;
}
}

/* --- Планшеты --- */
@media (min-width: 769px) and (max-width: 1024px) {
.board-header h1 {
font-size: 1.9rem;
}
}