/* ========================================
   FLIGHT TRACKER PAGE
======================================== */

/* Page wrapper */
.flights-page{
  max-width:1300px;
  margin:0 auto;
  padding:20px;
}

/* Flight tracker panel */
.flight-panel{
  max-width:1500px;
  margin:20px auto;
  padding:24px;

  background: linear-gradient(180deg,var(--panelTop),var(--panelBot));
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:0 12px 40px rgba(0,0,0,.25);
}

/* Intro text */
.page-intro{
  margin-top:8px;
  margin-bottom:14px;
  color:var(--textDim);
}

/* ========================================
   MAP CONTAINER
======================================== */

#flight-map{
  width:calc(100% + 400px);
  height:900px;
  margin:20px -100px 0 -100px;

  border-radius:12px;
  overflow:hidden;

  border:1px solid var(--line);
  box-shadow:0 10px 35px rgba(0,0,0,.35);
}

#flight-map iframe{
  width:100%;
  height:100%;
  border:0;
}
/* Ads spacing */
.flights-page .grid-ad{
  margin:20px 0;
}

/* ========================================
   BREAK OUT OF MAIN GRID
======================================== */

.flights-page{
  grid-column:1 / -1;
  width:100%;
  max-width:1400px;
  margin:0 auto;
  padding:20px;
}

/* ========================================
   FLIGHT SEARCH BAR
======================================== */

.flight-search{
display:flex;
gap:10px;
justify-content:center;
align-items:center;
margin:20px auto;
flex-wrap:wrap;
}

/* dropdown */

.flight-search select{
width:180px;
padding:10px;
font-size:15px;
border-radius:6px;
border:1px solid #cbd5e1;
background:#ffffff;
}

/* input box */

.flight-search input{
width:320px;
padding:10px;
font-size:15px;
border-radius:6px;
border:1px solid #cbd5e1;
}

/* search button */

.flight-search button{
padding:10px 16px;
font-size:15px;
border-radius:6px;
border:none;
cursor:pointer;

background:linear-gradient(90deg,#2563eb,#0ea5e9);
color:white;
font-weight:600;
}
/* ========================================
   RESULT CONTAINER
======================================== */

.techno-output{
margin-top:10px;
padding:0;
border:none;
background:transparent;
font-size:14px;
}

/* ========================================
   FLIGHT RESULT PANEL
======================================== */

.flight-result-panel{
background:#e5e7eb;
border:1px solid #cbd5e1;
border-radius:10px;
padding:18px;
margin:12px auto;
max-width:420px;
box-shadow:0 3px 8px rgba(0,0,0,0.08);
font-family:Segoe UI, Arial, sans-serif;
}

/* HEADER */

.flight-header{
  font-size:22px;
  font-weight:700;
  margin-bottom:14px;

  background:linear-gradient(90deg,#2563eb,#0ea5e9);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* ROWS */

.flight-row{
  display:flex;
  justify-content:space-between;
  padding:8px 0;
  border-bottom:1px solid #d1d5db;
}

.flight-row:last-child{
  border-bottom:none;
}

/* LABELS */

.flight-label{
  color:#475569 !important;
  font-size:13px;
}

/* VALUES */

.flight-value{
  font-weight:600;
  font-size:16px;
  color:#1d4ed8 !important;
}

/* TIMESTAMP */

.flight-time{
  font-size:12px;
  color:#334155 !important;
  margin-top:6px;
}

/* ========================================
   FLIGHT DASHBOARD LAYOUT
======================================== */

.flight-dashboard{
display:grid;
grid-template-columns: 1fr 420px 1fr;
gap:20px;
align-items:start;
margin-top:20px;
}

/* Side panels */

.flight-side-left,
.flight-side-right{
display:flex;
justify-content:center;
}

/* Info boxes */

.flight-info-box{
background:#f1f5f9;
border:1px solid #cbd5e1;
border-radius:10px;
padding:16px;
width:260px;
box-shadow:0 3px 8px rgba(0,0,0,0.08);
}

.flight-info-box h3{
margin-top:0;
font-size:16px;
color:#2563eb;
}

.flight-info-box p{
font-size:13px;
color:#475569;
}

/* ========================================
   SIDE INFO BOX TEXT FIX
======================================== */

.flight-info-box{
background:#e5e7eb;
border:1px solid #cbd5e1;
border-radius:10px;
padding:16px;
width:260px;
box-shadow:0 3px 8px rgba(0,0,0,0.08);
color:#0f172a !important;
}

.flight-info-box *{
color:#0f172a !important;
}

.flight-info-box h3{
font-size:16px;
margin-bottom:10px;
color:#2563eb !important;
}

/* ========================================
   FORCE TEXT COLOR (site theme override)
======================================== */

#flight-result,
#flight-result *{
  color:#0f172a !important;
}

/* ========================================
   MOBILE
======================================== */

@media (max-width:900px){

  #flight-map{
    height:600px;
  }

}