/* Cards shell only. Linked from cards-home/index.html.
   html.cards-app / .wttm-theme-cards never match Expo, Books, Awards, or Info shells. */

html.cards-app {
  --wttm-brand: #ef7c00;
  --wttm-brand-rgb: 239, 124, 0;
  --wttm-brand-alt: #a85500;
  --wttm-accent: #b87333;
  --wttm-primary: #ef7c00;
  --wttm-primary-dark: #a85500;
  --wttm-paper: #fffaf5;
  --wttm-ink: #1c171b;
  --wttm-chrome-primary: #ef7c00;
  --wttm-chrome-primary-dark: #a85500;
  --wttm-chrome-accent: #b87333;
  --wttm-chrome-cta-bg: #ef7c00;
  --wttm-chrome-on-primary: #ffffff;
  --wttm-chrome-header-bg: #ef7c00;
  --wttm-chrome-header-bg-scrolled: #a85500;
  --wttm-chrome-nav-hover: #fffaf5;
  --wttm-chrome-nav-color: #ffffff;
  --gp-plum: #ef7c00;
  --gp-magenta: #b87333;
  --sag-brand: #ef7c00;
  --sag-accent: #b87333;
  --contact-brand: #ef7c00;
  --contact-brand-dark: #a85500;
  --contact-accent: #b87333;
  accent-color: #ef7c00;
}

html.cards-app .wttm-theme-cards {
  --wttm-primary: #ef7c00 !important;
  --wttm-primary-dark: #a85500 !important;
  --wttm-accent: #b87333 !important;
  --wttm-paper: #fffaf5 !important;
  --wttm-chrome-primary: #ef7c00 !important;
  --wttm-chrome-primary-dark: #a85500 !important;
  --wttm-chrome-accent: #b87333 !important;
  --wttm-chrome-cta-bg: #ef7c00 !important;
  --wttm-chrome-header-bg: #ef7c00 !important;
  --wttm-chrome-header-bg-scrolled: #a85500 !important;
  --wttm-chrome-nav-hover: #fffaf5 !important;
  --wttm-footer-bg: #2a160c !important;
  --wttm-footer-main-bg: #2a160c !important;
  --wttm-footer-legal-bg: #1c120c !important;
  --wttm-footer-heading: #fffaf5 !important;
  --wttm-footer-link: #ffe8cc !important;
  --wttm-footer-link-hover: #ef7c00 !important;
  --wttm-footer-border: rgba(239, 124, 0, 0.35) !important;
  --wttm-footer-form-bg: rgba(42, 22, 12, 0.55) !important;
}

html.cards-app .site-header,
html.cards-app .site-header.scrolled,
html.cards-app .site-header.desktop-only.site-header--home-top,
html.cards-app .mobile-header-main {
  background: #ef7c00 !important;
  border-bottom-color: rgba(255, 255, 255, 0.22) !important;
}

html.cards-app .topbar,
html.cards-app .wttm-topbar {
  background: #2a160c !important;
}

html.cards-app .topbar-partner-link,
html.cards-app .topbar-end-link,
html.cards-app .wttm-theme-cards .topbar-partner-link,
html.cards-app .wttm-theme-cards .topbar-end-link {
  background: #ef7c00 !important;
  border-color: #ef7c00 !important;
  color: #fff !important;
}

html.cards-app .nav-menu .nav-link,
html.cards-app .main-navigation .menu li a,
html.cards-app .mobile-nav-menu .nav-link {
  color: #fff !important;
  text-transform: none !important;
}

/* Stale SPA bundle still emits Visit / Media / Contact / Wttm Cards. Hide them in this Cards shell only. */
html.cards-app .site-header li.menu-item:has(> a[href="/visit"]),
html.cards-app .site-header li.menu-item:has(> a[href="/press"]),
html.cards-app .site-header li.menu-item:has(> a[href="/contact"]),
html.cards-app .site-header li.menu-item:has(> a[href="/cards"]),
html.cards-app .mobile-navigation li.menu-item:has(> a[href="/visit"]),
html.cards-app .mobile-navigation li.menu-item:has(> a[href="/press"]),
html.cards-app .mobile-navigation li.menu-item:has(> a[href="/contact"]),
html.cards-app .mobile-navigation li.menu-item:has(> a[href="/cards"]),
html.cards-app .mobile-nav-panel li.menu-item:has(> a[href="/visit"]),
html.cards-app .mobile-nav-panel li.menu-item:has(> a[href="/press"]),
html.cards-app .mobile-nav-panel li.menu-item:has(> a[href="/contact"]),
html.cards-app .mobile-nav-panel li.menu-item:has(> a[href="/cards"]) {
  display: none !important;
}

html.cards-app .nav-menu .nav-link:hover,
html.cards-app .nav-menu .nav-link:focus,
html.cards-app .nav-menu .nav-link[aria-current='page'],
html.cards-app .main-navigation .menu li a:hover,
html.cards-app .main-navigation .menu li a:focus,
html.cards-app .main-navigation .menu li a[aria-current='page'],
html.cards-app .menu-item.current-menu-item > a,
html.cards-app .menu-item.is-active > a {
  color: #fffaf5 !important;
  box-shadow: inset 0 -3px 0 #fffaf5;
}

html.cards-app .site-footer,
html.cards-app .footer,
html.cards-app footer.footer {
  background: #2a160c !important;
  color: #ffe8cc;
}

html.cards-app .site-footer a,
html.cards-app .footer a,
html.cards-app .wttm-theme-cards .footer-newsletter-form button {
  color: #ffe8cc;
}

html.cards-app .wttm-theme-cards .footer-newsletter-form button,
html.cards-app .footer-newsletter-form button {
  background: #ef7c00 !important;
  color: #fff !important;
  border-color: #ef7c00 !important;
}

