/**
 * SV888 — sitewide header + footer chrome
 * Palette synced with homepage: navy / deep red / gold / brand orange
 */
:root {
  --sv-navy: #0f172a;
  --sv-navy-2: #1a2438;
  --sv-ink: #070b14;
  --sv-red: #9e1020;
  --sv-red-2: #6b0a14;
  --sv-gold: #e8b84a;
  --sv-gold-2: #f5d078;
  --sv-orange: #ff6a00;
  --sv-muted: #94a3b8;
  --sv-text: #e2e8f0;
}

/* ========== HEADER ========== */
#header .header-wrapper,
#header .header-bg-color,
#header .header-main,
#header #header-main,
.header-wrapper .header-bg-color {
  background-color: var(--sv-navy) !important;
  background-image: linear-gradient(180deg, #152036 0%, var(--sv-navy) 100%) !important;
}

#header .header-main {
  border-bottom: 1px solid rgba(232, 184, 74, 0.18);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}

#header .header-main .flex-row.container,
#header #header-main .flex-row.container {
  background: transparent !important;
}

/* Sticky */
#header.stuck .header-main,
.header.show-on-scroll .header-main {
  background-color: rgba(15, 23, 42, 0.97) !important;
  backdrop-filter: blur(8px);
}

/* Bottom nav — full-bleed casino red, synced with lobby cards */
#header .header-bottom,
#header #header-bottom,
#header .header-bottom .flex-row.container,
#header #header-bottom .flex-row.container,
#header .nav-position-bg {
  background: linear-gradient(90deg, var(--sv-red-2) 0%, var(--sv-red) 45%, #b91c1c 100%) !important;
  border-radius: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 4px 16px rgba(110, 10, 20, 0.35);
}

#header .header-bottom {
  border-top: 1px solid rgba(232, 184, 74, 0.22);
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

#header .header-bottom-nav.nav > li > a,
#header .header-nav-main.nav > li > a,
#header .nav > li > a {
  color: #fff !important;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none !important;
  transition: color 0.2s ease, text-shadow 0.2s ease;
}

#header .header-bottom-nav.nav > li > a:hover,
#header .header-bottom-nav.nav > li.active > a,
#header .header-bottom-nav.nav > li.current > a,
#header .header-bottom-nav.nav > li.current-menu-item > a,
#header .nav > li > a:hover {
  color: var(--sv-gold-2) !important;
  text-shadow: 0 0 12px rgba(232, 184, 74, 0.35);
}

#header .header-bottom-nav.nav-line-bottom > li > a:before,
#header .header-bottom-nav.nav-line-grow > li > a:before,
#header .header-bottom-nav.nav-line > li > a:before {
  background-color: var(--sv-gold) !important;
}

#header .nav-dropdown {
  border-top: 2px solid var(--sv-gold);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
}

#header .nav-dropdown > li > a {
  color: #1e293b !important;
}

#header .nav-dropdown > li > a:hover {
  color: var(--sv-orange) !important;
  background: rgba(232, 184, 74, 0.08);
}

/* CTA buttons — gold register + outline login (no blue) */
.custom-header-btns {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 8px;
}

.custom-header-btns a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0.45rem 1.15rem;
  border-radius: 999px;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-decoration: none !important;
  white-space: nowrap;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.custom-header-btns .btn-head-orange {
  background: linear-gradient(135deg, var(--sv-gold-2) 0%, var(--sv-gold) 40%, #d4a017 100%) !important;
  color: #1a1200 !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  box-shadow: 0 4px 14px rgba(232, 184, 74, 0.35);
}

.custom-header-btns .btn-head-orange:hover {
  transform: translateY(-1px);
  background: linear-gradient(135deg, #fff0b8 0%, var(--sv-gold-2) 50%, var(--sv-gold) 100%) !important;
  box-shadow: 0 6px 18px rgba(232, 184, 74, 0.5);
  color: #1a1200 !important;
  border-color: var(--sv-gold) !important;
}

.custom-header-btns .btn-head-blue {
  background: transparent !important;
  color: var(--sv-gold-2) !important;
  border: 2px solid rgba(232, 184, 74, 0.75) !important;
  box-shadow: none;
}

.custom-header-btns .btn-head-blue:hover {
  background: rgba(232, 184, 74, 0.12) !important;
  color: #fff !important;
  border-color: var(--sv-gold) !important;
  box-shadow: 0 4px 14px rgba(232, 184, 74, 0.2);
  transform: translateY(-1px);
}

/* Mobile toggle icons on dark header */
#header .header-main .nav > li > a > i,
#header .header-button > .button.is-outline,
#header .toggle,
#header .icon-menu {
  color: var(--sv-gold-2) !important;
}

@media (max-width: 849px) {
  .custom-header-btns {
    gap: 6px;
    margin: 0 4px;
  }
  .custom-header-btns a {
    padding: 0.35rem 0.75rem;
    font-size: 11px;
    min-height: 34px;
  }
}

/* ========== FOOTER ========== */
#footer.footer-wrapper,
.footer-wrapper,
.footer-1,
.footer-2 {
  background: linear-gradient(180deg, var(--sv-navy-2) 0%, var(--sv-navy) 55%, var(--sv-ink) 100%) !important;
  color: var(--sv-text) !important;
  border-top: 1px solid rgba(232, 184, 74, 0.2);
}

/* UX Builder footer section — kill white overlay, go dark premium */
#footer #section_1049892220,
#footer .section.dark {
  background-color: transparent !important;
  padding-top: 2.25rem !important;
  padding-bottom: 1.75rem !important;
}

