/* Правните страници: поверителност, общи условия, бисквитки.
 *
 * Те не минават през dc-runtime и нямат нужда от него: тук няма състояние,
 * има четене. Затова са обикновен HTML, зареждат се веднага и не могат да
 * се счупят от рендването.
 *
 * Оформлението е на документ, не на брошура: една колона, широка колкото
 * окото поема наведнъж, тихи заглавия, ясни таблици.
 */

*, *::before, *::after { box-sizing: border-box; }

html { font-size: 19px; scroll-behavior: smooth; }
@media (max-width: 900px) { html { font-size: 18px; } }

body {
  margin: 0;
  background: #F8F4ED;
  color: #262320;
  font-family: "Manrope", "Segoe UI", sans-serif;
  font-size: 1rem;
  line-height: 1.7;
  overflow-x: hidden;
}

img { display: block; max-width: 100%; }
/* ⛔ Сайтът гаси подчертаването на всяка връзка. Без този ред браузърът
   слага своята черта под всичко: под пунктовете в менюто, под редовете
   в разгъващия панел и под връзките в подвала. Точно това си личеше. */
a { color: #8A6B3F; text-decoration: none; }
a:hover { color: #B8934F; }

/* Същият страничен отстъп като на шапката и подвала, за да тръгва текстът
   точно под логото, а не отместен навътре. Редът си остава четим, защото
   ограничението е върху самите блокове, не върху колоната. */
.pr-obvivka {
  padding: 0 max(clamp(1.4rem, 4vw, 3.6rem), calc((100% - 1200px) / 2));
}
.pr-tqlo .pr-obvivka > * { max-width: 46rem; }

/* ── Тяло ──────────────────────────────────────────────────────── */
.pr-tqlo { padding: clamp(2.4rem, 7vw, 4.5rem) 0 clamp(3rem, 8vw, 5rem); }

.pr-nadred {
  display: inline-flex;
  align-items: center;
  gap: 0.9rem;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #8A6B3F;
  margin-bottom: 0.9rem;
}
.pr-nadred::before {
  content: "";
  display: block;
  width: 2.6rem;
  height: 2px;
  background: linear-gradient(90deg, #B8934F, rgba(184, 147, 79, 0));
}

h1 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 300;
  font-size: clamp(1.9rem, 6vw, 3rem);
  line-height: 1.1;
  margin: 0 0 0.8rem;
}
h2 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 400;
  font-size: clamp(1.35rem, 3.6vw, 1.75rem);
  line-height: 1.2;
  /* Без черта отгоре. Сайтът не дели съдържанието с линии никъде, а тук се
     трупаха петнайсет на документ и личаха като чужди. Разстоянието върши
     същата работа. */
  margin: 3.2rem 0 0.8rem;
}
h3 {
  font-size: 1rem;
  font-weight: 700;
  margin: 1.6rem 0 0.4rem;
}
p { margin: 0 0 1rem; text-wrap: pretty; }

.pr-data {
  font-size: 0.86rem;
  color: #6E5C4C;
  margin-bottom: 2rem;
}

ul, ol { margin: 0 0 1rem; padding-left: 1.3rem; }
li { margin-bottom: 0.5rem; }

/* Съдържанието най-горе: документът е дълъг, човек търси един раздел. */
.pr-sadarzhanie {
  background: #ECDFCC;
  border-radius: 5px;
  padding: 1.2rem 1.4rem;
  margin-bottom: 2.4rem;
}
.pr-sadarzhanie p { font-weight: 700; margin-bottom: 0.5rem; font-size: 0.9rem; }
.pr-sadarzhanie ol { margin: 0; padding-left: 1.2rem; font-size: 0.93rem; }
.pr-sadarzhanie li { margin-bottom: 0.25rem; }

/* Таблиците носят основанията и сроковете. На тесен екран се плъзгат сами,
   вместо да изтласкат страницата настрани. */
.pr-tablica { overflow-x: auto; margin: 0 0 1.4rem; }
table { border-collapse: collapse; width: 100%; min-width: 32rem; font-size: 0.9rem; }
th, td { text-align: left; vertical-align: top; padding: 0.7rem 0.8rem; border-bottom: 1px solid rgba(184, 147, 79, 0.3); }
th { font-weight: 700; background: #ECDFCC; }

/* Мястото, което чака данни за фирмата. Вижда се от километър нарочно. */
.pr-popylni {
  background: #FFE9A8;
  color: #4A3608;
  padding: 0.1em 0.35em;
  border-radius: 3px;
  font-weight: 700;
  white-space: nowrap;
}
.pr-chernova {
  background: #FFF4D6;
  border: 1px solid #E4C98F;
  border-left: 4px solid #B8934F;
  border-radius: 5px;
  padding: 1rem 1.2rem;
  margin-bottom: 2.2rem;
  font-size: 0.9rem;
}
.pr-chernova strong { display: block; margin-bottom: 0.25rem; }

.pr-kutiya {
  background: #FFFFFF;
  border: 1px solid rgba(184, 147, 79, 0.4);
  border-radius: 5px;
  padding: 1.1rem 1.3rem;
  margin: 0 0 1.4rem;
}
.pr-kutiya p:last-child { margin-bottom: 0; }