/* Ramki "Ważne informacje o inwestycji", kalkulacja, budynek i dane spółek – Linea Mare Pobierowo
   (rekomendacje WKB / UOKiK, 10.2026). Treść jak na apartamenty.lineamare.pl. Kolory i krój jak w motywie i2o. */

.uokik-info,
.uokik-calc,
.uokik-building,
.uokik-data,
.uokik-risk { font-family: Montserrat, sans-serif; color: #313131; font-size: 15px; line-height: 1.6; text-align: left; }

.uokik-section { margin-top: 40px; margin-bottom: 40px; }
.uokik-section--model { margin-top: 60px; margin-bottom: 60px; }
.uokik-section--model > * + * { margin-top: 24px; }
.uokik-section--contact { margin-top: 60px; margin-bottom: 80px; }

/* Ramka */
.uokik-info { background: #fff; padding: 24px 28px; border: 1px solid #e5e5e5; border-left: 4px solid #bfb594; }
.uokik-info p { margin: 0 0 10px; }
.uokik-info p:last-child { margin-bottom: 0; }
.uokik-info__title { font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; font-size: 12px; }
.uokik-info__list { margin: 0 0 16px; padding-left: 18px; list-style: disc; }
.uokik-info__list li { margin-bottom: 6px; }
.uokik-info__costs { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.uokik-info__col { background: #f9f8f6; padding: 16px 20px; }
.uokik-info__col-title { font-weight: 700; }
.uokik-info__col ul { margin: 0; padding-left: 18px; list-style: disc; }
.uokik-info__link a { color: #8a7d55; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }

/* Przykładowa kalkulacja */
.uokik-calc { background: #fff; padding: 28px; border: 1px solid #e5e5e5; }
.uokik-calc__title { font-size: 24px; font-weight: 600; margin: 0 0 8px; color: #313131; }
.uokik-calc__intro { margin: 0 0 16px; }
.uokik-calc__table-wrap { overflow-x: auto; }
.uokik-calc__table { width: 100%; border-collapse: collapse; font-size: 14px; }
.uokik-calc__table th,
.uokik-calc__table td { padding: 10px 12px; border-bottom: 1px solid #e5e5e5; text-align: right; white-space: nowrap; }
.uokik-calc__table th:first-child,
.uokik-calc__table td:first-child { text-align: left; }
.uokik-calc__table thead th { background: #bfb594; color: #fff; font-weight: 600; font-size: 13px; white-space: normal; }
.uokik-calc__note { font-size: 13px; margin: 16px 0 0; line-height: 1.55; }

/* Budynek */
.uokik-building { background: #f9f8f6; padding: 28px; }
.uokik-building__title { font-size: 24px; font-weight: 600; margin: 0 0 20px; color: #313131; }
.uokik-building__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.uokik-building__item { background: #fff; padding: 18px 20px; border-left: 4px solid #bfb594; }
.uokik-building__item p { margin: 0 0 8px; }
.uokik-building__item p:last-child { margin-bottom: 0; }
.uokik-building__label { font-weight: 700; text-transform: uppercase; font-size: 12px; letter-spacing: 0.06em; }

/* Strona Ryzyko inwestycyjne */
.uokik-risk { margin-top: 48px; }
.uokik-risk > * + * { margin-top: 24px; }
.uokik-risk__title { font-size: 26px; font-weight: 600; line-height: 1.25; margin: 0; color: #313131; }
.uokik-data { background: #fff; padding: 28px; border: 1px solid #e5e5e5; border-left: 4px solid #bfb594; }
.uokik-data__title { font-size: 24px; font-weight: 600; margin: 0 0 16px; color: #313131; }
.uokik-data__list { display: grid; grid-template-columns: 240px 1fr; gap: 10px 24px; margin: 0; }
.uokik-data__list dt { font-weight: 700; }
.uokik-data__list dd { margin: 0; }
.uokik-data__note { margin: 16px 0 0; font-size: 14px; }
.uokik-data__note a { color: #8a7d55; text-decoration: underline; }

/* Operator i oceny gości (szablon Pobierowa) */
.uokik-operator-note { margin-top: 16px; }
.uokik-operator-note a { color: #8a7d55; font-weight: 700; text-decoration: underline; }
.uokik-reviews-source { font-family: Montserrat, sans-serif; font-size: 13px; line-height: 1.5; color: #313131; max-width: 760px; margin: 16px auto 0; text-align: center; }

@media (max-width: 767.98px) {
    .uokik-info,
    .uokik-calc,
    .uokik-building,
    .uokik-data { padding: 18px 16px; font-size: 14px; }
    .uokik-info__costs,
    .uokik-building__grid { grid-template-columns: 1fr; }
    .uokik-calc__table thead { display: none; }
    .uokik-calc__table tr { display: block; margin-bottom: 16px; border: 1px solid #e5e5e5; }
    .uokik-calc__table td { display: flex; justify-content: space-between; gap: 16px; white-space: normal; text-align: right; }
    .uokik-calc__table td::before { content: attr(data-label); text-align: left; font-weight: 600; }
    .uokik-calc__table td:first-child { display: block; text-align: left; background: #f9f8f6; }
    .uokik-calc__table td:first-child::before { content: none; }
    .uokik-data__list { grid-template-columns: 1fr; gap: 2px; }
    .uokik-data__list dd { margin-bottom: 12px; }
}