/* Shared public-site visual layer. Keep quote and account journeys functionally unchanged. */
:root {
  --i24-site-blue: #1f59d6;
  --i24-site-blue-dark: #1746ad;
  --i24-site-navy: #111827;
  --i24-site-ink: #182338;
  --i24-site-muted: #5d6677;
  --i24-site-soft: #f4f7fb;
  --i24-site-line: #e5e9f0;
  --i24-site-radius: 12px;
  --i24-site-shadow: 0 18px 42px rgba(17, 24, 39, .08);
  --i24-site-generic-image: url("/static/images/generated/insure24-commercial-combined-hero.webp");
}

body.i24-public-shell {
  color: var(--i24-site-ink);
  font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.i24-public-shell #navbar .upper { display: none; }
body.i24-public-shell #navbar {
  background: rgba(255, 255, 255, .97);
  border-bottom: 1px solid rgba(229, 233, 240, .9);
  box-shadow: 0 8px 26px rgba(17, 24, 39, .06);
  position: sticky;
  top: 0;
}
body.i24-public-shell #navbar .lower { min-height: 74px; }
body.i24-public-shell #navbar .brand-logo img { height: 40px; width: auto; }
body.i24-public-shell #navbar .site-quote,
body.i24-public-shell #navbar .rQuote.button { border-radius: 8px; }

body.i24-public-shell main:not(.freight-page) {
  --i24-hub-hero-image: var(--i24-site-generic-image);
}
body.i24-public-shell main.manufacturing-page,
body.i24-public-shell main.manufacturing-authority-compact {
  --i24-hub-hero-image: url("/static/images/homepage-new/sector-manufacturing.jpg");
}
body.i24-public-shell main.shops-page,
body.i24-public-shell main.shops-compact-hub {
  --i24-hub-hero-image: url("/static/images/homepage-new/sector-retail.jpg");
}
body.i24-public-shell main.tradesman-page,
body.i24-public-shell main.trades-page,
body.i24-public-shell main.groundworks-page,
body.i24-public-shell main.construction-page,
body.i24-public-shell main.construction-engineering-page,
body.i24-public-shell main.civil-engineering-page,
body.i24-public-shell main.civil-page,
body.i24-public-shell main.industry-page {
  --i24-hub-hero-image: url("/static/images/homepage-new/sector-construction.jpg");
}
body.i24-public-shell main.property-portfolio-page,
body.i24-public-shell main.fm-page,
body.i24-public-shell main.fm-compact-hub {
  --i24-hub-hero-image: url("/static/images/homepage-new/sector-property.jpg");
}

body.i24-public-shell main > .home-contents-hero,
body.i24-public-shell main > .hero-banner.home-contents-hero {
  --i24-legacy-hero-image: var(--i24-site-generic-image);
}
body.i24-public-shell main.specialist-shop-page .home-contents-hero {
  --i24-legacy-hero-image: url("/static/images/homepage-new/sector-retail.jpg");
}
body.i24-public-shell main.tree-compact-hub .home-contents-hero,
body.i24-public-shell main.tree-static-compact .home-contents-hero,
body.i24-public-shell main.legacy-compact-page .home-contents-hero {
  --i24-legacy-hero-image: url("/static/images/homepage-new/sector-construction.jpg");
}

body.i24-public-shell main > .home-contents-hero::before,
body.i24-public-shell main > .hero-banner.home-contents-hero::before,
body.i24-public-shell main > .bg-container.hero-banner.home-contents-hero::before,
body.i24-public-shell main section.i24-hub-hero.i24-hub-hero-image::before,
body.i24-public-shell main .generated-landing-hero::before {
  background-image: url("/static/images/homepage-new/dotted-wave.png") !important;
}

body.i24-public-shell main .quote {
  background-image: linear-gradient(90deg, rgba(17,24,39,.92), rgba(23,70,173,.72)), var(--i24-site-generic-image) !important;
  background-position: center !important;
  background-size: cover !important;
}

body.i24-public-shell main.i24-ux-polished,
body.i24-public-shell main.business-page {
  background: #fff;
  color: var(--i24-site-ink);
}
body.i24-public-shell main.i24-ux-polished h1,
body.i24-public-shell main.i24-ux-polished h2,
body.i24-public-shell main.i24-ux-polished h3,
body.i24-public-shell main.business-page h1,
body.i24-public-shell main.business-page h2,
body.i24-public-shell main.business-page h3 {
  font-family: inherit;
  letter-spacing: -.015em;
}
body.i24-public-shell main.i24-ux-polished .bg-container:nth-of-type(even),
body.i24-public-shell main.business-page .bg-container:nth-of-type(even) {
  background-color: var(--i24-site-soft);
}
body.i24-public-shell main.i24-ux-polished [class*="-card"],
body.i24-public-shell main.business-page [class*="-card"] {
  border-color: var(--i24-site-line);
  border-radius: var(--i24-site-radius);
}

@media (max-width: 991px) {
  body.i24-public-shell #navbar .lower { min-height: 64px; }
  body.i24-public-shell main > .home-contents-hero,
  body.i24-public-shell main > .hero-banner.home-contents-hero,
  body.i24-public-shell main section.i24-hub-hero.i24-hub-hero-image {
    padding-bottom: 56px !important;
    padding-top: 56px !important;
  }
}