.elementor-34449 .elementor-element.elementor-element-e8233b0{--display:flex;}/* Start custom CSS for html, class: .elementor-element-70a27c1 *//* ================================================================
   AGB IND-V-116 — DESIGN POLISH + COLOR FIX
   Paste this AFTER your existing page CSS (end of the <style> block).
   These rules are written to override the originals on purpose.
   ================================================================ */

/* 1) COLOR FIX — Tier header bars
   Tier 2 was white text on #F59E0B (~1.8:1 contrast — fails WCAG, looks muddy).
   Tier 3 grey was readable but dull. Tier 1 (#0B63E5) and Tier 4 (#047857)
   already pass with white text, so they stay. */
.agb-table .agb-tier.t2 td{background:#B45309 !important}  /* deep amber, ~5.4:1 on white text */
.agb-table .agb-tier.t3 td{background:#475569 !important}  /* crisper slate, ~6.2:1 */

/* 2) "Usually yes / No" as accessible pill badges
   (red read like an error; needing double-entry is not an error) */
.agb-table .yes,
.agb-table .no{
  display:inline-block;padding:3px 11px;border-radius:999px;
  font-size:.82rem;font-weight:600;white-space:nowrap;
}
.agb-table .yes{background:#FEF3C7;color:#92400E}   /* amber = "action needed" */
.agb-table .no{background:#D1FAE5;color:#065F46}    /* green = "no trip needed" */

/* 3) Table — drop broken zebra striping (tier rows interrupt the count),
   use clean rows + a soft hover instead. Round + clip the corners. */
.agb-table{border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(15,23,42,.06)}
.agb-table tbody tr td{background:#fff}
.agb-table tbody tr.agb-tier td{background:#B45309}              /* placeholder, overridden per-tier above */
.agb-table tbody tr.agb-tier:first-of-type td{background:var(--p)}
.agb-table tbody tr:not(.agb-tier):hover td{background:#EFF6FF}

/* 4) Buttons — smooth hover lift + visible keyboard focus (a11y) */
.btn-wa,.btn-ghost,.agb-faq summary,.agb-sticky a{
  transition:transform .15s ease,background .15s ease,box-shadow .15s ease;
}
.btn-wa:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(16,185,129,.35)}
.btn-ghost:hover{transform:translateY(-1px)}
a:focus-visible,.btn-wa:focus-visible,.btn-ghost:focus-visible,summary:focus-visible{
  outline:3px solid #93C5FD;outline-offset:2px;border-radius:8px;
}

/* 5) Cards — subtle depth on hover (credibility strip + "what happens next") */
.agb-cred div,.agb-next div{transition:box-shadow .18s ease,transform .18s ease}
.agb-cred div:hover,.agb-next div:hover{
  box-shadow:0 8px 20px rgba(15,23,42,.08);transform:translateY(-2px);
}

/* 6) Hero — depth + slightly softened sub/reassurance text for comfort
   (still high-contrast on the deep-blue gradient) */
.agb-hero{box-shadow:0 18px 44px rgba(10,58,140,.28)}
.agb-hero .sub{color:#EAF2FF}
.agb-reassure{color:#DCE8FF}

/* 7) Links — clearer hover state */
.agb-de a:hover{color:var(--db)}

/* 8) FAQ — gentle tint when open so the active question stands out */
.agb-faq details[open]{border-color:#BFDBFE;background:#FAFCFF}

/* 9) Promise + definition blocks — match the new rounded, shadowed style */
.agb-promise,.agb-def,.agb-who,.tldr-speakable{box-shadow:0 1px 3px rgba(15,23,42,.04)}

/* 10) Respect users who prefer reduced motion */
@media(prefers-reduced-motion:reduce){
  *{transition:none !important}
  .btn-wa:hover,.btn-ghost:hover,.agb-cred div:hover,.agb-next div:hover{transform:none}
}/* End custom CSS */