/* =========================================================
   FOOTER — PREMIUM LIGHTER BASE (logo visibility)
   Paste AFTER your existing footer CSS
   ========================================================= */

.footer{
  position: relative;
  overflow: hidden;

  /* Lighter than your current (still premium) */
  background:
    radial-gradient(900px 420px at 18% 20%, rgba(244,180,0,.14), transparent 58%),
    radial-gradient(700px 420px at 82% 10%, rgba(255,255,255,.08), transparent 60%),
    linear-gradient(180deg, #121A2A 0%, #0E1422 100%);

  color: rgba(255,255,255,.86);
  padding: clamp(34px, 4.2vw, 64px) 0;
}

.footer::before{
  content:"";
  position:absolute;
  inset:-220px -180px -260px -180px;
  background:
    radial-gradient(1200px 520px at 50% 0%, rgba(255,255,255,.06), transparent 64%),
    radial-gradient(980px 540px at 22% 70%, rgba(244,180,0,.10), transparent 60%);
  pointer-events:none;
  z-index: 0;
}

.footer .container{ position: relative; z-index: 1; }

/* Grid (keep your structure) */
.footer-grid{
  display:grid;
  grid-template-columns: 1.35fr .85fr 1.05fr;
  gap: 22px;
  align-items: start;
}

@media (max-width: 991px){
  .footer-grid{ grid-template-columns: 1fr; }
}

/* ---------------------------------------------------------
   Brand / Logo plate (THIS is the key for logo visibility)
   --------------------------------------------------------- */
.footer-logo{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  /* light plate */
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 18px;
  padding: 10px 14px;

  box-shadow:
    0 18px 46px rgba(0,0,0,.28),
    0 0 0 6px rgba(244,180,0,.06);

  width: fit-content;
}

.footer-logo img{
      height: 60px;        /* tweak */
  width: auto;
  display:block;
  filter: saturate(1.02) contrast(1.05);
}

/* Description */
.footer-desc{
  margin: 14px 0 0 0;
  max-width: 620px;
  color: rgba(255,255,255,.80);
  line-height: 1.75;
  font-weight: 600;
}
.footer-desc strong{ color: rgba(255,255,255,.92); font-weight: 900; }

/* CTA in footer */
.footer-cta{
  margin-top: 14px;
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
}
.footer-cta .btn{
  height: 46px;
  border-radius: 16px;
}

/* Badges */
.footer-badges{
  margin-top: 14px;
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
}
.footer-badge{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 999px;

  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);

  color: rgba(255,255,255,.84);
  font-weight: 800;
  letter-spacing: .25px;
  font-size: 12.5px;
}
.footer-badge i{ color: rgba(244,180,0,.95); }

/* ---------------------------------------------------------
   Columns
   --------------------------------------------------------- */
.footer-col{
  padding-top: 6px;
}

.footer-h{
  margin: 0 0 12px 0;
  font-weight: 900;
  letter-spacing: -.3px;
  color: rgba(255,255,255,.92);
  display:flex;
  align-items:center;
  gap: 10px;
  font-size: 16px;
}
.footer-h i{ color: rgba(244,180,0,.95); }

/* Links */
.footer-links{
  margin: 0;
  padding: 0;
  list-style:none;
  display:grid;
  gap: 10px;
}
.footer-links a{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  color: rgba(255,255,255,.80);
  text-decoration:none;
  font-weight: 700;
}
.footer-links a i{
  width: 18px;
  color: rgba(255,255,255,.65);
}
.footer-links a:hover{
  color: rgba(255,255,255,.96);
}

/* ---------------------------------------------------------
   NAP cards (right side)
   --------------------------------------------------------- */
.footer-nap{
  display:grid;
  gap: 12px;
}
.nap-row{
  display:flex;
  gap: 12px;
  align-items:center;
  padding: 14px 14px;
  border-radius: 18px;

  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 46px rgba(0,0,0,.22);
}
.nap-ico{
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display:grid;
  place-items:center;

  background: rgba(244,180,0,.14);
  border: 1px solid rgba(244,180,0,.22);
}
.nap-ico i{ color: rgba(244,180,0,.98); font-size: 18px; }

.nap-k{
  font-size: 12px;
  letter-spacing: .9px;
  font-weight: 900;
  color: rgba(255,255,255,.70);
  text-transform: uppercase;
}
.nap-v{
  font-weight: 900;
  color: rgba(255,255,255,.92);
  text-decoration:none;
}
.nap-v:hover{ text-decoration: underline; }

/* ---------------------------------------------------------
   Bottom bar
   --------------------------------------------------------- */
.footer-bottom{
  margin-top: 18px;
  border-top: 1px solid rgba(255,255,255,.10);
  padding-top: 14px;

  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  justify-content:space-between;
  align-items:center;

  color: rgba(255,255,255,.70);
}

.footer-bottom-links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap: 10px;
}

.footer-bottom a{
  color: rgba(255,255,255,.84);
  text-decoration:none;
  font-weight: 800;
}
.footer-bottom a:hover{ color: rgba(255,255,255,.96); }

.footer-sep{ color: rgba(255,255,255,.35); }

.footer-credit i{ color: rgba(244,180,0,.95); }
.footer-credit__link{
  color: rgba(244,180,0,.98);
  font-weight: 900;
}
.footer-credit__link:hover{
  text-decoration: underline;
}