/*
 * Shared /laenud/... quick navigation v3.
 * Reference: the tuned Kodulaenud quick choices component.
 */

/* Normalize the hero → quick-nav gap on every loan child page. */
.lr-hero:has(+ .lr-loan-quicknav),
.lr-ap-hero:has(+ .lr-loan-quicknav){
  margin-bottom:0!important;
}

.lr-loan-quicknav{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  width:100%;
  max-width:100%;
  margin:12px 0 0!important;
  padding:8px;
  color:var(--lrds-text,#17364f);
  background:#f7fafc;
  border:1px solid #dfe8f0;
  border-radius:15px;
  box-shadow:none;
  box-sizing:border-box;
}

.lr-loan-quicknav,
.lr-loan-quicknav *{
  box-sizing:border-box;
}

.lr-loan-quicknav .lr-jumpnav-label{
  flex:0 0 auto;
  margin:0;
  padding:0 5px;
  color:var(--lrds-muted,#667b8e);
  font-size:12.5px;
  line-height:1.35;
  font-weight:800;
  white-space:nowrap;
}

.lr-loan-quicknav a{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  min-height:36px;
  margin:0;
  padding:7px 11px;
  color:var(--lrds-navy,#123a5a)!important;
  background:#fff;
  border:1px solid #dfe8f0;
  border-radius:10px;
  box-shadow:none;
  font-size:12.5px;
  line-height:1.3;
  font-weight:700;
  text-decoration:none!important;
  white-space:nowrap;
  transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;
}

.lr-loan-quicknav a:hover{
  color:var(--lrds-navy,#123a5a)!important;
  background:#eef5fb;
  border-color:#c6d9e8;
  text-decoration:none!important;
}

.lr-loan-quicknav a:focus-visible{
  outline:3px solid rgba(47,115,183,.22);
  outline-offset:2px;
}

@media(max-width:700px){
  .lr-loan-quicknav{
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    scroll-padding-inline:8px;
    scrollbar-width:none;
  }

  .lr-loan-quicknav::-webkit-scrollbar{
    display:none;
  }

  .lr-loan-quicknav .lr-jumpnav-label,
  .lr-loan-quicknav a{
    flex:0 0 auto;
    scroll-snap-align:start;
  }

  .lr-loan-quicknav .lr-jumpnav-label::after{
    content:" →";
    color:var(--lrds-blue,#2f73b7);
  }
}

@media(max-width:420px){
  .lr-loan-quicknav{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    padding:7px!important;
    border-radius:14px;
    scroll-snap-type:none!important;
  }

  .lr-loan-quicknav .lr-jumpnav-label{
    display:block!important;
    grid-column:1 / -1;
    width:100%!important;
    padding:0 5px 1px!important;
  }

  .lr-loan-quicknav a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:44px!important;
    height:auto!important;
    padding:8px!important;
    font-size:12px!important;
    line-height:1.25!important;
    text-align:center!important;
    white-space:normal!important;
    visibility:visible!important;
    opacity:1!important;
  }

  .lr-loan-quicknav a:last-child:nth-child(even){
    grid-column:1 / -1;
  }

  .generate-back-to-top{
    right:4px!important;
    bottom:12px!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    line-height:44px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .lr-loan-quicknav a{
    transition:none;
  }
}

/* Shared comparison-table intro card for every /laenud/... comparison page. */
.lr-loan-table-intro{
  display:block;
  width:100%;
  max-width:100%;
  margin:0 0 14px!important;
  padding:18px 20px!important;
  color:#17364f;
  background:#f7fafc!important;
  border:1px solid #dbe6ee!important;
  border-radius:16px!important;
  box-shadow:none!important;
  box-sizing:border-box;
}
.lr-loan-table-intro .lr-eyebrow{
  margin:0 0 6px!important;
  color:#4c6173!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
.lr-loan-table-intro h2{
  margin:0 0 8px!important;
  color:#0e2840!important;
  font-size:26px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
}
.lr-loan-table-intro p{
  max-width:880px!important;
  margin:0!important;
  color:#405a6f!important;
  font-size:15px!important;
  line-height:1.62!important;
}
.lr-loan-table-intro + .lr-affiliate-disclosure{margin-top:0!important}

/* Shared vertical rhythm around hero, quick choices and comparison intro. */
.lr-loan-quicknav + .lr-anchor + .lr-section,
.lr-loan-quicknav + .lr-section{
  margin-top:16px!important;
}

.lr-loan-quicknav + .lr-anchor + .lr-section:has(> .lr-loan-table-intro),
.lr-loan-quicknav + .lr-section:has(> .lr-loan-table-intro){
  padding-top:0!important;
}

.lr-section:has(> .lr-loan-table-intro){
  margin-bottom:0!important;
  padding-bottom:0!important;
}

.lr-section:has(> .lr-loan-table-intro) + .lr-affiliate-disclosure{
  margin-top:14px!important;
}

.lr-loan-table-intro{
  margin-bottom:14px!important;
}
@media(max-width:700px){
  .lr-loan-table-intro{margin-bottom:12px!important;padding:16px!important;border-radius:14px!important}
  .lr-loan-table-intro h2{font-size:22px!important;line-height:1.22!important}
  .lr-loan-table-intro p{font-size:14px!important;line-height:1.58!important}
}