/* ==========================================================================
   CUSTOM.CSS — Aurora Lux Rides
   Dedicated stylesheet for City landing pages & Partner/Apply pages.
   Add your own overrides at the bottom in the marked zone.
   ========================================================================== */

/* ---------- CITY PAGES ---------- */
.city-hero{position:relative;overflow:hidden;text-align:center;padding:5rem 5% 4rem;
  background:
    radial-gradient(ellipse at 20% 0%, rgba(201,162,39,.22), transparent 55%),
    radial-gradient(ellipse at 85% 20%, rgba(90,140,240,.12), transparent 50%),
    linear-gradient(160deg, #191722 0%, #0d0d12 70%);}
.city-hero::after{content:"";position:absolute;inset:0;opacity:.06;pointer-events:none;
  background-image:repeating-linear-gradient(45deg,#c9a227 0 1px,transparent 1px 26px);}
.city-crumb{position:relative;z-index:2;font-size:.85rem;color:var(--muted);margin-bottom:1rem}
.city-crumb a{color:var(--muted)}
.city-crumb a:hover{color:var(--gold2)}
.city-title{position:relative;z-index:2;font-size:clamp(2.4rem,6vw,4.2rem);line-height:1.05}
.city-title em{color:var(--gold2);font-style:normal}
.city-tag{position:relative;z-index:2;color:var(--muted);max-width:620px;margin:.8rem auto 1.6rem;font-size:1.05rem}
.city-cta{position:relative;z-index:2;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.city-chips{position:relative;z-index:2;display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-top:1.6rem}
.city-chip-mini{background:rgba(201,162,39,.1);border:1px solid rgba(201,162,39,.35);border-radius:30px;padding:.4rem 1.1rem;font-size:.88rem;color:var(--gold2)}

.city-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:rgba(201,162,39,.25);border-top:1px solid rgba(201,162,39,.25);border-bottom:1px solid rgba(201,162,39,.25)}
.city-strip>div{background:var(--bg);text-align:center;padding:1.4rem 1rem}
.city-strip b{display:block;font-size:1.6rem;color:var(--gold2);font-family:Georgia,serif}
.city-strip span{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:1px}

.rate-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:900px;margin:0 auto}
.rate-card{background:var(--panel);border:1px solid rgba(201,162,39,.25);border-radius:18px;padding:2rem;position:relative;overflow:hidden;transition:.25s}
.rate-card:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.rate-card .rc-icon{font-size:2.6rem;margin-bottom:.5rem}
.rate-card h3{color:var(--gold2);font-size:1.5rem;margin-bottom:.2rem}
.rate-card .rc-price{font-size:2.4rem;font-family:Georgia,serif;color:var(--text);margin:.6rem 0}
.rate-card .rc-price small{font-size:.95rem;color:var(--muted);font-family:'Segoe UI',sans-serif}
.rate-card ul{list-style:none;margin:1rem 0 1.4rem}
.rate-card li{padding:.35rem 0 .35rem 1.6rem;position:relative;color:#d8d5e0;font-size:.92rem}
.rate-card li::before{content:"◆";position:absolute;left:0;color:var(--gold);font-size:.7rem;top:.55rem}

.route-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;max-width:1000px;margin:0 auto}
.route-card{background:var(--panel);border:1px solid rgba(242,239,230,.12);border-radius:14px;padding:1.2rem 1.3rem;display:flex;flex-direction:column;gap:.3rem;transition:.2s}
.route-card:hover{border-color:var(--gold)}
.route-card .r-name{font-weight:700;font-size:1.02rem}
.route-card .r-meta{color:var(--muted);font-size:.83rem}
.route-card .r-fare{margin-top:auto;color:var(--gold2);font-weight:700;font-size:1.15rem}
.route-card .r-fare small{color:var(--muted);font-weight:400}

.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;max-width:1050px;margin:0 auto}
.feat-cell{background:var(--panel);border:1px solid rgba(242,239,230,.1);border-radius:14px;padding:1.5rem;transition:.2s}
.feat-cell:hover{border-color:rgba(201,162,39,.5)}
.feat-cell .f-ico{font-size:1.9rem;margin-bottom:.5rem}
.feat-cell h4{color:var(--gold2);margin-bottom:.3rem}
.feat-cell p{color:var(--muted);font-size:.88rem}

.nearby-strip{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center;max-width:800px;margin:0 auto}
.nearby-pill{border:1px solid rgba(242,239,230,.18);border-radius:30px;padding:.5rem 1.2rem;color:var(--text);font-size:.9rem;transition:.2s;background:var(--panel)}
.nearby-pill:hover{border-color:var(--gold);color:var(--gold2)}
.nearby-pill small{color:var(--muted);margin-left:.35rem}

.cta-band{background:linear-gradient(135deg,#241d08,#0d0d12);border-top:1px solid rgba(201,162,39,.35);border-bottom:1px solid rgba(201,162,39,.35);text-align:center;padding:4rem 5%}
.cta-band h2{font-size:clamp(1.7rem,4vw,2.6rem);color:var(--gold2);margin-bottom:.6rem}
.cta-band p{color:var(--muted);margin-bottom:1.6rem}

/* ---------- APPLY / PARTNER PAGES ---------- */
.apply-hero{text-align:center;padding:4.5rem 5% 3rem;background:
  radial-gradient(ellipse at 50% -10%, rgba(201,162,39,.25), transparent 60%),var(--bg2)}
.apply-hero h1{font-size:clamp(2.2rem,5.5vw,3.6rem)}
.apply-hero h1 em{color:var(--gold2);font-style:normal}
.apply-hero p{color:var(--muted);max-width:560px;margin:.8rem auto 0;font-size:1.05rem}
.apply-perks{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;max-width:950px;margin:0 auto}
.apply-form-wrap{max-width:680px;margin:0 auto}
.apply-form-wrap .panel{border:1px solid rgba(201,162,39,.35);box-shadow:0 20px 60px rgba(0,0,0,.4)}
.apply-success{text-align:center;padding:3rem 1.5rem}
.apply-success .big-ok{font-size:4.5rem}
.apply-note{background:rgba(201,162,39,.08);border:1px solid rgba(201,162,39,.3);border-radius:10px;padding:.8rem 1rem;font-size:.88rem;color:var(--muted);margin-top:1.2rem}
.req-tag{color:var(--danger);font-size:.8rem}

/* ==========================================================================
   ✏️  YOUR CUSTOM OVERRIDES — edit freely below this line
   ========================================================================== */