/*
 * Refinantseerimislaenude lehe visuaalsed täiendused.
 * Laaditakse ainult WordPressi lehel #624.
 */

.lr-page-refinance {
  --lr-section-space: 40px;
}

/* Sama sinine reklaamteabe käsitlus nagu teistel võrdluslehtedel. */
.lr-page-refinance .lr-shortcode-wrap > .lr-affiliate-disclosure {
  margin: 0 0 16px;
  color: #52677a;
  background: #f8fbfd;
  border-color: #dfe8f0;
  box-shadow: none;
}

.lr-page-refinance .lr-divider-title h2::after,
.lr-page-refinance .lr-section > h2::after {
  width: 52px;
  height: 3px;
  background: linear-gradient(90deg,#2f73b7,#9fc3df);
}

.lr-page-refinance #laenude-koondamine,
.lr-page-refinance #mille-jargi,
.lr-page-refinance #enne-allkirjastamist,
.lr-page-refinance #tasuvuse-kalkulaator,
.lr-page-refinance #dokumendid,
.lr-page-refinance #taotlemine,
.lr-page-refinance #kkk {
  margin-top: 8px;
  padding-top: 44px;
  border-top: 1px solid #e4ecf3;
}

.lr-page-refinance #mis-on-refinantseerimislaen,
.lr-page-refinance #praktiline-naide {
  padding-top: 28px;
}

.lr-page-refinance .lr-market-note {
  margin-top: 22px;
}

.lr-page-refinance .lr-shortcode-wrap + .lr-section-tight {
  padding-top: 18px;
}

.lr-page-refinance .lr-refine-method {
  margin-bottom: 26px;
  background: #f2f7fb;
  border-color: #d8e5ef;
}

.lr-page-refinance .lr-refine-method + .lr-grid-3 {
  gap: 20px;
}

.lr-page-refinance .lr-note-info {
  background: #f1f6fb;
  border-color: #d5e3ee;
}

.lr-page-refinance .lr-note-caution {
  background: #fff9ee;
  border-color: #f0debb;
}

.lr-page-refinance .lr-hardship-warning {
  position: relative;
  padding: 18px 20px 18px 62px;
  background: #fff5f3;
  border-color: #efc9c2;
}

.lr-page-refinance .lr-hardship-warning::before {
  content: "!";
  position: absolute;
  left: 20px;
  top: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  color: #a64a3e;
  background: #fde2dc;
  border: 1px solid #efc2b9;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 900;
}

.lr-page-refinance .lr-hardship-warning strong {
  color: #8f3f35;
}

.lr-page-refinance #dokumendid .lr-prose {
  max-width: none;
  padding: 24px;
  background: #f7fafc;
  border: 1px solid #dfe8f0;
  border-radius: 16px;
  box-shadow: 0 4px 14px rgba(15,53,86,.035);
}

/* Kalkulaator */
.lr-page-refinance #tasuvuse-kalkulaator .lr-grid-2 {
  align-items: start;
}

.lr-page-refinance #tasuvuse-kalkulaator .lr-calc-form {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px 18px;
}

.lr-page-refinance #tasuvuse-kalkulaator .lr-calc-field {
  min-width: 0;
}

.lr-page-refinance #tasuvuse-kalkulaator .lr-calc-field input {
  width: 100%;
  margin: 6px 0 0 !important;
}

.lr-page-refinance #tasuvuse-kalkulaator .lr-calc-result {
  position: sticky;
  top: 24px;
  align-self: start;
  min-height: 0;
  background: linear-gradient(180deg,#f7fafc,#f1f6fb);
  box-shadow: 0 8px 24px rgba(15,53,86,.06);
}

.lr-page-refinance #tasuvuse-kalkulaator .lr-calc-result > p {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 14px;
  align-items: center;
}

.lr-page-refinance #tasuvuse-kalkulaator .lr-calc-result > p span {
  color: #123a5a;
  font-weight: 800;
  text-align: right;
}

/* Taotlemise sammud */
.lr-page-refinance .lr-process-section .lr-prose {
  max-width: none;
}

.lr-page-refinance .lr-process-section .lr-prose .lr-process-steps {
  display: grid;
  gap: 12px;
  padding: 0;
  list-style: none;
  counter-reset: lr-refine-step;
}

.lr-page-refinance .lr-process-section .lr-prose .lr-process-steps li {
  position: relative;
  margin: 0;
  min-height: 58px;
  padding: 16px 18px 16px 60px;
  background: #fff;
  border: 1px solid #e1e9f0;
  border-radius: 14px;
  box-shadow: 0 3px 12px rgba(15,53,86,.035);
  counter-increment: lr-refine-step;
}

.lr-page-refinance .lr-process-steps li::before {
  content: counter(lr-refine-step);
  position: absolute;
  left: 18px;
  top: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: #fff;
  background: #2f73b7;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
}

/* Viis seotud kaarti: 3 + tasakaalus 2 */
@media (min-width: 901px) {
  .lr-page-refinance .lr-related-guides-grid {
    grid-template-columns: repeat(6,minmax(0,1fr));
  }

  .lr-page-refinance .lr-related-guides-grid > * {
    grid-column: span 2;
  }

  .lr-page-refinance .lr-related-guides-grid > *:nth-last-child(-n+2) {
    grid-column: span 3;
  }
}

