
/* FlyNeed inline SVG logo responsive fix */
.flyneed-inline-svg-logo,
.logo svg,
.site-logo svg,
.navbar-brand svg,
.header-logo svg {
    display: block;
    width: auto;
    max-width: 260px;
    height: auto;
}

@media (min-width: 992px) {
    .flyneed-inline-svg-logo,
    .logo svg,
    .site-logo svg,
    .navbar-brand svg,
    .header-logo svg {
        max-width: 260px;
    }
}

@media (max-width: 991px) {
    .flyneed-inline-svg-logo,
    .logo svg,
    .site-logo svg,
    .navbar-brand svg,
    .header-logo svg {
        max-width: 220px;
    }
}

@media (max-width: 576px) {
    .flyneed-inline-svg-logo,
    .logo svg,
    .site-logo svg,
    .navbar-brand svg,
    .header-logo svg {
        max-width: 180px;
    }
}


/* FlyNeed PRO FINAL logo fix */
.brand.has-logo{
    display:inline-flex!important;
    align-items:center!important;
    gap:0!important;
    text-decoration:none!important;
    line-height:0!important;
}
.brand.has-logo .brand-text,
.brand.has-logo span:not(.brand-mark){
    display:none!important;
}
.flyneed-inline-svg-logo{
    display:block!important;
    width:auto!important;
    max-width:260px!important;
    height:auto!important;
    overflow:visible!important;
}
.topbar .flyneed-inline-svg-logo{max-width:260px!important;}
.sidebar .flyneed-inline-svg-logo{max-width:165px!important;}
@media(max-width:991px){
    .topbar .flyneed-inline-svg-logo{max-width:220px!important;}
}
@media(max-width:576px){
    .topbar .flyneed-inline-svg-logo{max-width:180px!important;}
}


/* =========================================================
   FlyNeed PRO FINAL Responsive + Color System
   Colors: Dark Royal Blue, Electric/Neon Blue, Sky/Cyan, Purple/Violet
   ========================================================= */
:root{
  --fly-dark-royal:#071C56;
  --fly-royal:#0A2E8A;
  --fly-electric:#00AFFF;
  --fly-neon:#00E5FF;
  --fly-sky:#38BDF8;
  --fly-cyan:#22D3EE;
  --fly-purple:#7C3AED;
  --fly-violet:#A855F7;
  --fly-ink:#08142F;
}

/* Logo must show only SVG/image, no text beside it */
.brand.has-logo,
.footer-brand,
.mobile-brand,
.logo,
.site-logo{
  display:inline-flex!important;
  align-items:center!important;
  gap:0!important;
  text-decoration:none!important;
  line-height:0!important;
}
.brand.has-logo .brand-text,
.footer-brand .brand-text,
.mobile-brand .brand-text,
.logo .brand-text,
.site-logo .brand-text{
  display:none!important;
}

.flyneed-inline-svg-logo{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:clamp(170px, 18vw, 275px)!important;
  object-fit:contain!important;
  overflow:visible!important;
}
.topbar .flyneed-inline-svg-logo{max-width:clamp(180px, 17vw, 265px)!important;}
.sidebar .flyneed-inline-svg-logo{max-width:165px!important;}
footer .flyneed-inline-svg-logo,
.footer .flyneed-inline-svg-logo{max-width:190px!important;}
.mobile-nav .flyneed-inline-svg-logo,
.mobile-header .flyneed-inline-svg-logo{max-width:175px!important;}

@media(max-width:991px){
  .topbar .flyneed-inline-svg-logo{max-width:210px!important;}
  footer .flyneed-inline-svg-logo,.footer .flyneed-inline-svg-logo{max-width:175px!important;}
}
@media(max-width:576px){
  .topbar .flyneed-inline-svg-logo,
  .mobile-nav .flyneed-inline-svg-logo,
  .mobile-header .flyneed-inline-svg-logo{max-width:165px!important;}
  footer .flyneed-inline-svg-logo,.footer .flyneed-inline-svg-logo{max-width:160px!important;}
}

/* Premium FlyNeed color theme */
body{
  color:var(--fly-ink);
}
.topbar,
.navbar,
.header{
  background:linear-gradient(90deg,#ffffff 0%,#F5FBFF 45%,#EEF4FF 100%)!important;
}
.nav a,
.topbar nav a{
  color:var(--fly-ink)!important;
}
.nav a:hover,
.topbar nav a:hover{
  color:var(--fly-electric)!important;
}
.nav-cta,
.btn.primary,
button[type="submit"],
.admin-card .btn,
.save-btn{
  background:linear-gradient(135deg,var(--fly-dark-royal),var(--fly-royal) 45%,var(--fly-electric))!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 12px 28px rgba(0,175,255,.24)!important;
}
.nav-cta:hover,
.btn.primary:hover{
  background:linear-gradient(135deg,var(--fly-royal),var(--fly-electric),var(--fly-purple))!important;
}
.hero,
.hero-card,
.ticket-card{
  background-image:linear-gradient(135deg,rgba(7,28,86,.96),rgba(10,46,138,.92),rgba(124,58,237,.84))!important;
}
.pill,
.badge,
.section-tag{
  background:linear-gradient(135deg,rgba(0,229,255,.14),rgba(168,85,247,.14))!important;
  color:var(--fly-royal)!important;
}
.card:hover,
.service-card:hover,
.package-card:hover{
  border-color:rgba(0,175,255,.45)!important;
  box-shadow:0 18px 45px rgba(7,28,86,.12)!important;
}

/* Front page mobile/desktop responsiveness */
.container{
  width:min(1180px, calc(100% - 32px))!important;
  margin-inline:auto!important;
}
img, svg, video{
  max-width:100%;
  height:auto;
}
.hero-grid,
.grid,
.services-grid,
.packages-grid{
  display:grid;
  gap:24px;
}
.hero-grid{
  grid-template-columns:1.05fr .95fr;
  align-items:center;
}
@media(max-width:900px){
  .hero-grid,
  .services-grid,
  .packages-grid{
    grid-template-columns:1fr!important;
  }
  .topbar .nav{
    flex-wrap:wrap!important;
    gap:14px!important;
  }
  .topbar nav{
    width:100%!important;
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    gap:12px!important;
  }
  h1{font-size:clamp(30px,8vw,46px)!important;}
  h2{font-size:clamp(24px,6vw,34px)!important;}
  p{font-size:clamp(14px,4vw,17px)!important;}
}
@media(max-width:576px){
  .container{width:min(100% - 22px, 1180px)!important;}
  .topbar{padding:10px 0!important;}
  .hero{padding:36px 0!important;}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .btn,.nav-cta{width:100%;text-align:center;justify-content:center;}
}
