/* "Airline: List Items" carousel cards (Airline::frontend.blocks.list-airline.loop-card). The card itself is the
   home "Trending Flights" card (.bm-tf-card in css/home-trending-flights.css, loaded with this file); these rules add
   the airline mark (the route page's .acl-logo / .acl-code, css/flight-route.css) and the card-name style used across
   the site's listing cards (14px / 600 / var(--bm-brand,#0A73B0)). */
.bm-al-slider.owl-carousel .owl-stage{display:flex}
.bm-al-slider.owl-carousel .owl-item{display:flex}
/* 40px under the cards, as the site's other carousels (.airlines-home .owl-item .item in custom.css), keeps the
   prev/next arrows clear of the "Check All" button */
.bm-al-slider .bm-al-item{display:flex;width:100%;padding:0 8px 4px;margin-bottom:40px}
.bm-al-card .bm-tf-body{display:flex;flex-direction:column;gap:14px}
.bm-al-head{display:flex;align-items:center;gap:14px;min-width:0}
.bm-al-logo{flex:0 0 48px;width:48px;height:48px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;
  background:#fff;border:1px solid var(--tf-line,#e3e8ee)}
.bm-al-logo img{width:100%;height:100%;object-fit:contain;display:block}
.bm-al-code{background:#eceff2;border-color:#eceff2;color:#3c4043;font:700 14px/1 "Poppins",system-ui,sans-serif;letter-spacing:.02em}
.bm-al-id{display:flex;flex-direction:column;min-width:0}
.bm-al-name{font-size:14px;font-weight:600;line-height:1.4;color:var(--bm-brand,#0A73B0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bm-al-base{font-size:13px;line-height:1.4;color:var(--tf-muted,#6b7684);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bm-al-codes{margin-top:0;justify-content:flex-start;gap:20px}
.bm-al-codes>span:last-child{text-align:left}
.bm-al-go{font-size:20px;line-height:1;color:var(--tf-navy,#0c2d57)}
/* phones: css/mobile-ui.css widens "Check All" to 180px, which the arrows (left/right 43% in custom.css) would sit on;
   park them either side of the button instead */
@media (max-width:767.98px){
  .bm-al-slider.owl-theme .owl-nav .owl-prev{left:auto;right:calc(50% + 100px);top:25px}
  .bm-al-slider.owl-theme .owl-nav .owl-next{right:auto;left:calc(50% + 100px);top:25px}
}
/* the same card in a grid (airport, route and airline pages, partials/bm-al-card): 3 / 2 / 1 per row from
   css/home-trending-flights.css .bm-tf-grid; the pager (partials/bm-pager) shows three at a time */
.bm-al-grid>li>.bm-al-card{height:100%}
div.bm-al-card{cursor:default}
.bm-al-card .bm-al-extra{margin:0;white-space:normal}
.bm-al-card:hover .bm-al-name,.bm-al-card:focus .bm-al-name{text-decoration:underline}
div.bm-al-card:hover .bm-al-name{text-decoration:none}
div.bm-al-card:hover{border-color:var(--tf-line);box-shadow:none}
/* a carrier with no guide yet: light initials placeholder, muted footer (same strip, no arrow) */
div.bm-al-card .bm-al-code{background:#f4f6f8;border-color:#e3e8ee;color:#6b7684}
.bm-al-grid{align-items:stretch}
.bm-al-go-off{visibility:hidden}
.bm-al-codes-off{height:19.6px;line-height:19.6px;align-items:center}
.bm-al-codes-off,.bm-al-foot-off .bm-tf-cls{color:var(--tf-muted,#6b7684)}
