/* Shared header/footer chrome (glass header + dark grape footer) — inner pages */
:root {
  --grape: #5a2d82;
  --grape-deep: #3d1a5e;
  --grape-light: #7b42a8;
  --black: #111111;
  --white: #ffffff;
}

body.fixed {
  overflow-x: hidden !important;
}

.site-header {
  background: var(--black) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: none !important;
  padding: 0 !important;
}
.site-header .header-box {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  min-height: 0 !important;
}
.site-header .site-branding img {
  width: 130px !important;
  height: auto !important;
}
.site-header.scrolled {
  background: var(--black) !important;
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.4) !important;
}
.site-header .main-navigation ul li a {
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 14px !important;
}
.site-header .main-navigation ul li a:hover {
  color: var(--grape-light) !important;
}
.site-header .toggle-button span {
  background: var(--white) !important;
  background-color: var(--white) !important;
}
.site-header .toggle-button::before,
.site-header .toggle-button::after {
  background: var(--white) !important;
  background-color: var(--white) !important;
}
.site-header .main-navigation.toggle-menu .toggle-button::before,
.site-header .main-navigation.toggle-menu .toggle-button::after {
  background: #cca967 !important;
  background-color: #cca967 !important;
}
.site-header .header-btn .sec-btn,
.site-header .header-mob-btn .sec-btn {
  all: unset !important;
  display: inline-flex !important;
  align-items: center !important;
  background: var(--grape) !important;
  color: var(--white) !important;
  font-family: "Jost", sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  padding: 10px 20px !important;
  border-radius: 20px !important;
  cursor: pointer !important;
  transition: background 0.2s !important;
  text-decoration: none !important;
}
.site-header .header-btn .sec-btn span,
.site-header .header-mob-btn .sec-btn span {
  all: unset !important;
  color: var(--white) !important;
}
.site-header .header-btn .sec-btn::before,
.site-header .header-btn .sec-btn::after,
.site-header .header-mob-btn .sec-btn::before,
.site-header .header-mob-btn .sec-btn::after {
  display: none !important;
}
.site-header .header-btn .sec-btn:hover,
.site-header .header-mob-btn .sec-btn:hover {
  background: var(--grape-deep) !important;
}

.site-footer {
  background: var(--black) !important;
}
.site-footer .footer-title {
  color: var(--white) !important;
  font-family: "Jost", sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.site-footer p,
.site-footer a {
  color: rgba(255, 255, 255, 0.55) !important;
}
.site-footer a:hover {
  color: var(--grape-light) !important;
}
.site-footer .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.site-footer .social-media a {
  background: rgba(255, 255, 255, 0.07) !important;
  border-color: transparent !important;
}
.site-footer .social-media a:hover {
  background: var(--grape) !important;
}
.site-footer .footer-contact li .icon,
.site-footer .footer-contact li span.icon {
  background: rgba(90, 45, 130, 0.25) !important;
  border-color: rgba(90, 45, 130, 0.4) !important;
  color: var(--grape-light) !important;
  box-shadow: none !important;
}
.site-footer .footer-contact li .icon i,
.site-footer .footer-contact li span.icon i {
  color: var(--grape-light) !important;
}
.site-footer .bg-icon {
  opacity: 0.04 !important;
  filter: grayscale(1) !important;
}
.main .site-footer .footer-link ul li::before,
.main .site-footer .footer-link ul li a::before,
.main .site-footer .footer-link-wp .footer-link ul li::before,
.main .site-footer .footer-link-wp .footer-link ul li a::before {
  background: var(--grape-light) !important;
  border-color: var(--grape-light) !important;
}
#scroll-to-top {
  background: var(--grape) !important;
  border-color: var(--grape) !important;
}
#scroll-to-top:hover {
  background: var(--grape-deep) !important;
}

.site-footer .legal-mini {
  margin-top: 14px !important;
  font-size: 12px !important;
  letter-spacing: 0.06em !important;
}
.site-footer .legal-mini a {
  color: rgba(255, 255, 255, 0.45) !important;
}
.site-footer .legal-mini a:hover {
  color: var(--grape-light) !important;
}