/* Ramka "Ważne informacje o inwestycji" + drobne dodatki (rekomendacje WKB / UOKiK, 09.2026) */

.investment-info {
  position: relative;
  z-index: 2;
  font-size: 1rem;
  line-height: 1.6;
  padding: 1.25rem 1.5rem;
  border-left: 4px solid #A94D03;
  text-align: left;
}
@media (max-width: 767.98px) {
  .investment-info { font-size: 0.9rem; padding: 1rem 1.1rem; }
}
.investment-info p { margin: 0 0 0.6rem; }
.investment-info p:last-child { margin-bottom: 0; }
.investment-info__title {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.8rem;
}
.investment-info__list { margin: 0 0 1rem; padding-left: 1.1rem; }
.investment-info__list li { margin-bottom: 0.35rem; }
.investment-info__costs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1rem;
}
@media (max-width: 767.98px) {
  .investment-info__costs { grid-template-columns: 1fr; }
}
.investment-info__col { padding: 0.9rem 1rem; }
.investment-info__col-title { font-weight: 700; }
.investment-info__col ul { margin: 0; padding-left: 1.1rem; }
.investment-info__link a { font-weight: 700; text-decoration: underline; }

.investment-info--light { background: #fff; color: #1F4A52; }
.investment-info--light .investment-info__col { background: #F5EEE5; }
.investment-info--light .investment-info__link a { color: #A94D03; }

.investment-info--dark { background: rgba(0, 0, 0, 0.18); color: #fff; }
.investment-info--dark .investment-info__col { background: rgba(255, 255, 255, 0.08); }
.investment-info--dark .investment-info__link a { color: #fff; }

/* Pasek pod sliderem na górze strony */
.investment-info-band { background: #1F4A52; padding: 1.5rem 0; }
.investment-info-band .investment-info { max-width: 1100px; margin: 0 auto; }

/* Odstępy w sekcjach */
.investment-info-wrap { margin-top: 2rem; margin-bottom: 2rem; }
.earning-model-2 .investment-info-wrap { margin-top: 1rem; margin-bottom: 4rem; max-width: 1200px; margin-left: auto; margin-right: auto; }
.contact-section .investment-info { margin-top: 1.5rem; }

/* Link w nagłówku */
.main-header .navbar-nav .uokik-nav-link {
  color: #fff;
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
  padding: 0.5rem 1rem;
}

/* Przypis przy kafelku z czynszem */
.earning-model-2 .box .footnote { display: block; margin-top: 0.5rem; font-size: 0.75rem; opacity: 0.85; }

/* Opinie – źródło ocen */
.reviews .reviews-source { font-size: 0.9rem; color: #1F4A52; max-width: 760px; margin: 1.5rem auto 0; text-align: center; }

/* Stopka – zdanie o ryzyku */
.main-footer .risk-note { font-weight: 600; }

/* Przykładowa kalkulacja */
.example-calculation { background: #fff; color: #1F4A52; padding: 1.5rem; margin-bottom: 1.5rem; }
.example-calculation__title { font-size: 1.4rem; font-weight: 600; margin: 0 0 0.5rem; color: #2B636D; }
.example-calculation__intro { margin: 0 0 1rem; }
.example-calculation__table-wrap { overflow-x: auto; }
.example-calculation__table { width: 100%; border-collapse: collapse; font-size: 0.95rem; }
.example-calculation__table th,
.example-calculation__table td { padding: 0.6rem 0.75rem; border-bottom: 1px solid #E8D7C2; text-align: right; white-space: nowrap; }
.example-calculation__table th:first-child,
.example-calculation__table td:first-child { text-align: left; }
.example-calculation__table thead th { background: #2B636D; color: #fff; font-weight: 600; font-size: 0.85rem; white-space: normal; }
.example-calculation__note { font-size: 0.85rem; margin: 1rem 0 0; line-height: 1.55; }
@media (max-width: 767.98px) {
  .example-calculation { padding: 1rem; }
  .example-calculation__table thead { display: none; }
  .example-calculation__table tr { display: block; margin-bottom: 1rem; border: 1px solid #E8D7C2; }
  .example-calculation__table td { display: flex; justify-content: space-between; gap: 1rem; white-space: normal; text-align: right; }
  .example-calculation__table td::before { content: attr(data-label); text-align: left; font-weight: 600; }
  .example-calculation__table td:first-child { display: block; text-align: left; background: #F5EEE5; }
  .example-calculation__table td:first-child::before { content: none; }
}

/* Budynek, części wspólne i koszty */
.building-section { background: #F5EEE5; padding: 3rem 0; }
.building-info { color: #1F4A52; }
.building-info__title { font-size: 1.6rem; font-weight: 600; color: #2B636D; margin: 0 0 1.25rem; }
.building-info__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 767.98px) { .building-info__grid { grid-template-columns: 1fr; } }
.building-info__item { background: #fff; padding: 1.1rem 1.25rem; border-left: 4px solid #327D8A; }
.building-info__item p { margin: 0 0 0.5rem; line-height: 1.6; }
.building-info__item p:last-child { margin-bottom: 0; }
.building-info__label { font-weight: 700; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 0.04em; }
.building-info__note { margin: 1.25rem 0 0; font-size: 0.95rem; }
.page-content .building-info,
.page-content .example-calculation { margin-top: 2rem; }


/* Dane do weryfikacji – strona Ryzyko inwestycyjne */
.investment-data { background: #fff; color: #1F4A52; padding: 1.5rem; margin-top: 2rem; border-left: 4px solid #327D8A; }
.investment-data__title { font-size: 1.4rem; font-weight: 600; color: #2B636D; margin: 0 0 1rem; }
.investment-data__list { display: grid; grid-template-columns: 240px 1fr; gap: 0.6rem 1.5rem; margin: 0; }
.investment-data__list dt { font-weight: 700; }
.investment-data__list dd { margin: 0; line-height: 1.6; }
@media (max-width: 767.98px) {
  .investment-data__list { grid-template-columns: 1fr; gap: 0.2rem; }
  .investment-data__list dd { margin-bottom: 0.8rem; }
}
.investment-data__note { margin: 1rem 0 0; font-size: 0.9rem; }
.investment-data__note a { color: #A94D03; text-decoration: underline; }

/* Poprawki nagłówka i pierwszego ekranu na niższych/węższych ekranach (09.2026) */
/* Formularz jest przyklejony do dołu sekcji 100vh – przy wysokości < ~870 px wchodził pod pasek z telefonem */
@media (min-width: 768px) {
  .top-section:not(.top-section-type-2) .slider,
  .top-section:not(.top-section-type-2) .slider .item { min-height: max(100vh, 880px); }
}
/* Na tabletach i małych laptopach ozdobne fale przy telefonie wypychały numer na logo */
@media (min-width: 768px) and (max-width: 1199.98px) {
  header.main-header .contact-btn-container .decoration { display: none; }
  header.main-header .contact-btn-container { padding-right: 1.5rem; }
}
/* Link "Ryzyko inwestycyjne" widoczny także poniżej 992 px (menu nie ma przycisku rozwijania) */
@media (max-width: 991.98px) {
  header.main-header .navbar-collapse { display: block !important; flex-basis: auto; flex-grow: 0; }
  header.main-header .navbar-nav { flex-direction: row; margin: 0 !important; }
}
@media (max-width: 767.98px) {
  header.main-header .navbar .container-fluid { flex-wrap: nowrap; align-items: center; }
  .main-header .navbar-nav .uokik-nav-link { padding: 1rem 0.5rem 0; font-size: 0.8rem; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  header.main-header .navbar .container-fluid { flex-wrap: wrap; justify-content: flex-start; }
  header.main-header .navbar-collapse { flex-basis: 100%; padding-left: calc(5vw - 1rem); }
}
@media (min-width: 992px) {
  .top-section.top-section-type-2 { min-height: 880px; }
}