/*
Theme Name: ICHRA Solutions
Theme URI: https://ichra.sasid.com/
Author: SASid
Description: Custom responsive WordPress theme for Acrisure ICHRA Solutions.
Version: 1.0.0
Text Domain: ichra-solutions
*/


    html {
      scroll-behavior: smooth;
    }

    section[id] {
      scroll-margin-top: 71px;
    }


  .page-wrap { max-width: 1200px; margin-inline: auto; }
  .site-header { background: #ffffff; position: sticky; top: 0; z-index: 1030; }
  .hero { background: #cde5f6; }
  .hero-title { font-family: Georgia, "Times New Roman", serif; font-size: 3.25rem; }
  .hero-title em { font-style: italic; }
  .btn-acrisure { background: #34495c; color: #ffffff; }
  .btn-acrisure:hover { background: #25384a; color: #ffffff; }

  .nav-link-plain { color: #1d1d1d; letter-spacing: .06em; }
  /* Deliberate color exception, same as the header/hero above. Applied only
     to the "Ready to start ICHRA" box per direct request. */
    .cta-highlight {
    background-color: #effede;
    border-radius: 10px;
    height: 100%;
}
  /* Modal choice cards: whole card is clickable, no new color, just weight
     and cursor feedback so the click target is obvious. */
  .lt-highlight {
    background-color: #f3faff;
    border-radius: 10px;
    height: 100%;
}
#site-footer {
  background-color: #f3faff;
}
  .border {
    border-radius: 10px;
  }
  .modal-choice-card { cursor: pointer; transition: border-color .15s ease; }
  .modal-choice-card:hover { border-color: #1d1d1d; }
  .modal-choice-card:has(input:checked) { border-width: 2px; border-color: #1d1d1d; }


.hero {
  background: #cde5f6;
  position: relative;
  overflow: hidden;

  --line-color: rgba(255, 255, 255, 0.20);

  /* Horizontal length */
  --line-width-min: 3px;
  --line-width-max: 5px;

  /* Vertical height */
  --line-height-min: 20px;
  --line-height-max: 800px;
}

/* Keep actual hero content above the lines */
.hero .page-wrap {
  position: relative;
  z-index: 2;
}

/* Animated line layer */
.hero-lines {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}

.hero-line {
  position: absolute;
  background-color: var(--line-color);
  transform-origin: center;
  will-change: transform;
}


.ichra-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }