/* RCL look-and-feel aliases so wavy-system.css runs on CEC.
   Identity stays CEC (phone, name, LimoFlow). Chrome matches royalcarriagelimo.com. */
:root {
  --color-gold: var(--gold);
  --color-gold-light: var(--gold-2);
  --color-gold-dark: var(--gold-3);
  --color-gold-shimmer: var(--gold-shimmer);
  --color-gold-muted: rgba(212, 168, 67, 0.15);
  --color-bg: var(--black);
  --color-bg-deep: var(--black-deep);
  --color-bg-elevated: var(--black-2);
  --color-bg-card: var(--panel);
  --color-text-primary: var(--ink);
  --color-text-secondary: var(--muted);
  --color-text-muted: var(--muted-2);
  --color-border-gold: rgba(212, 168, 67, 0.35);
  --font-heading: var(--font-serif);
  --font-body: var(--font-sans);
  --font-heading-fallback: "Arial Narrow", sans-serif;
  --ease-luxury: var(--ease);
  --btn-min-height: 48px;
  --btn-radius: 8px;
  --shadow-card: 0 4px 30px rgba(0, 0, 0, 0.4);
  --shadow-card-hover: 0 8px 40px rgba(0, 0, 0, 0.6), 0 0 20px rgba(212, 168, 67, 0.15);
  --container-max: 1400px;
}

.header-glass {
  border-bottom: 1px solid rgba(212, 168, 67, 0.28);
  background: #050505;
  box-shadow: 0 1px 0 rgba(212, 168, 67, 0.12);
}
.header-glass-scrolled {
  background: rgba(10, 10, 10, 0.92);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom-color: rgba(212, 168, 67, 0.4);
}

.site-header {
  max-height: none;
}
.site-header.header-glass {
  padding-top: 8px;
  padding-bottom: 8px;
  min-height: 72px;
}
.site-header.header-glass::after {
  display: none;
}

.brand-text .b1 {
  font-family: var(--font-serif);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
}
.brand-text .b2 {
  font-family: var(--font-sans);
  font-size: 10px;
  letter-spacing: 0.25em;
  color: var(--gold);
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 2px;
}

.header-phone {
  color: var(--gold) !important;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.header-phone:hover {
  color: var(--gold-2) !important;
}

.header-cta .rc-btn {
  min-width: 9.5rem;
}
@media (max-width: 760px) {
  .header-cta { display: none !important; }
  .header-cta .rc-btn { min-width: 0; }
}

/* Hide the old two-tone mobile bar when the RCL sticky is present */
body.rc-has-sticky .mobile-bar {
  display: none !important;
}

.container-luxury {
  max-width: 1600px;
  margin-inline: auto;
  padding-inline: var(--gut);
}