#fw-section-footer {

/* DJ CAISES - FOOTER STYLE
   Paste into: Layout > Footer > Advanced > Add custom CSS code
   Pure CSS only. No crossfader. Applies to every page automatically. */

footer.footer {
  position: relative;
  background: #000000 !important;
  border: none !important;
  width: 100% !important;
  max-width: none !important;
  padding-top: 44px !important;
  padding-bottom: 28px !important;
  margin: 0 !important;
}

/* Thin blue hairline across the top, replaces the crossfader */
footer.footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0,87,255,0.42) 30%, rgba(0,87,255,0.42) 70%, transparent);
  pointer-events: none;
}

/* Soft blue floor glow */
footer.footer::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 820px;
  max-width: 110%;
  height: 300px;
  background: radial-gradient(ellipse at 50% 100%, rgba(0,87,255,0.12), transparent 68%);
  filter: blur(40px);
  pointer-events: none;
  z-index: 0;
}

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

footer.footer * {
  border-color: rgba(255,255,255,0.07) !important;
}

/* Links */
footer.footer a {
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 13px !important;
  color: rgba(255,255,255,0.55) !important;
  text-decoration: none !important;
  transition: color 0.3s ease;
}

footer.footer a:hover {
  color: #ffffff !important;
}

/* Headings inside the footer */
footer.footer h1,
footer.footer h2,
footer.footer h3,
footer.footer h4 {
  font-family: "DM Mono", ui-monospace, monospace !important;
  font-size: 9px !important;
  letter-spacing: 0.5em !important;
  text-transform: uppercase !important;
  color: #0057FF !important;
}

/* Body text, copyright, powered-by */
footer.footer p,
footer.footer span,
footer.footer small,
footer.footer li {
  font-family: "DM Mono", ui-monospace, monospace !important;
  font-size: 9.5px !important;
  letter-spacing: 0.26em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.3) !important;
}

/* Currency selector and buttons */
footer.footer button,
footer.footer select {
  font-family: "DM Mono", ui-monospace, monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.4) !important;
  background: transparent !important;
  border: none !important;
  transition: color 0.3s ease;
}

footer.footer button:hover,
footer.footer select:hover {
  color: #0057FF !important;
}

footer.footer select option {
  background: #0a0a0a !important;
  color: #ffffff !important;
}

/* Social icons */
footer.footer svg {
  color: #0057FF !important;
  stroke: #0057FF !important;
  transition: transform 0.3s ease, color 0.3s ease;
}

footer.footer a:hover svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
  transform: translateY(-2px);
}

@media (max-width: 560px) {
  footer.footer {
    padding-top: 34px !important;
    padding-bottom: 22px !important;
  }
}

/* Force page text white - theme h1/h2/p rules were overriding the dark sections */
.ch h1, .ch h2, .ch h3, .ch h4, .ch p, .ch li, .ch span, .ch div,
.lk h1, .lk h2, .lk h3, .lk p, .lk span,
.booking-page h1, .booking-page h2, .booking-page h3, .booking-page p, .booking-page label {
  color: #ffffff;
}
.ch .bl, .lk .nm, .booking-page .blue, .cs-ft-ctaT span {
  color: #0057FF !important;
}
.ch .d, .ch .tg, .ch .s {
  color: rgba(255,255,255,0.55) !important;
}
.ch .hud, .ch .cm, .ch .a {
  color: rgba(255,255,255,0.42) !important;
}

}
#fw-section-header {

/* DJ CAISES - HEADER STYLE
   Paste into: Layout > Header > Advanced > Add custom CSS code
   Pure CSS only. Applies to every page automatically. */

header.header {
  background: rgba(0,0,0,0.82) !important;
  border: none !important;
  box-shadow: 0 1px 0 rgba(0,87,255,0.28), 0 8px 40px rgba(0,0,0,0.55) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  width: 100% !important;
  max-width: none !important;
}

header.header * {
  border-color: rgba(255,255,255,0.10) !important;
}

/* Store name / wordmark */
header.header a[href="/"],
header.header [class*="logo"] {
  font-family: Anton, Impact, sans-serif !important;
  font-size: 22px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  text-decoration: none !important;
  text-shadow: 0 0 26px rgba(0,87,255,0.45);
}

/* Nav links */
header.header nav a,
header.header ul a {
  position: relative;
  font-family: "DM Mono", ui-monospace, monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.58) !important;
  text-decoration: none !important;
  transition: color 0.3s ease;
}

header.header nav a:hover,
header.header ul a:hover {
  color: #ffffff !important;
}

header.header nav a::after,
header.header ul a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 1px;
  background: #0057FF;
  box-shadow: 0 0 8px rgba(0,87,255,0.8);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s cubic-bezier(0.22,1,0.36,1);
}

header.header nav a:hover::after,
header.header ul a:hover::after {
  transform: scaleX(1);
}

/* Icons - cart, search, account */
header.header svg {
  color: rgba(255,255,255,0.75) !important;
  stroke: rgba(255,255,255,0.75) !important;
  transition: color 0.3s ease, stroke 0.3s ease;
}

header.header a:hover svg,
header.header button:hover svg {
  color: #0057FF !important;
  stroke: #0057FF !important;
}

/* Currency selector and buttons */
header.header button,
header.header select {
  font-family: "DM Mono", ui-monospace, monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.58) !important;
  background: transparent !important;
  border: none !important;
  transition: color 0.3s ease;
}

header.header button:hover,
header.header select:hover {
  color: #ffffff !important;
}

header.header select option {
  background: #0a0a0a !important;
  color: #ffffff !important;
}

/* Mobile drawer / slide-out menu */
header.header aside,
header.header .drawer {
  background: #000000 !important;
}

header.header aside a,
header.header .drawer a {
  color: rgba(255,255,255,0.8) !important;
  font-family: "Bebas Neue", Impact, sans-serif !important;
  font-size: 28px !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

header.header aside a:hover,
header.header .drawer a:hover {
  color: #0057FF !important;
}

@media (max-width: 900px) {
  header.header a[href="/"],
  header.header [class*="logo"] {
    font-size: 18px !important;
  }
}
}