@media (min-width: 641px) and (max-width: 900px) {
  .lr-page-refinance .lr-related-guides-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .lr-page-refinance .lr-related-guides-grid > *:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  .lr-page-refinance {
    --lr-section-space: 32px;
  }

  .lr-page-refinance #laenude-koondamine,
  .lr-page-refinance #mille-jargi,
  .lr-page-refinance #enne-allkirjastamist,
  .lr-page-refinance #tasuvuse-kalkulaator,
  .lr-page-refinance #dokumendid,
  .lr-page-refinance #taotlemine,
  .lr-page-refinance #kkk {
    margin-top: 4px;
    padding-top: 34px;
  }

  .lr-page-refinance #tasuvuse-kalkulaator .lr-calc-result {
    position: static;
  }
}

@media (max-width: 640px) {
  .lr-page-refinance #tasuvuse-kalkulaator .lr-calc-form,
  .lr-page-refinance .lr-related-guides-grid {
    grid-template-columns: 1fr;
  }

  .lr-page-refinance .lr-related-guides-grid > * {
    grid-column: auto;
  }

  .lr-page-refinance .lr-hardship-warning {
    padding: 54px 17px 17px;
  }

  .lr-page-refinance .lr-hardship-warning::before {
    left: 17px;
    top: 16px;
  }

  .lr-page-refinance #dokumendid .lr-prose {
    padding: 19px;
  }
}

/* Centralized page spacing migrated from post 624 on 2026-08-23. */
.lr-page-refinance > .lr-section{padding:0!important;margin:42px 0 0!important}
.lr-page-refinance > .lr-hero + .lr-section{margin-top:26px!important}
.lr-page-refinance > .lr-section.lr-shortcode-wrap{margin-top:28px!important;padding:0!important}
.lr-page-refinance > .lr-section.lr-shortcode-wrap + .lr-section-tight{margin-top:24px!important;padding:0!important}
.lr-page-refinance > .lr-section.lr-spacing-note-only{margin-top:28px!important}
.lr-page-refinance > .lr-section.lr-spacing-official{margin-top:24px!important}
.lr-page-refinance > .lr-section.lr-spacing-footer-wrap{margin-top:34px!important;margin-bottom:44px!important}
.lr-page-refinance > .lr-section.lr-spacing-footer-wrap > .lr-footer-cta{margin:0!important}
.lr-page-refinance > .lr-section > h2{margin-bottom:18px}
.lr-page-refinance > .lr-section > h2 + p{margin-top:0;margin-bottom:20px}
.lr-page-refinance .lr-divider-title{margin-bottom:18px!important}
.lr-page-refinance .lr-divider-title + p{margin-top:0}
.lr-page-refinance .lr-card h3{margin-bottom:12px}
.lr-page-refinance .lr-note h3,.lr-page-refinance .lr-note-soft h3,.lr-page-refinance .lr-note-success h3{margin-bottom:10px}
.lr-page-refinance .lr-grid-2 + .lr-note,.lr-page-refinance .lr-grid-3 + .lr-note,.lr-page-refinance .lr-grid-4 + .lr-note,
.lr-page-refinance .lr-grid-2 + .lr-note-soft,.lr-page-refinance .lr-grid-3 + .lr-note-soft,.lr-page-refinance .lr-grid-4 + .lr-note-soft,
.lr-page-refinance .lr-grid-2 + .lr-note-success,.lr-page-refinance .lr-grid-3 + .lr-note-success,.lr-page-refinance .lr-grid-4 + .lr-note-success,
.lr-page-refinance .lr-steps + .lr-note,.lr-page-refinance .lr-steps + .lr-note-soft,.lr-page-refinance .lr-step-cards + .lr-note{margin-top:26px!important}
.lr-page-refinance .lr-affiliate-disclosure{margin-top:0!important;margin-bottom:20px!important}
.lr-page-refinance .lr-faq details + details{margin-top:10px}
.lr-page-refinance > .lr-footer-cta{margin:34px 0 44px!important}
.lr-page-refinance > .lr-section.lr-final-cta{margin:34px 0 44px!important}
@media(max-width:900px){
.lr-page-refinance > .lr-section{margin-top:34px!important}
.lr-page-refinance > .lr-hero + .lr-section{margin-top:22px!important}
.lr-page-refinance > .lr-section.lr-shortcode-wrap{margin-top:24px!important}
.lr-page-refinance > .lr-section.lr-shortcode-wrap + .lr-section-tight,
.lr-page-refinance > .lr-section.lr-spacing-note-only,
.lr-page-refinance > .lr-section.lr-spacing-official{margin-top:24px!important}
.lr-page-refinance > .lr-section.lr-spacing-footer-wrap{margin-top:30px!important;margin-bottom:36px!important}
.lr-page-refinance > .lr-section > h2{margin-bottom:16px}
.lr-page-refinance > .lr-footer-cta,.lr-page-refinance > .lr-section.lr-final-cta{margin:30px 0 36px!important}
}