/* RD Lendava – kontakt / podatki o društvu v0.2.8.1 */

.contact-page .rd-legal-card {
  margin-top: 34px !important;
  padding: 28px !important;
  background: #ffffff !important;
  border: 1px solid #dfe7e4 !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(18, 34, 29, .06) !important;
}

.contact-page .rd-legal-card__heading {
  margin-bottom: 20px !important;
}

.contact-page .rd-legal-card__heading .eyebrow {
  margin-bottom: 4px !important;
}

.contact-page .rd-legal-card__heading h2 {
  margin: 0 !important;
  font-size: clamp(26px, 3vw, 36px) !important;
  line-height: 1.12 !important;
  color: #18332d !important;
  letter-spacing: -.025em !important;
}

.contact-page .rd-legal-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.contact-page .rd-legal-grid > div {
  min-width: 0 !important;
  padding: 16px 18px !important;
  background: #f7f9f8 !important;
  border: 1px solid #e4ebe8 !important;
  border-radius: 12px !important;
}

.contact-page .rd-legal-grid > div small {
  display: block !important;
  margin: 0 0 7px !important;
  color: #697872 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
  line-height: 1.25 !important;
}

.contact-page .rd-legal-grid > div strong {
  display: block !important;
  margin: 0 !important;
  color: #1e2d29 !important;
  font-size: 15px !important;
  font-weight: 750 !important;
  line-height: 1.45 !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.contact-page .rd-legal-grid > div:first-child {
  grid-column: span 2 !important;
}

.contact-page .rd-legal-grid > div:first-child strong {
  font-size: 16px !important;
}

[data-theme="dark"] .contact-page .rd-legal-card,
html.dark .contact-page .rd-legal-card,
body.dark .contact-page .rd-legal-card {
  background: #171d1b !important;
  border-color: #2b3733 !important;
}

[data-theme="dark"] .contact-page .rd-legal-card__heading h2,
html.dark .contact-page .rd-legal-card__heading h2,
body.dark .contact-page .rd-legal-card__heading h2 {
  color: #f2f6f4 !important;
}

[data-theme="dark"] .contact-page .rd-legal-grid > div,
html.dark .contact-page .rd-legal-grid > div,
body.dark .contact-page .rd-legal-grid > div {
  background: #202724 !important;
  border-color: #313b37 !important;
}

[data-theme="dark"] .contact-page .rd-legal-grid > div small,
html.dark .contact-page .rd-legal-grid > div small,
body.dark .contact-page .rd-legal-grid > div small {
  color: #9daaa5 !important;
}

[data-theme="dark"] .contact-page .rd-legal-grid > div strong,
html.dark .contact-page .rd-legal-grid > div strong,
body.dark .contact-page .rd-legal-grid > div strong {
  color: #f4f7f6 !important;
}

@media (max-width: 900px) {
  .contact-page .rd-legal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .contact-page .rd-legal-grid > div:first-child {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 560px) {
  .contact-page .rd-legal-card {
    padding: 20px !important;
    margin-top: 24px !important;
    border-radius: 14px !important;
  }
  .contact-page .rd-legal-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .contact-page .rd-legal-grid > div:first-child {
    grid-column: auto !important;
  }
  .contact-page .rd-legal-grid > div {
    padding: 14px 15px !important;
  }
}