/* Reorganized from wwwroot/css/content-pages.css. */


.airport-list-page,
.airport-detail-page {
    color: var(--fr-dark);
}


.airport-color-ornament {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: clamp(2.75rem, 5vw, 4.75rem) auto 0;
}


.airport-color-ornament img {
    display: block;
    width: min(220px, 75vw);
    height: auto;
}


.airport-list-page .airport-heading,
.airport-detail-page .airport-heading {
    color: var(--fr-purple);
}


.airport-list-page .airport-meta,
.airport-detail-page .airport-meta {
    color: rgba(var(--fr-dark-rgb), 0.86) !important;
}


.airport-list-page .airport-copy,
.airport-detail-page .airport-copy {
    color: var(--fr-dark);
}


.airport-list-page .airport-features,
.airport-detail-page .airport-features {
    color: rgba(var(--fr-dark-rgb), 0.92);
}


.airport-list-page .airport-features i,
.airport-detail-page .airport-features i {
    color: var(--fr-purple);
}


.airport-list-page .airport-iata-badge {
    background: rgba(var(--fr-dark-rgb), 0.9);
    color: #ffffff;
}


.airport-list-page .airport-city-badge {
    background: var(--fr-purple);
    color: #ffffff;
}


.airport-list-page .btn-site-primary,
.airport-detail-page .btn-site-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.72rem 1.15rem;
    border-radius: 0;
    border: 1px solid var(--fr-purple);
    background: var(--fr-purple);
    color: #ffffff !important;
    font-size: 0.94rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 10px 20px rgba(var(--fr-purple-rgb), 0.18);
    transition: none;
}


.airport-list-page .btn-site-primary:hover,
.airport-list-page .btn-site-primary:focus-visible,
.airport-detail-page .btn-site-primary:hover,
.airport-detail-page .btn-site-primary:focus-visible {
    background: #4f176d;
    border-color: #4f176d;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(var(--fr-purple-rgb), 0.24);
    transform: none;
}


.airport-list-page .featured-airport-img {
    min-height: 490px;
    object-fit: cover;
}


.airport-list-page .airport-img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    transition: transform 0.4s ease;
}


.airport-list-page .card:hover .airport-img {
    transform: scale(1.02);
}


.airport-detail-page .featured-airport-img {
    height: 490px;
    width: 100%;
    object-fit: cover;
    opacity: 1;
    filter: none;
    transform: scale(1);
    transition: transform 4s ease-out;
}


.airport-detail-page .carousel-item.active img {
    transform: scale(1.04);
}


.airport-detail-page .overlay {
    z-index: 1;
    border-radius: 0.5rem;
}


.airport-detail-page .thumb-img {
    width: 90px;
    height: 60px;
    object-fit: cover;
    border-radius: 6px;
    opacity: 0.6;
    cursor: pointer;
    transition: 0.25s;
    border: 2px solid transparent;
}


.airport-detail-page .thumb-img:hover {
    opacity: 1;
}


.airport-detail-page .thumb-active {
    opacity: 1 !important;
    border-color: var(--fr-purple);
}


.airport-detail-page .thumb-overlay-wrapper {
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    z-index: 10;
}


.airport-detail-page .thumb-overlay-wrapper .thumb-scroll {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    overflow-x: auto;
}