/* ═══════════════════════════════════════════════════════════════════════════
   Livery Gallery — Compass Virtual Airlines
   user/themes/compass-virtual/css/livery-gallery.css

   ⚑ Lifted out of the page on 2026-09-16, with the lightbox script, so that
   nothing under user/pages/fleet/livery-gallery/ carries a denylisted tag.

   ⚑ NOT SHARED WITH livery-library.css. The two pages have the word "livery" in
   common and nothing else: this is a visual catalogue of the liveries Compass
   has flown, that one is the download library wired to Google Drive. Their
   class prefixes are lg- and ll- and they were always separate. Do not merge
   them on the strength of the name.
   ═══════════════════════════════════════════════════════════════════════════ */

.lg-nav-strip{background:#e8f0f3;padding:8px 12px;margin-bottom:16px;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:12px}
.lg-nav-strip a{color:#4a7a8a;text-decoration:none}
.lg-nav-strip a:hover{color:#c8962e}
.lg-nav-strip span{color:#8a9099}
.lg-banner{background:#1a3a4a;padding:14px 20px;border-radius:8px;margin-bottom:12px}
.lg-banner h1{font-size:20px;font-weight:500;margin:0 0 2px;color:white}
.lg-banner p{font-size:12px;color:rgba(255,255,255,0.6);margin:0}
.lg-intro{background:white;border-radius:8px;border:0.5px solid #dde0e4;padding:14px 16px;font-size:13px;color:#555;line-height:1.75;margin-bottom:16px}
.lg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-bottom:16px}
.lg-card{background:white;border-radius:8px;border:0.5px solid #dde0e4;overflow:hidden;cursor:pointer;transition:box-shadow 0.15s,transform 0.15s}
.lg-card:hover{box-shadow:0 4px 14px rgba(0,0,0,0.12);transform:translateY(-2px)}
.lg-card img{width:100%;height:147px;object-fit:cover;display:block;background:#f0f2f3}
.lg-card-label{padding:9px 10px;font-size:12px;font-weight:500;color:#333;text-align:center}
.lg-tip{background:#fff8ee;border:0.5px solid rgba(200,150,46,0.4);border-radius:6px;padding:10px 12px;font-size:12px;color:#7a5010;line-height:1.6;margin-bottom:12px}
.lg-tip strong{color:#c8962e}
.lg-section{background:white;border-radius:8px;border:0.5px solid #dde0e4;overflow:hidden;margin-bottom:12px}
.lg-section-title{background:#e8f0f3;padding:8px 12px;font-size:11px;font-weight:500;color:#4a7a8a;text-transform:uppercase;letter-spacing:0.5px;border-bottom:0.5px solid rgba(109,151,168,0.2)}
.lg-desc{padding:14px 16px;font-size:13px;color:#8a9099;font-style:italic;line-height:1.7}
.lg-lightbox{display:none;position:fixed;inset:0;background:rgba(10,20,26,0.88);z-index:1000;align-items:center;justify-content:center;padding:24px}
.lg-lightbox.active{display:flex}
.lg-lightbox-inner{max-width:1600px;width:100%;text-align:center}
.lg-lightbox-inner img{max-width:100%;max-height:82vh;border-radius:6px;box-shadow:0 8px 30px rgba(0,0,0,0.4)}
.lg-lightbox-caption{color:white;font-size:14px;font-weight:500;margin-top:14px;letter-spacing:0.3px}
.lg-lightbox-close{position:absolute;top:20px;right:28px;color:white;font-size:28px;cursor:pointer;line-height:1;opacity:0.8}
.lg-lightbox-close:hover{opacity:1}