html.cards-app .gp-landing {
  --gp-plum: #ef7c00;
  --gp-magenta: #b87333;
  --gp-ink: #1c171b;
  --gp-muted: rgba(28, 23, 27, 0.68);
  --gp-line: rgba(239, 124, 0, 0.18);
  --gp-shadow: 0 24px 64px rgba(168, 85, 0, 0.12), 0 8px 24px rgba(0, 0, 0, 0.06);
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(239, 124, 0, 0.16), transparent 55%),
    radial-gradient(900px 480px at 95% 20%, rgba(184, 115, 51, 0.12), transparent 50%),
    linear-gradient(180deg, #fffaf5 0%, #fff3e4 40%, #ffffff 100%) !important;
}

html.cards-app .gp-landing .gp-hero--mesh {
  background: linear-gradient(155deg, #2a160c 0%, #a85500 42%, #ef7c00 76%, #6a3208 100%) !important;
}

html.cards-app .gp-landing .gp-hero__mesh-bg {
  background-image:
    radial-gradient(ellipse 80% 55% at 20% -10%, rgba(239, 124, 0, 0.42), transparent 55%),
    radial-gradient(ellipse 60% 50% at 95% 30%, rgba(255, 255, 255, 0.12), transparent 45%),
    linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px) !important;
}

html.cards-app .gp-landing .gp-hero__title-accent {
  background: linear-gradient(120deg, #ffe8cc, #fff 42%, #ffd7a8);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

html.cards-app .gp-landing .gp-btn--primary,
html.cards-app .gp-landing .gp-cta,
html.cards-app .gp-landing .gp-sponsor-card--tier-title::before {
  background: linear-gradient(135deg, #ef7c00, #a85500) !important;
  border-color: #a85500 !important;
  color: #fff;
}

html.cards-app .gp-landing .gp-btn--hero-primary {
  color: #a85500 !important;
  background: #fff !important;
}

html.cards-app .gp-landing .gp-btn:focus-visible,
html.cards-app .gp-landing .gp-float__input:focus,
html.cards-app .gp-landing .gp-float__select:focus,
html.cards-app .gp-landing .gp-float__textarea:focus {
  outline-color: #ef7c00;
  border-color: #ef7c00 !important;
  box-shadow: 0 0 0 3px rgba(239, 124, 0, 0.28) !important;
}

html.cards-app .search-agency-main,
html.cards-app .content-section:has(.search-agency-main) {
  --sag-brand: #ef7c00;
  --sag-accent: #b87333;
  background: #fffaf5 !important;
}

html.cards-app .search-agency-header {
  background: linear-gradient(145deg, #fff 0%, #fffaf5 52%, #fff3e4 100%) !important;
  border-bottom-color: rgba(239, 124, 0, 0.16) !important;
  box-shadow: 0 6px 24px rgba(168, 85, 0, 0.08) !important;
}

html.cards-app .search-agency-header::before {
  background: radial-gradient(circle, rgba(239, 124, 0, 0.28), transparent 70%) !important;
}

html.cards-app .search-agency-header h1,
html.cards-app .search-agency-header__kicker {
  color: #a85500 !important;
}

html.cards-app .contact-page {
  --contact-brand: #ef7c00;
  --contact-brand-dark: #a85500;
  --contact-accent: #b87333;
  --contact-bg: #fffaf5;
}

html.cards-app .contact-page .contact-hero,
html.cards-app .contact-page .contact-card__head {
  background: linear-gradient(145deg, #a85500 0%, #ef7c00 55%, #6a3208 100%) !important;
}

html.cards-app .btn-primary,
html.cards-app a.btn-primary,
html.cards-app button.btn-primary,
html.cards-app .login-button,
html.cards-app .global-partner-page .btn-primary,
html.cards-app .contact-page .btn-primary,
html.cards-app .search-agency-main .btn-primary {
  background: #ef7c00 !important;
  border-color: #a85500 !important;
  color: #fff !important;
}

html.cards-app .btn-primary:hover,
html.cards-app .login-button:hover:not(:disabled) {
  background: #a85500 !important;
}

html.cards-app .forgot-password-link,
html.cards-app .auth-inline-link,
html.cards-app .wttm-shared-page a,
html.cards-app .cards-embedded-main a:not(.btn):not(.nav-link):not(.gp-btn):not(.topbar-partner-link):not(.topbar-end-link) {
  color: #a85500;
}

html.cards-app .cards-embedded-main a:not(.btn):not(.nav-link):not(.gp-btn):hover {
  color: #ef7c00;
}

html.cards-app .bg-\[rgb\(100\,23\,75\)\],
html.cards-app .bg-\[\#64174b\],
html.cards-app .bg-\[\#64174B\] {
  background-color: #ef7c00 !important;
}

html.cards-app .text-\[rgb\(100\,23\,75\)\],
html.cards-app .text-\[\#64174b\],
html.cards-app .text-\[\#64174B\] {
  color: #a85500 !important;
}

html.cards-app .border-\[rgb\(100\,23\,75\)\],
html.cards-app .border-\[\#64174b\] {
  border-color: #ef7c00 !important;
}

html.cards-app input:focus,
html.cards-app textarea:focus,
html.cards-app select:focus {
  border-color: #ef7c00;
  outline-color: #ef7c00;
}

/* Fixed chrome already offsets .wttm-chrome-main by topbar+header (~162px).
   Premium-booking .content-section adds that pad again and leaves a blank
   band above the interest form. Cards surface only. */
html.cards-app .wttm-theme-cards .cards-embedded-main,
html.cards-app .content-section.cards-embedded-main,
html.cards-app.wttm-page--premium-booking .content-section,
html.cards-app.wttm-page--premium-booking .wttm-theme-cards .cards-embedded-main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}