/* Krediti.lv refresh: site-specific visual layer. */
:root { --kr-ink:#17263c; --kr-muted:#64748b; --kr-red:#9c3040; --kr-red-dark:#7d2231; --kr-line:#dfe5ed; --kr-paper:#fff; }
body { background:#f4f6fa; color:var(--kr-ink); }
.header-contacts { display:none; }
.header-nav { overflow:visible; background:#fff; box-shadow:0 2px 18px rgba(21,37,60,.09); position:relative; z-index:20; }
.header-nav .navbar { margin-bottom:0; border:0; border-radius:0; background:#fff; }
.header-nav .navbar-brand { height:68px; display:flex; align-items:center; padding:8px 15px; }
.header-nav .navbar-brand img { width:auto; max-width:155px; height:auto; max-height:48px; }
.header-nav .navbar-nav>li>a { color:var(--kr-ink); font-weight:600; padding-top:23px; padding-bottom:23px; }
.header-nav .navbar-nav>li>a:hover { color:var(--kr-red); background:#f7f8fb; }
body>header { background:radial-gradient(circle at 92% 90%,#344963 0,transparent 30%),linear-gradient(120deg,#15263f,#223a56); padding:36px 0 40px; }
body>header>.container { width:100%; max-width:1190px; }
#soft-slider { margin:0; background:#fff; border-radius:17px; box-shadow:0 18px 32px rgba(3,15,34,.24); overflow:hidden; }
#soft-slider-switchers { display:flex; width:100%; margin:0; background:#f0f3f8; border:0; border-radius:0; }
#soft-slider-switchers:before,#soft-slider-switchers:after { display:none; }
#soft-slider-switchers>li { float:none; display:block; width:auto; min-width:0; flex:1 1 0; margin:0; }
#soft-slider-switchers>li>a { display:flex; min-height:85px; padding:11px 5px; flex-direction:column; justify-content:center; align-items:center; gap:5px; color:#3d4c61; font-size:11px; font-weight:700; line-height:1.2; text-align:center; background:transparent; border:0; border-bottom:3px solid transparent; border-radius:0; text-transform:none; }
#soft-slider-switchers>li>a img { width:26px; height:26px; object-fit:contain; }
#soft-slider-switchers>li.active>a,#soft-slider-switchers>li.active>a:hover,#soft-slider-switchers>li>a:hover { background:#fff; color:var(--kr-red-dark); border:0; border-bottom:3px solid var(--kr-red); }
#soft-slider-forms { padding:24px 22px 26px; }
#soft-slider-forms form { margin:0; }
#soft-slider-forms .soft-comment { color:var(--kr-ink); font-size:17px; font-weight:700; margin:7px 0 25px; }
#soft-slider-forms .soft-comment label { font-weight:700 !important; }
#soft-slider-forms .soft-slider { margin-top:12px; }
#soft-slider-forms .soft-math { display:inline-flex; justify-content:center; align-items:center; width:31px; height:31px; border-radius:50%; background:var(--kr-ink); color:#fff; margin:0; text-decoration:none; }
#soft-slider-forms .soft-math:hover { background:var(--kr-red); color:#fff; }
#soft-slider-forms .ui-widget-content { background:#dce2e9; }
#soft-slider-forms .ui-slider .ui-slider-range { background:var(--kr-red); }
#soft-slider-forms .ui-state-default,#soft-slider-forms .ui-widget-content .ui-state-default { background:var(--kr-red); border-color:var(--kr-red); }
#soft-slider-forms .one-slider-value { min-height:40px; border:1px solid var(--kr-line); border-radius:8px; box-shadow:none; font-weight:700; color:var(--kr-ink); }
#soft-slider-forms .price-box { background:var(--kr-ink); border-radius:9px; color:#fff; box-shadow:none; }
#soft-slider-forms .soft-accept { background:var(--kr-red); border:0; border-radius:9px; padding:13px 25px; font-size:16px; font-weight:700; text-transform:none; box-shadow:0 8px 18px rgba(156,48,64,.19); }
#soft-slider-forms .soft-accept:hover { background:var(--kr-red-dark); }
body>.container { max-width:1190px; }
.divider { border-color:var(--kr-line); }
.loanersCompareTable { border:1px solid var(--kr-line); border-radius:13px; overflow:hidden; background:#fff; box-shadow:0 8px 22px rgba(18,35,56,.06); }
.loaner-table { margin:0; color:var(--kr-ink); }
.loaner-table .loaner-table-heading { background:#edf1f7; }
.loaner-table .loaner-table-heading th { padding:15px 9px; border-bottom:1px solid var(--kr-line); color:#3d4b5d; }
.loaner-table td { border-top:1px solid var(--kr-line) !important; vertical-align:middle !important; }
.loaner-table .btn-accept-loan { background:var(--kr-red); border:0; border-radius:7px; padding:9px 14px; font-weight:700; }
.loaner-table .btn-accept-loan:hover { background:var(--kr-red-dark); }
#site-sidebar { color:#44546a; line-height:1.6; }
#site-sidebar .panel { border:1px solid var(--kr-line); border-radius:12px; box-shadow:none; }
#site-footer { background:var(--kr-ink); color:#fff; }
@media (min-width:769px) and (max-width:1199px) {
  #soft-slider-switchers { overflow-x:auto; justify-content:flex-start; scrollbar-width:thin; }
  #soft-slider-switchers>li { flex:0 0 105px; }
}
@media (max-width:800px) {
  body>header { padding:18px 0 24px; }
  #soft-slider { border-radius:13px; }
  #soft-header-slider-mobile-select-container { background:#edf1f7; padding:12px 15px; }
  #soft-header-slider-mobile-select-container>.container { width:100%; padding:0; }
  #soft-header-slider-mobile-select-container select { border:1px solid var(--kr-line); border-radius:8px; color:var(--kr-ink); }
  #soft-slider-forms { padding:16px 10px 20px; }
  #soft-slider-forms .soft-comment { font-size:16px; margin:12px 0 16px; }
  #soft-slider-forms .soft-math { width:29px; height:29px; }
  .loanersCompareTable { overflow-x:auto; }
}

/* Keep the desktop navigation in one readable row. */
@media (min-width:1200px) {
  .header-nav .header-nav-ins { display:flex; align-items:center; justify-content:space-between; width:100%; max-width:1190px; }
  .header-nav .navbar-header { flex:0 0 auto; }
  .header-nav .navbar-nav { display:flex; float:none; flex-wrap:nowrap; width:auto; margin:0; }
  .header-nav .navbar-nav>li>a { padding:23px 8px; white-space:nowrap; font-size:12px; }
}
.header-nav .navbar-default .navbar-nav>li>a { color:var(--kr-ink); }
.header-nav .navbar-default .navbar-nav>li>a:hover { color:var(--kr-red); }
#soft-slider #soft-slider-switchers>li { background:#f0f3f8; }
#soft-slider #soft-slider-switchers>li.active { background:#fff; }

#soft-slider #soft-slider-switchers>li:not(.active) { background:#f0f3f8 !important; }
#soft-slider #soft-slider-switchers>li.active { background:#fff !important; border-bottom:3px solid var(--kr-red); }
#soft-slider #soft-slider-switchers>li>a { background:transparent !important; }

.kr-hero-intro { display:flex; align-items:baseline; justify-content:space-between; gap:18px; margin:0 0 20px; color:#fff; }
.kr-hero-intro span { color:#e8bac1; letter-spacing:.16em; font-size:12px; font-weight:800; }
.kr-hero-intro h1 { margin:0; font-size:30px; line-height:1.2; font-weight:750; color:#fff; }
@media (max-width:800px) {
 .kr-hero-intro { display:block; padding:0 4px; margin-bottom:15px; }
 .kr-hero-intro h1 { font-size:24px; margin-top:5px; }
}

/* Amount and term archives, plus their detail pages. */
#term-list,#sum-list { padding:12px 0 40px; }
#term-list h3.term-type-title,#sum-list h3.term-type-title { color:var(--kr-ink); font-size:23px; font-weight:700; margin:30px 0 15px; }
#term-list .single-term,#sum-list .single-sum { float:none; display:inline-flex; width:112px; height:108px; margin:0 6px 8px 0; border:1px solid var(--kr-line); border-radius:11px; background:#fff; font-size:31px; box-shadow:0 3px 12px rgba(21,37,60,.04); vertical-align:top; }
#term-list .single-term a,#sum-list .single-sum a { display:flex; width:100%; height:100%; align-items:center; justify-content:center; color:var(--kr-ink); line-height:1.1; font-weight:700; border-radius:11px; }
#term-list .single-term a:hover,#sum-list .single-sum a:hover { background:#fff7f8; color:var(--kr-red); text-decoration:none; box-shadow:0 5px 18px rgba(156,48,64,.12); }
#term-list .single-term a .term-title,#sum-list .single-sum a .sum-currency { display:block; color:var(--kr-muted); font-size:15px; font-weight:500; line-height:1.3; margin-top:5px; }
#single-sum { margin:25px 0; padding:24px 12px; border:1px solid var(--kr-line); border-radius:13px; background:#fff; }
#single-sum .sum-big { font-size:56px; }
#single-sum .currency-big { font-size:25px; }
@media (max-width:600px) {
 #term-list .single-term,#sum-list .single-sum { width:calc(33.333% - 8px); height:94px; font-size:25px; margin-right:5px; }
 #term-list .single-term a .term-title,#sum-list .single-sum a .sum-currency { font-size:13px; }
 #single-sum { padding:16px 5px; }
}

/* Keep every credit type aligned and readable as the legacy JS changes classes. */
#soft-slider #soft-slider-switchers>li,
#soft-slider #soft-slider-switchers>li.pse-disabled,
#soft-slider #soft-slider-switchers>li.pse-active { padding:0; height:88px; border:0; }
#soft-slider #soft-slider-switchers>li.active { border-bottom:3px solid var(--kr-red); }
#soft-slider #soft-slider-switchers>li>a,
#soft-slider #soft-slider-switchers>li.pse-disabled>a,
#soft-slider #soft-slider-switchers>li.pse-active>a {
 display:flex; width:100%; height:100%; min-height:0; padding:9px 5px;
 align-items:center; justify-content:center; flex-direction:column; gap:5px;
 line-height:1.2; text-align:center; color:#3d4c61; border:0; background:transparent;
}
#soft-slider #soft-slider-switchers>li.active>a,
#soft-slider #soft-slider-switchers>li.pse-active>a,
#soft-slider #soft-slider-switchers>li>a:hover { color:var(--kr-red-dark); }

/* Let the large amount and term selections wrap into readable rows. */
#single-sum .nav.nav-pills.nav-justified {
 display:flex; flex-wrap:wrap; gap:8px; width:100%; margin:18px 0;
}
#single-sum .nav.nav-pills.nav-justified:before,
#single-sum .nav.nav-pills.nav-justified:after { display:none; }
#single-sum .nav.nav-pills.nav-justified>li {
 display:block; float:none; flex:0 0 auto; width:auto; margin:0;
}
#single-sum .nav.nav-pills.nav-justified>li>a {
 display:block; min-width:66px; padding:8px 12px; white-space:nowrap;
 border-radius:8px; background:#f0f3f8; color:var(--kr-ink); font-weight:700;
}
#single-sum .nav.nav-pills.nav-justified>li.active>a,
#single-sum .nav.nav-pills.nav-justified>li>a:hover,
#single-sum .nav.nav-pills.nav-justified>li>a:focus {
 background:var(--kr-red); color:#fff;
}
@media (max-width:600px) {
 #single-sum .nav.nav-pills.nav-justified { gap:6px; }
 #single-sum .nav.nav-pills.nav-justified>li>a { min-width:60px; padding:8px 9px; }
}


/* Separate language choices from ordinary navigation on both layouts. */
.header-nav .navbar-nav > li.kr-language-start { margin-left:12px; padding-left:12px; border-left:1px solid var(--kr-line); }
.header-nav .navbar-nav > li.kr-language-item > a { margin:15px 2px; padding:7px 10px; border:1px solid var(--kr-line); border-radius:7px; color:var(--kr-ink); background:#f3f6fa; line-height:20px; font-size:12px; font-weight:750; }
.header-nav .navbar-nav > li.kr-language-item > a:hover,
.header-nav .navbar-nav > li.kr-language-item > a:focus { background:#e8edf4; color:var(--kr-red-dark); }
.header-nav .navbar-nav > li.kr-language-item > a[aria-current="page"] { background:var(--kr-ink); border-color:var(--kr-ink); color:#fff; }
.kr-footer-legal { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 20px; padding:7px 15px 13px; text-align:center; }
.kr-footer-legal a { color:#f2f5f9; text-decoration:underline; text-underline-offset:3px; }
.kr-footer-legal a:hover,.kr-footer-legal a:focus { color:#fff; }
.kr-legal { max-width:850px; margin:12px auto 42px; padding:22px 28px; background:#fff; border:1px solid var(--kr-line); border-radius:12px; line-height:1.7; }
.kr-legal h2 { margin:30px 0 12px; color:var(--kr-ink); font-size:22px; }
.kr-legal li { margin-bottom:9px; }
.kr-legal-table { overflow-x:auto; }
.kr-legal table { width:100%; border-collapse:collapse; min-width:560px; }
.kr-legal th,.kr-legal td { border:1px solid var(--kr-line); padding:10px; vertical-align:top; text-align:left; }
.kr-legal th { background:#f3f6fa; }
@media (max-width:767px) {
  .header-nav .navbar-nav > li.kr-language-start { display:inline-block; margin:9px 0 8px 12px; padding-left:13px; border-left:0; }
  .header-nav .navbar-nav > li.kr-language-item:not(.kr-language-start) { display:inline-block; margin:9px 0 8px; }
  .header-nav .navbar-nav > li.kr-language-item > a { margin:0 3px; }
  .kr-legal { padding:16px; }
}