#footer #section_1049892220 .section-bg-overlay,
#footer .section.dark .section-bg-overlay {
  background-color: transparent !important;
  opacity: 0 !important;
}

#footer #section_1049892220 .section-bg.fill {
  background: transparent !important;
}

#footer p,
#footer li,
#footer span,
#footer .col-inner,
#footer .text {
  color: var(--sv-text) !important;
}

#footer a {
  color: #cbd5e1 !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

#footer a:hover {
  color: var(--sv-gold) !important;
}

/* Column titles + brand accents */
#footer strong,
#footer b,
#footer [style*="color: #ff6a00"],
#footer [style*="color:#ff6a00"],
#footer [style*="color: #FF6A00"] {
  color: var(--sv-gold) !important;
}

#footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer ul li {
  position: relative;
  padding: 0.28rem 0 0.28rem 0.9rem;
  line-height: 1.55;
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}

#footer ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.85em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--sv-gold);
  box-shadow: 0 0 6px rgba(232, 184, 74, 0.45);
}

#footer .row {
  row-gap: 1.25rem;
}

#footer .img-inner img {
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.35));
  max-width: 200px;
}

/* Intro paragraph under logo */
#footer #col-887482492 p,
#footer #col-887482492 span {
  color: var(--sv-muted) !important;
  line-height: 1.7;
}

#footer #col-887482492 a,
#footer #col-887482492 strong span {
  color: var(--sv-gold) !important;
}

/* Absolute copyright bar */
.absolute-footer,
html {
  background-color: var(--sv-ink) !important;
}

