/*
Theme Name: AeroNordica
Theme URI: https://aeronordica.online
Author: AeroNordica
Version: 2.0.0
Text Domain: aeronordica
Requires at least: 6.2
Requires PHP: 8.0
*/

:root{
  --an-sky-1:#69c0e5;
  --an-sky-2:#61d5c7;
  --an-ink:#0f2434;
  --an-muted:#5a7184;
  --an-card:#ffffff;
  --an-border: rgba(15,36,52,.12);
  --an-shadow: 0 18px 50px rgba(15,36,52,.12);
  --an-radius: 18px;
}

*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--an-ink);background:#f6fbff}
a{color:inherit;text-decoration:none}
.an-container{max-width:1180px;margin:0 auto;padding:0 18px}

.an-topbar{
  background: linear-gradient(90deg,var(--an-sky-1),var(--an-sky-2));
  color:#fff;
  font-weight:600;
  font-size:14px;
}
.an-topbar .an-container{display:flex;align-items:center;justify-content:center;min-height:36px;gap:12px}
.an-topbar .an-right{margin-left:auto;display:flex;gap:14px;opacity:.95}
.an-topbar ul{list-style:none;margin:0;padding:0;display:flex;gap:14px}
.an-topbar a{opacity:.95}
.an-topbar a:hover{opacity:1}

.an-header{
  background:#fff;
  border-bottom:1px solid rgba(15,36,52,.08);
}
.an-header .an-container{display:flex;align-items:center;gap:18px;min-height:86px}
.an-brand{display:flex;align-items:center;gap:12px;min-width:220px}
.an-brand img{max-height:38px;width:auto;height:auto;display:block}
.an-nav{margin-left:auto;display:flex;align-items:center;gap:18px}
.an-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:22px;align-items:center}
.an-nav li a{font-weight:650;color:#21394c}
.an-nav li a:hover{opacity:.8}
.an-cta{
  margin-left:10px;
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 18px;border-radius:14px;
  background:linear-gradient(180deg,var(--an-sky-2),var(--an-sky-1));
  color:#fff;font-weight:700;
  box-shadow:0 10px 24px rgba(28,115,145,.18);
}
.an-cta:hover{filter:saturate(1.05);transform:translateY(-1px)}

.an-hero{
  position:relative;
  background:#0b1b28;
  overflow:hidden;
}
.an-hero .an-hero-bg{
  position:absolute;inset:0;
  background-size:cover;
  background-position:center;
  filter:saturate(1.05);
  opacity:.92;
}
.an-hero .an-hero-overlay{
  position:absolute;inset:0;
  background: radial-gradient(900px 450px at 25% 30%, rgba(255,255,255,.0), rgba(0,0,0,.35));
}
.an-hero .an-container{position:relative;z-index:2;padding:48px 18px 54px}
.an-hero-card{
  max-width:620px;
  padding:34px 34px 28px;
  border-radius: 22px;
  background: rgba(14,27,40,.45);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(8px);
  box-shadow: 0 22px 70px rgba(0,0,0,.35);
  color:#fff;
}
.an-pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 12px;border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(0,0,0,.16);
  font-weight:650;font-size:13px;opacity:.95;
}
.an-hero-title{margin:12px 0 8px;font-size:52px;line-height:1.04;letter-spacing:-.02em}
.an-hero-sub{margin:0 0 18px;color:rgba(255,255,255,.86);max-width:520px}
.an-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.an-btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:12px 16px;border-radius:14px;
  border:1px solid rgba(255,255,255,.2);
  background: rgba(0,0,0,.18);
  color:#fff;font-weight:700;
}
.an-btn:hover{background:rgba(255,255,255,.08)}
.an-btn.primary{
  border:none;
  background: linear-gradient(180deg,var(--an-sky-2),var(--an-sky-1));
  color:#083046;
}

.an-main{padding:48px 0}
.an-h1{font-size:54px;letter-spacing:-.02em;margin:0 0 10px}
.an-lead{color:var(--an-muted);max-width:860px;line-height:1.6;margin:0 0 26px}

.an-search-card{
  background:var(--an-card);
  border:1px solid var(--an-border);
  box-shadow: var(--an-shadow);
  border-radius: var(--an-radius);
  padding:18px;
}
.an-form-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:14px;align-items:end}
.an-field label{display:block;font-weight:700;margin:0 0 8px}
.an-field input,.an-field select{
  width:100%;
  padding:12px 14px;border-radius:14px;
  border:1px solid rgba(15,36,52,.16);
  outline:none;
  font-size:15px;
}
.an-field input:focus,.an-field select:focus{border-color:rgba(38,173,196,.55);box-shadow:0 0 0 4px rgba(97,213,199,.18)}
.an-submit{
  padding:14px 18px;border-radius:14px;
  border:none;
  background: linear-gradient(180deg,var(--an-sky-2),var(--an-sky-1));
  color:#083046;font-weight:900;font-size:15px;
}

.an-section-title{margin:34px 0 14px;font-size:26px}
.an-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.an-tile{
  background:#fff;border:1px solid var(--an-border);
  border-radius:18px;overflow:hidden;
  box-shadow:0 14px 40px rgba(15,36,52,.10);
}
.an-tile img{width:100%;height:160px;object-fit:cover;display:block}
.an-tile .an-tile-body{padding:14px}
.an-tile .an-city{font-weight:900}
.an-tile .an-meta{color:var(--an-muted);font-size:14px;margin-top:6px}

.an-footer{
  background:#0b1b28;color:rgba(255,255,255,.82);
  padding:34px 0;
}
.an-footer .an-container{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.an-footer a{opacity:.9}
.an-footer a:hover{opacity:1}
.an-footer .an-small{opacity:.75;font-size:13px}

@media (max-width: 980px){
  .an-hero-title{font-size:40px}
  .an-form-row{grid-template-columns:1fr 1fr;}
  .an-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 520px){
  .an-hero-title{font-size:34px}
  .an-grid{grid-template-columns:1fr}
  .an-header .an-container{flex-wrap:wrap;justify-content:center}
  .an-nav{margin-left:0}
}