/* LUXEN88 HOME VISUAL V1
   Scope: root/home page only. Loaded only by /index.html.
   Purpose:
   1) show LUXEN88 logo from a unique cache-busted asset path;
   2) improve logo sizing in header/footer;
   3) darken the bright footer zone without changing routes/runtime.
*/

.wrap-header .header-left .wrap-item-header-left .box-logo {
  align-items: center !important;
}

.wrap-header .header-left .wrap-item-header-left .box-logo img {
  width: 100% !important;
  max-width: 180px !important;
  height: auto !important;
  object-fit: contain !important;
}

#footer-main .wrap-footer .inner-wrap-footer {
  background: linear-gradient(
    180deg,
    #073a66 0%,
    #05294d 34%,
    #031c38 68%,
    #020d20 100%
  ) !important;
}

#footer-main .wrap-footer .inner-wrap-footer .box-logo img {
  width: min(220px, 72vw) !important;
  max-width: 220px !important;
  height: auto !important;
  object-fit: contain !important;
}

@media only screen and (max-width: 640px) {
  .wrap-header .header-left .wrap-item-header-left .box-logo img {
    max-width: 155px !important;
  }

  #footer-main .wrap-footer .inner-wrap-footer {
    background: linear-gradient(
      180deg,
      #073a66 0%,
      #052744 38%,
      #03172e 72%,
      #010a18 100%
    ) !important;
  }

  #footer-main .wrap-footer .inner-wrap-footer .box-logo img {
    width: min(190px, 58vw) !important;
    max-width: 190px !important;
  }
}