/* Content styling for /kredyty-online/{slug} FAQ articles */

.faq-article-content {
  color: #172A3A;
}

/* Heading scale for the credits-online FAQ section only (h1 > h2 > h3 > h4) */

.credits-faq-title {
  margin-bottom: 1rem;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.25;
  color: #172A3A;
}

.faq-article-content h2 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: #172A3A;
}

.faq-article-content h3 {
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.35;
  color: #172A3A;
}

.faq-article-content h4 {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.4;
  color: #172A3A;
}

@media screen and (max-width: 767px) {
  .credits-faq-title {
    font-size: 1.5rem;
  }

  .faq-article-content h2 {
    font-size: 1.3rem;
  }

  .faq-article-content h3 {
    font-size: 1.15rem;
  }

  .faq-article-content h4 {
    font-size: 1rem;
  }
}

.faq-article-content p {
  margin-bottom: 1rem;
  line-height: 1.6;
}

.faq-article-content .list {
  margin-bottom: 1rem;
}

.faq-article-content .list li {
  line-height: 1.6;
}

.faq-article-content a {
  color: #E84F35;
  text-decoration: underline;
  word-break: break-word;
}

.faq-article-content a:hover {
  color: #E84F35;
  text-decoration: none;
}

.faq-article-content strong {
  font-weight: 700;
}

.faq-article-content .table-responsive {
  overflow-x: auto;
  margin-bottom: 1.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 3px 10px rgba(23, 42, 58, 0.1);
}

.faq-article-content table.table {
  width: 100%;
  margin-bottom: 0;
  border-collapse: collapse;
  background-color: #fff;
}

.faq-article-content table.table th,
.faq-article-content table.table td {
  padding: 0.875rem 1rem;
  border: 1px solid #DEE7F3;
  text-align: left;
  vertical-align: top;
}

.faq-article-content table.table thead th {
  background-color: #F0F5FA;
  font-weight: 700;
  color: #172A3A;
  white-space: nowrap;
}

.faq-article-content table.table tbody tr:nth-child(even) {
  background-color: #F8FAFC;
}

/* Override the site-wide "stack cells as blocks" mobile table pattern
   (main.css .table tr td { display: block }) — that pattern only fits
   simple 2-column label/value tables. Ours can have 3+ columns, so we
   keep a real table and let it scroll horizontally instead. */
@media screen and (max-width: 575px) {
  .faq-article-content table.table tr td,
  .faq-article-content table.table tr th {
    display: table-cell;
    padding: 0.625rem 0.75rem;
    color: inherit;
  }

  .faq-article-content table.table {
    min-width: 480px;
  }
}

.faq-article-content .faq-example {
  background-color: #F0F5FA;
  border-radius: 0.5rem;
  padding: 1.25rem 1.5rem;
  margin-bottom: 1.5rem;
}

.faq-article-content .faq-example p {
  margin-bottom: 0.5rem;
}

.faq-article-content .faq-example h4 {
  margin-top: 1rem;
  margin-bottom: 0.375rem;
}

.faq-article-content .faq-example h4:first-child {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .faq-article-content table.table th,
  .faq-article-content table.table td {
    padding: 0.625rem 0.75rem;
    font-size: 0.9rem;
  }
}

/* Credits FAQ accordion widget ("Другие вопросы") */

.credits-faq-card .faqs-card__header {
  height: auto;
  padding: 1.125rem 3.5rem 1.125rem 1.5rem;
  background-image: none !important;
}

.credits-faq-card .faqs-card__header h4 {
  padding-left: 1rem;
  font-size: 1.125rem;
}

.credits-faq-icon {
  position: relative;
  flex-shrink: 0;
  display: block;
  width: 2.75rem;
  height: 2.75rem;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.7733 25.8844C24.0753 25.8844 28.3733 21.5864 28.3733 16.2844C28.3733 10.9825 24.0753 6.68445 18.7733 6.68445C13.4714 6.68445 9.17334 10.9825 9.17334 16.2844C9.17334 21.5864 13.4714 25.8844 18.7733 25.8844Z' fill='%23FFB1A4'/%3E%3Cpath d='M24.2965 21.3215C18.8446 21.3215 14.418 25.7422 14.418 31.2C14.418 36.6578 18.8387 41.0726 24.2965 41.0726C29.7483 41.0726 34.175 36.6518 34.175 31.1941C34.175 25.7363 29.7483 21.3215 24.2965 21.3215ZM26.9632 30.637H25.7543L24.6817 31.7096H26.9632V32.4978H23.8935L23.6683 32.723C23.2772 33.0963 23.0817 33.5111 23.0817 33.9615C23.0817 34.3644 23.2239 34.7022 23.5024 34.9689C23.7869 35.2355 24.1424 35.3718 24.575 35.3718C25.1972 35.3718 25.695 35.1526 26.0565 34.7081L26.9513 35.597C26.335 36.2726 25.5469 36.6104 24.575 36.6104C23.7157 36.6104 23.0224 36.3733 22.4832 35.8933C21.9439 35.4133 21.6772 34.7852 21.6772 34.0089C21.6772 33.4874 21.8491 32.9778 22.1928 32.4978H21.6357V31.7096H22.9039L23.9765 30.637H21.6357V29.8489H24.7646L24.9483 29.6652C25.3335 29.28 25.5232 28.8711 25.5232 28.4267C25.5232 28.0237 25.3809 27.6859 25.1024 27.4193C24.818 27.1526 24.4624 27.0163 24.0298 27.0163C23.4076 27.0163 22.9098 27.2355 22.5483 27.68L21.6713 26.7852C22.2639 26.1096 23.052 25.7718 24.0298 25.7718C24.895 25.7718 25.5943 26.0089 26.1335 26.4889C26.6669 26.9689 26.9335 27.597 26.9335 28.3733C26.9335 28.9067 26.7795 29.3985 26.4654 29.837H26.9809V30.637H26.9632Z' fill='%23E84F35'/%3E%3Cpath d='M37.221 27.7037C39.4313 23.1348 37.5173 17.6415 32.9484 15.4311C28.3795 13.2207 22.8862 15.1348 20.6758 19.7037' stroke='%23172A3A' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.credits-faq-card .faqs-card__collapse ul li:first-child {
  border-top: none;
}