@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');

/* ═══════════════════════════════════════════
   DALAMAN TRANSFER SERVICE — GLOBAL TEMA
   ═══════════════════════════════════════════ */
:root {
    --hoppa-green:      #00a19c;
    --hoppa-green-dark: #008a85;
    --hoppa-dark:       #1a1a1a;
    --hoppa-light:      #f8f9fa;
}

* {
    font-family: 'Open Sans', sans-serif;
}

body {
    font-family: 'Open Sans', sans-serif;
}

.airport-tabs-wrap {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.airport-tab {
    min-height: 92px;
    border: 2px solid rgba(255, 255, 255, 0.86);
    border-radius: 8px;
    padding: 14px 12px;
    display: grid;
    grid-template-columns: 32px 1fr auto;
    align-items: center;
    gap: 10px;
    color: #fff;
    background: #00a19c;
    font-weight: 700;
    text-align: left;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.airport-tab:hover,
.airport-tab.active {
    transform: translateY(-1px);
    box-shadow: 0 12px 22px rgba(0, 0, 0, 0.22);
}

.airport-tab-dlm,
.airport-tab-dlm.active,
.airport-tab-dlm:hover {
    background: #00a19c;
    border-color: #00a19c;
}

.airport-tab-ayt,
.airport-tab-ayt.active,
.airport-tab-ayt:hover {
    background: #e88900;
    border-color: #e88900;
}

.airport-tab-bjv,
.airport-tab-bjv.active,
.airport-tab-bjv:hover {
    background: #343a40;
    border-color: #343a40;
}

.airport-tab:not(.active) {
    opacity: .82;
}

.airport-tab.active {
    opacity: 1;
    border-color: #fff;
}

.airport-tab-icon {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 0;
    background: transparent;
}

.airport-tab-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .25));
}

.airport-tab-title {
    line-height: 1.3;
}

.airport-tab-code {
    font-size: 14px;
    white-space: nowrap;
}

.airport-theme-shell {
    border: 1px solid rgba(255, 255, 255, 0.34);
    transition: background .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.airport-theme-shell .form-label {
    color: #fff !important;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .28);
}

.airport-theme-shell .form-select,
.airport-theme-shell .form-control {
    color: #12202a;
    border-width: 2px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55);
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.airport-theme-shell .form-select:focus,
.airport-theme-shell .form-control:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .28);
}

.airport-theme-dlm .form-select,
.airport-theme-dlm .form-control {
    background-color: #d9f5f3;
    border-color: #00a19c;
}

.airport-theme-ayt .form-select,
.airport-theme-ayt .form-control {
    background-color: #fff1d9;
    border-color: #e88900;
}

.airport-theme-bjv .form-select,
.airport-theme-bjv .form-control {
    background-color: #eef0f2;
    border-color: #495057;
}

.airport-theme-dlm {
    background: linear-gradient(135deg, rgba(0, 161, 156, .94), rgba(0, 89, 104, .88)) !important;
    box-shadow: 0 16px 34px rgba(0, 96, 105, .28);
}

.airport-theme-ayt {
    background: linear-gradient(135deg, rgba(232, 137, 0, .94), rgba(168, 86, 0, .88)) !important;
    box-shadow: 0 16px 34px rgba(168, 86, 0, .28);
}

.airport-theme-bjv {
    background: linear-gradient(135deg, rgba(52, 58, 64, .96), rgba(27, 31, 35, .92)) !important;
    box-shadow: 0 16px 34px rgba(20, 23, 26, .32);
}

@media (max-width: 768px) {
    .airport-tabs-wrap {
        grid-template-columns: 1fr;
    }

    .airport-tab {
        min-height: 64px;
    }
}