.absolute-footer {
  background: linear-gradient(90deg, var(--sv-ink) 0%, #121a2e 50%, var(--sv-ink) 100%) !important;
  border-top: 1px solid rgba(232, 184, 74, 0.28);
  color: #cbd5e1 !important;
  padding: 0.85rem 0 !important;
  letter-spacing: 0.04em;
}

.absolute-footer a,
.absolute-footer strong {
  color: var(--sv-gold) !important;
}

/* Breadcrumb — gold links to match brand (was sky blue) */
.sv888-breadcrumb-wrap {
  background: #f8fafc;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.sv888-breadcrumb-wrap .rank-math-breadcrumb a {
  color: var(--sv-orange) !important;
}

.sv888-breadcrumb-wrap .rank-math-breadcrumb a:hover {
  color: var(--sv-red) !important;
}

/* Mobile menu drawer — dark chrome */
.mobile-sidebar,
.off-canvas .mfp-content,
.nav-sidebar {
  background: var(--sv-navy) !important;
}

.mobile-sidebar .nav > li > a,
.off-canvas .nav > li > a {
  color: #fff !important;
}

.mobile-sidebar .nav > li > a:hover,
.off-canvas .nav > li > a:hover {
  color: var(--sv-gold) !important;
}

/* ===== Internal link boxes + sidebar nav ===== */
.sv-ilink {
  margin: 1.5rem 0 0.5rem;
  padding: 1rem 1.15rem;
  background: linear-gradient(180deg, #fffef8 0%, #f8fafc 100%);
  border: 1px solid rgba(232, 184, 74, 0.35);
  border-left: 4px solid #e8b84a;
  border-radius: 12px;
}
.sv-ilink__label {
  margin: 0.35rem 0;
  line-height: 1.7;
  color: #1c2430;
  font-size: 0.95rem;
}
.sv-ilink a {
  color: #e11d48 !important;
  font-weight: 700;
  text-decoration: none;
}
.sv-ilink a:hover { text-decoration: underline; }

.sv-sidebar-nav.widget {
  background: #0f172a;
  color: #e2e8f0;
  padding: 1rem 1.1rem 1.15rem;
  border-radius: 12px;
  margin-bottom: 1.25rem;
  border: 1px solid rgba(232, 184, 74, 0.25);
}
.sv-sidebar-nav .widget-title {
  display: block;
  color: #e8b84a !important;
  font-size: 0.95rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 0.75rem 0 0.5rem;
  border: 0;
}
.sv-sidebar-nav .widget-title:first-child { margin-top: 0; }
.sv-sidebar-nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sv-sidebar-nav__list li {
  margin: 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.15);
}
.sv-sidebar-nav__list a {
  display: block;
  padding: 0.45rem 0;
  color: #e2e8f0 !important;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.92rem;
}
.sv-sidebar-nav__list a:hover { color: #e8b84a !important; }
.sv-sidebar-nav__home a { color: #e8b84a !important; }
.sv-cat-h1 {
  font-size: clamp(1.4rem, 3vw, 1.85rem);
  font-weight: 800;
  color: #0f172a;
  margin: 0.5rem 0 1rem;
  text-align: center;
}
.sv888-safe-category-content { max-width: 1120px; margin-left: auto; margin-right: auto; padding: 0 1rem; }

/* ===== Category / archive / page on-page layout ===== */
body.archive .taxonomy-description,
body.category .taxonomy-description,
.sv888-safe-category-content,
body.page .entry-content,
body.single .entry-content {
  text-align: left !important;
  color: #1c2430;
  line-height: 1.75;
  font-size: 1.02rem;
}

body.archive .taxonomy-description p,
body.category .taxonomy-description p,
.sv888-safe-category-content p,
body.page .entry-content p,
body.single .entry-content p {
  text-align: justify;
  margin: 0 0 1rem;
}

.sv-cat-h1 {
  font-size: clamp(1.45rem, 3vw, 1.9rem) !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0.25rem 0 1.1rem !important;
  text-align: left !important;
  line-height: 1.3 !important;
}

.sv-cat-h2,
body.archive .taxonomy-description h2,
body.category .taxonomy-description h2,
.sv888-safe-category-content h2 {
  font-size: clamp(1.15rem, 2.2vw, 1.35rem) !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 1.5rem 0 0.75rem !important;
  text-align: left !important;
  line-height: 1.35 !important;
}

body.archive .taxonomy-description img,
body.category .taxonomy-description img,
.sv888-safe-category-content img,
body.page .entry-content img,
body.single .entry-content img {
  display: block;
  max-width: 100% !important;
  height: auto !important;
  margin: 1rem auto;
  border-radius: 12px;
}

body.archive .taxonomy-description .wp-caption,
body.category .taxonomy-description .wp-caption,
.sv888-safe-category-content .wp-caption {
  max-width: 100% !important;
  margin: 1.25rem auto !important;
  text-align: center;
  background: transparent;
  border: 0;
  padding: 0;
}

body.archive .taxonomy-description .wp-caption-text,
body.category .taxonomy-description .wp-caption-text {
  text-align: center;
  font-size: 0.9rem;
  color: #64748b;
  margin-top: 0.4rem;
}

/* Archive row with sidebar */
body.archive #content .row,
body.category #content .row,
body.blog #content .row {
  align-items: flex-start;
}

body.archive .large-9,
body.category .large-9,
body.blog .large-9 {
  padding-right: 1.25rem;
}

/* Breadcrumb left */
.sv888-breadcrumb-wrap .sv888-breadcrumb-inner {
  text-align: left;
}

/* Archive post list: H3 titles keep same visual weight as old H2 */
body.archive h3.entry-title,
body.category h3.entry-title,
body.blog h3.entry-title {
  font-size: 1.35rem;
  font-weight: 700;
  margin: 0.35rem 0;
}
body.archive .entry-category,
body.category .entry-category,
body.blog .entry-category {
  margin: 0 0 0.25rem;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

body.archive p.entry-title,
body.category p.entry-title,
body.blog p.entry-title {
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.35;
  margin: 0.35rem 0;
}
body.archive p.entry-title a,
body.category p.entry-title a,
body.blog p.entry-title a {
  color: inherit;
  text-decoration: none;
}

/* Breadcrumb strip directly under header nav */
.sv888-breadcrumb-wrap {
  background: #fff;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  padding: 0.55rem 0;
  position: relative;
  z-index: 5;
}
.sv888-breadcrumb-inner {
  width: min(1120px, calc(100% - 2rem));
  margin: 0 auto;
  text-align: left;
  font-size: 0.9rem;
}