/* EastJet style layer for the phpVMS "beta" theme. Loaded last in app.blade.php. */
:root{
  --ej-navy:#00336d; --ej-navy-deep:#001f45; --ej-steel:#4a4b50; --ej-ink:#132033;
  --ej-mist:#eef3f9; --ej-line:#d8e0ea; --ej-muted:#5d6878; --ej-amber:#f2a900;
  --ej-display:"Archivo","Arial Narrow",system-ui,sans-serif;
  --ej-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
}

/* Type */
body,.btn,.form-control,.dropdown-item,.navbar,.table,p,label,input,select,textarea{font-family:var(--ej-body)!important}
body{color:var(--ej-ink);background:#f7f9fc}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--ej-display)!important;font-stretch:112%;color:var(--ej-navy-deep)}
a{color:var(--ej-navy)}
a:hover,a:focus{color:var(--ej-navy-deep)}

/* Anything the theme hard-codes in its old blue */
[style*="#067ec1"],[style*="#067EC1"],.blue-bg{background:var(--ej-navy)!important}
.border-blue-bottom{border-bottom:3px solid var(--ej-navy)!important}

/* Top bar: white, like the landing page */
nav.navbar{background:#fff!important;border-bottom:1px solid var(--ej-line);box-shadow:none!important;padding-top:10px;padding-bottom:10px}
nav.navbar .navbar-brand img{height:36px!important;width:auto!important}
nav.navbar .nav-link,nav.navbar .nav-link p,nav.navbar .nav-link i,nav.navbar .navbar-toggler i{color:var(--ej-ink)!important}
nav.navbar .nav-link{font-weight:500;letter-spacing:.02em;border-radius:6px}
nav.navbar .nav-link:hover,nav.navbar .nav-link:hover p,nav.navbar .nav-link:hover i{color:var(--ej-navy)!important;background:var(--ej-mist)}
nav.navbar .dropdown-menu{border:1px solid var(--ej-line);border-radius:8px}
nav.navbar .dropdown-item:hover{background:var(--ej-mist);color:var(--ej-navy)}
@media (max-width:991px){nav.navbar .navbar-collapse{background:#fff}}

/* Section title bars used across the pilot pages */
.nav.nav-tabs[style]{background:var(--ej-navy)!important;color:#fff!important;font-family:var(--ej-display);font-stretch:112%;font-weight:700;letter-spacing:.01em;padding:12px 16px!important;border-radius:8px 8px 0 0;border:0}

/* Cards */
.card{border-radius:0 0 8px 8px;box-shadow:0 1px 2px rgba(0,31,69,.06),0 6px 18px -10px rgba(0,31,69,.25);border:1px solid var(--ej-line)}
.card .card-header{background:var(--ej-mist);color:var(--ej-navy-deep);font-family:var(--ej-display);font-weight:700}

/* Dashboard stat boxes */
.dashboard-box{background:linear-gradient(160deg,var(--ej-navy) 0%,var(--ej-navy-deep) 100%)!important;border-radius:10px!important;border:0!important;overflow:hidden}
.dashboard-box .header{font-family:var(--ej-display)!important;font-stretch:112%;font-style:italic;font-weight:800;color:#fff!important}
.dashboard-box .description{color:#c9d6e8!important;font-size:1.05em!important;letter-spacing:.04em}
.dashboard-box .icon{opacity:.08}
.dashboard-box::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--ej-amber)}

/* Buttons */
.btn-primary,.btn-info,.btn-default{background:var(--ej-navy)!important;border-color:var(--ej-navy)!important;color:#fff!important}
.btn-primary:hover,.btn-info:hover,.btn-default:hover{background:var(--ej-navy-deep)!important;border-color:var(--ej-navy-deep)!important}
.btn-outline-primary{color:var(--ej-navy)!important;border-color:var(--ej-navy)!important;background:transparent!important}
.btn-success{background:#1f7a4d!important;border-color:#1f7a4d!important}
.btn-warning{background:var(--ej-amber)!important;border-color:var(--ej-amber)!important;color:var(--ej-navy-deep)!important}
.btn{border-radius:6px;font-weight:600;text-transform:none}
.my-bids{background:var(--ej-amber)!important}
.my-bids a{color:var(--ej-navy-deep)!important;font-weight:600}

/* Tables */
.table thead th{font-family:var(--ej-body);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ej-muted);border-bottom:2px solid var(--ej-line)}
.table td{border-color:var(--ej-line);vertical-align:middle}
.table-striped tbody tr:nth-of-type(odd){background:var(--ej-mist)}

/* Forms */
.form-control:focus{border-color:var(--ej-navy)!important;box-shadow:0 0 0 3px rgba(0,51,109,.15)}
.badge-primary,.badge-info{background:var(--ej-navy)}
.text-primary{color:var(--ej-navy)!important}
.bg-primary{background:var(--ej-navy)!important}

/* Footer */
footer.footer{color:var(--ej-muted)}
footer.footer a{color:var(--ej-navy)}

/* Flights page: table layout with filters on top */
.ej-flights-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.ej-flights-head h2{margin:0}
.ej-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;background:#fff;border:1px solid var(--ej-line);border-radius:10px;padding:14px 16px;margin-bottom:18px}
.ej-filters .ej-field{display:flex;flex-direction:column;gap:4px;flex:1 1 170px;min-width:150px}
.ej-filters .ej-field.ej-narrow{flex:0 1 130px;min-width:110px}
.ej-filters label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ej-muted);margin:0}
.ej-filters .form-control,.ej-filters .select2-container{width:100%!important}
.ej-filters .ej-actions{display:flex;gap:8px;align-items:center}
.ej-filters .ej-actions .btn{margin:0}
.ej-table-wrap{background:#fff;border:1px solid var(--ej-line);border-radius:10px;margin-bottom:18px}
table.ej-flights{margin:0;white-space:nowrap}
table.ej-flights thead th{background:var(--ej-mist);border-top:0;padding:10px 12px}
table.ej-flights thead th a{color:var(--ej-muted)}
table.ej-flights td{padding:10px 12px;border-top:1px solid var(--ej-line)}
table.ej-flights tbody tr:hover{background:#f7f9fc}
.ej-ident a{font-family:var(--ej-display);font-stretch:112%;font-weight:700;color:var(--ej-navy)}
.ej-icao{font-weight:600;color:var(--ej-ink)!important}
.ej-city{display:block;font-size:.8rem;color:var(--ej-muted)}
.ej-num{font-variant-numeric:tabular-nums}
.ej-row-actions .btn{margin:0 0 0 4px;padding:4px 10px;font-size:.8rem}
.ej-empty{color:var(--ej-muted);padding:28px!important}
.ej-row-actions .btn-outline-primary.btn-info{background:var(--ej-navy)!important;color:#fff!important}

/* EJ-DASH: dashboard live map + pilot NOTAMs */
.ej-map-head{display:flex!important;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.ej-live-count{font-family:var(--ej-body);font-style:normal;font-weight:500;font-size:.85rem;color:#c9d6e8;display:inline-flex;align-items:center;gap:8px}
.ej-live-dot{width:9px;height:9px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 0 rgba(61,220,132,.6);animation:ejpulse 1.8s infinite}
@keyframes ejpulse{70%{box-shadow:0 0 0 8px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}
@media (prefers-reduced-motion:reduce){.ej-live-dot{animation:none}}
.ej-map-card{padding:0;overflow:hidden;margin-bottom:24px}
.ej-map-card .row{margin:0}
.ej-map-card .col-md-12,.ej-map-card .box-body{padding:0}
.ej-map-card #map{border-radius:0 0 8px 8px}
.ej-notams{padding:0!important}
.ej-notam{padding:16px 20px;border-left:4px solid var(--ej-amber);border-bottom:1px solid var(--ej-line)}
.ej-notam:last-child{border-bottom:0}
.ej-notam-meta{display:flex;gap:10px;align-items:center;font-size:.8rem;color:var(--ej-muted);margin-bottom:4px}
.ej-notam-tag{font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:600;font-size:.7rem;letter-spacing:.1em;background:var(--ej-amber);color:var(--ej-navy-deep);border-radius:4px;padding:2px 7px}
.ej-notam h4{margin:0 0 6px;font-size:1.1rem}
.ej-notam-body{color:var(--ej-ink)}
.ej-notam-body p:last-child{margin-bottom:0}
.ej-notam-empty{padding:28px;text-align:center;color:var(--ej-muted)}

/* EJ-WX: searchable weather card */
.ej-wx-form{display:flex;gap:8px;margin-bottom:12px}
.ej-wx-form .form-control{text-transform:uppercase;font-family:"IBM Plex Mono",ui-monospace,monospace!important;letter-spacing:.06em}
.ej-wx-form .form-control::placeholder{text-transform:none;font-family:var(--ej-body);letter-spacing:0}
.ej-wx-form .btn{margin:0;white-space:nowrap}
.ej-wx-reset{display:inline-block;font-size:.85rem;margin-bottom:10px}

/* EJ-METAR: raw METAR display */
.ej-metar{margin:0;white-space:pre-wrap;word-break:break-word;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.9rem;line-height:1.55;color:var(--ej-ink);background:var(--ej-mist);border:1px solid var(--ej-line);border-radius:8px;padding:12px 14px}
.ej-metar-none{font-family:var(--ej-body);color:var(--ej-muted)}

/* EJ-NAV: pilot menu dropdowns */
nav.navbar .dropdown-menu .dropdown-item{color:var(--ej-ink);font-weight:500;padding:9px 18px}
nav.navbar .nav-item.dropdown .dropdown-menu:not(.dropdown-menu-right){min-width:240px}

/* EJ-NAV2: crew center menu matches the landing page header */
nav.navbar{padding:14px 16px!important;min-height:0!important}
@media (min-width:992px){nav.navbar{padding:14px calc(7.5% + 15px)!important}}
nav.navbar .navbar-brand{margin-left:0!important;padding:0!important}
nav.navbar .navbar-brand img{height:38px!important;width:auto!important;display:block}
@media (min-width:992px){nav.navbar .navbar-nav{align-items:center;gap:6px}}
nav.navbar .navbar-nav .nav-link:not(.btn){font-family:var(--ej-body)!important;font-size:.95rem!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;line-height:1.5!important;padding:8px!important;color:var(--ej-ink)!important;background:none!important;border-radius:6px}
nav.navbar .navbar-nav .nav-link:not(.btn) i{display:none!important}
nav.navbar .navbar-nav .nav-link:not(.btn) p{font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;margin:0!important;color:inherit!important}
nav.navbar .navbar-nav .nav-link:not(.btn):hover,nav.navbar .navbar-nav .nav-link:not(.btn):hover p,nav.navbar .navbar-nav .show>.nav-link:not(.btn),nav.navbar .navbar-nav .show>.nav-link:not(.btn) p{color:var(--ej-navy)!important;background:none!important}
nav.navbar .navbar-nav .nav-link img{border-radius:50%;height:34px!important;width:34px!important}
nav.navbar .dropdown-menu .dropdown-item{font-family:var(--ej-body)!important;font-size:.92rem;font-weight:500;color:var(--ej-ink);padding:9px 18px}
nav.navbar .dropdown-menu .dropdown-item:hover{background:var(--ej-mist);color:var(--ej-navy)}
nav.navbar .nav-item.dropdown .dropdown-menu:not(.dropdown-menu-right){min-width:230px}
nav.navbar #navbarDropdownMenuLink{padding:2px 8px!important}

/* EJ-FOOT: crew center footer matches the landing page */
.clearfix[style*="200px"]{height:72px!important}
.ej-foot{background:#fff;border-top:1px solid var(--ej-line);padding:40px 16px 18px;font-family:var(--ej-body)}
@media (min-width:992px){.ej-foot{padding:40px calc(7.5% + 15px) 18px}}
.ej-foot-wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.ej-foot img{height:30px;width:auto;display:block}
.ej-foot p{margin:0;font-size:.84rem;line-height:1.6;color:var(--ej-muted);max-width:56ch}
.ej-foot-credit{margin-top:22px;padding-top:12px;border-top:1px solid var(--ej-line);font-size:.72rem;color:var(--ej-muted)}
.ej-foot-credit a{color:var(--ej-muted)}