/* ============================================================
   Your Visit page — v4
   FIX: .nucime25 and .rivisu76 are the SAME <section> element,
   not two separate sections — that's why blue never rendered
   (two conflicting background rules on one box, gray won).
   This version treats it as one section, pulls "Your Visit"
   title into the blue banner, and makes the card light blue.
   ============================================================ */

body.page-id-30 .nucime25,
body.page-id-30 .rivisu76,
body.page-id-30 .hagopy24 {
  box-sizing: border-box !important;
}
body.page-id-30 .nucime25 *,
body.page-id-30 .rivisu76 *,
body.page-id-30 .hagopy24 * {
  box-sizing: border-box !important;
}

/* ---- Remove the redundant "Your Visit" H1 — it duplicates the
   "NEW PATIENT PAPERWORK" heading right below it ---- */
body.page-id-30 .entry-header {
  display: none !important;
}

/* ---- The header+card section (nucime25 + rivisu76 = ONE element) ---- */
body.page-id-30 section.nucime25.rivisu76 {
  background: linear-gradient(135deg, #0079ba 0%, #05619a 100%) !important;
  padding: clamp(2rem, 5vw, 3.5rem) 1.5rem clamp(2.5rem, 5vw, 4rem) !important;
}
/* Kill the plugin's own inline-styled overlay divs that were painting
   light gray on top of our background — make them transparent so our
   gradient actually shows through */
body.page-id-30 section.nucime25.rivisu76 .kv-background,
body.page-id-30 section.nucime25.rivisu76 .kv-background-inner {
  background: transparent !important;
  background-color: transparent !important;
}

body.page-id-30 .nucime25 .kv-ee-container {
  max-width: 900px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
body.page-id-30 .nucime25 h2.kv-ee-section-title {
  color: #ffffff !important;
  font-size: clamp(1.6rem, 3vw, 2.1rem) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin: 0 0 0.75rem 0 !important;
  letter-spacing: -0.01em;
}
body.page-id-30 .nucime25 p.kv-ee-section-subtitle {
  color: #eaf3fa !important;
  font-size: 1.05rem !important;
  line-height: 1.65 !important;
  max-width: 620px !important;
  margin: 0 !important;
}

/* ---- Card — now a lighter blue instead of white ---- */
body.page-id-30 .rivisu76 .kv-ee-content {
  background: #dceefb !important;
  border: 1px solid rgba(255,255,255,0.5) !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 6px rgba(15,23,42,0.08), 0 12px 28px rgba(15,23,42,0.14) !important;
  max-width: 900px !important;
  width: 100% !important;
  margin: 2rem auto 0 !important;
  padding: clamp(1.5rem, 4vw, 2.25rem) !important;
}
body.page-id-30 .rivisu76 .kv-ee-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 2rem 2.5rem !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
/* THE FIX: the plugin injects invisible editor-placeholder divs between
   every card. They're zero-width but still flex children, so each one
   consumes a full flex gap — that's what was skewing the alignment. */
body.page-id-30 .rivisu76 .kv-ee-row > .kv-control-placeholder {
  display: none !important;
}
/* flex-basis 40% + wrap = max 2 per row = clean 2x2 */
body.page-id-30 .rivisu76 .kv-ee-item {
  flex: 1 1 40% !important;
  max-width: calc(50% - 1.25rem) !important;
  min-width: 220px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}
/* kill leftover plugin indentation inside each item so all four
   align to the same left edge */
body.page-id-30 .rivisu76 .kv-ee-item > div {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
}
body.page-id-30 .rivisu76 .kv-ee-item h3,
body.page-id-30 .rivisu76 .kv-ee-item p {
  margin-left: 0 !important;
  padding-left: 0 !important;
  text-indent: 0 !important;
}
body.page-id-30 .rivisu76 .kv-ee-item .kv-ee-button {
  margin-left: 0 !important;
}
@media (max-width: 600px) {
  body.page-id-30 .rivisu76 .kv-ee-item {
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }
}
body.page-id-30 .rivisu76 .kv-ee-title {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: #05376a !important;
  line-height: 1.3 !important;
  margin: 0 0 0.85rem 0 !important;
}

/* ---- Buttons ---- */
body.page-id-30 .kv-ee-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #05376a !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  line-height: 1 !important;
  padding: 0.7rem 1.35rem !important;
  border-radius: 7px !important;
  margin: 0 !important;
  box-shadow: 0 2px 6px rgba(5,55,106,0.25) !important;
  transition: background-color 0.15s ease, transform 0.1s ease !important;
}
body.page-id-30 .kv-ee-button:hover {
  background: #032c54 !important;
  transform: translateY(-1px);
}

/* ---- Policy section (unchanged from v3) ---- */
body.page-id-30 .hagopy24 {
  background: #ffffff !important;
  padding: clamp(2rem, 5vw, 3.5rem) 1.5rem !important;
}
body.page-id-30 .hagopy24 .kv-ee-container {
  max-width: 900px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
body.page-id-30 .hagopy24 h2.kv-ee-section-title {
  font-size: 1.1rem !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  color: #475569 !important;
  margin: 0 0 2rem 0 !important;
  padding-bottom: 1.5rem !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
body.page-id-30 .hagopy24 h2.kv-ee-section-title font {
  font-size: 100% !important;
  color: inherit !important;
}
body.page-id-30 .hagopy24 .kv-ee-description {
  color: #1e293b !important;
  line-height: 1.85 !important;
  font-size: 1rem !important;
}
body.page-id-30 .hagopy24 .kv-ee-description b,
body.page-id-30 .hagopy24 .kv-ee-description font b {
  display: inline-block !important;
  color: #05376a !important;
  font-size: 1.05rem !important;
  margin-top: 1.25rem !important;
  margin-bottom: 0.25rem !important;
}
body.page-id-30 .hagopy24 .kv-ee-description i {
  color: #64748b !important;
}

@media (max-width: 480px) {
  body.page-id-30 .entry-header,
  body.page-id-30 .nucime25,
  body.page-id-30 .rivisu76,
  body.page-id-30 .hagopy24 {
    padding-left: 1.1rem !important;
    padding-right: 1.1rem !important;
  }
}