/* ============================================================
   SecurFinancial — Insurance Page Styles
   Source: https://dsn.adobe.com/web/securfinancial2/insurance
   Stripped: New Relic, ProfileViewer, chat widget, Offer Decisioning, consent modal
   ============================================================ */

/* ── 1. Adobe Typekit font (adobe-clean / proxima-nova) ── */
@import url("https://use.typekit.net/ysb2tjo.css");

/* ── 2. Main DSN component stylesheet ── */
@import url("https://dsn.adobe.com/web/assets/index-db448122.css");

/* ── Top Ribbon ─────────────────────────────────── */
    .ribbon {
      background: var(--color-btn-bg);
      color: var(--color-text);
      text-align: center;
      font-size: 0.875rem;
      font-weight: 400;
      padding: 8px 16px;
      line-height: 1.4;
    }

.theme-securfinancial .App .TopRibbon {
    color: black;
    background-color: #CCE7F0;
    background-image: url(https://demo-system-next.s3.eu-north-1.amazonaws.com/assets/securfinancial/visual-2.png);
    background-size: auto;
    background-position: 50% 40%;
    background-repeat: no-repeat;
}

    /* ── Header ─────────────────────────────────────── */
    .site-header {
      position: sticky;
      top: 0;
      z-index: 100;
      background: #ffffff;
      border-bottom: 1px solid #e8e8e8;
    }

    .header-inner {
      max-width: var(--max-width);
      margin: 0 auto;
      padding: 0 24px;
      height: 64px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .header-logo img {
      height: 50px;
      width: auto;
      display: block;
    }

    .header-nav {
      display: flex;
      align-items: center;
      gap: 32px;
      list-style: none;
    }

    .header-nav a {
      text-decoration: none;
      color: var(--color-text);
      font-size: 0.9375rem;
      font-weight: 400;
      transition: color 0.15s;
      text-transform: uppercase;
    }

    .header-nav li a.active {
    color: #0296a6 !important;
    }
  
    .header-nav a:hover {
      color: var(--color-accent);
    }


/* ── 3. Custom branding overrides ── */
.UserAvatar > img {
  max-width: 36px;
  border-radius: 50%;
}

.theme-securfinancial {
  --linkColor: #CBE7F0;
}

.Page .PageHeader {
    display: flex;
    width: 100%;
    overflow: hidden;
    padding-top: 0px !important;
    color: var(--headerTextColor);
    background-color: var(--headerBackgroundColor);
    transition: top .3s;
  }


.theme-securfinancial .App .Page .PageHeader__navigation ul li {
  margin: 0rem 2rem;
}

.PageHeader__content {
  height: 64px;
  display: flex;
  align-items: center;
}

.PageHeader__logo img {
  height: 38px;  /* scale down to fit the shorter header */
  width: auto;
}

.hero-banner {
  margin-bottom: 4rem !important;  /* adjust to taste */
}

.product-spotlight {
  background-color: #CCE7F0;
  background-image: none !important;
}

.product-spotlight .Title__content h1 {
  color: #000000 !important;
}

.product-spotlight .Text__content,
.product-spotlight .Text__content * {
  color: #000000 !important;
}


.Card .Text__content p,
.Card .Text__content ul,
.Card .Text__content li {
  font-size: 1rem !important;
}

.site-footer {
  background: #ffffff;
  border-top: 1px solid #e8e8e8;
  padding: 40px 0;
}
.footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap;
}
.footer-brand {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 520px;
}
.footer-brand img { height: 32px; width: auto; }
.footer-brand p {
  font-size: 1rem;
  color: #6e6e6e;
  line-height: 1.55;
}
.footer-nav {
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style: none;
  text-align: right;
}
.footer-nav a {
  font-size: 1rem;
  color: #2c2c2c;
  text-decoration: none;
  font-weight: 400;
  text-transform: uppercase;
}
.footer-nav a:hover { color: #0070f0; }

[class*="consentmodal"],
[class*="ConsentModal"] {
  display: none !important;
  pointer-events: none !important;
}