/* ══════════════════════════════════════════════════════════════
   publishing.css - ВИЗИЯ „издание" за /publishing/
   Идеята е книга:
     * СЕРИФНА типография за заглавия - като в издание
     * топла хартия, не бяло
     * услугите са СЪДЪРЖАНИЕ - номериран списък като в книга
     * оранжев акцент
     * един паралакс
   Шрифтове: само тези, които сайтът зарежда + Georgia (вече в сайта).
   ══════════════════════════════════════════════════════════════ */

.ke-page-publishing .p-page {
  --p-paper:  #fafafa;
  --p-card:   #ffffff;
  --p-line:   #e4ded0;
  --p-line-2: #cec5b0;
  --p-fg:     #1f2a24;
  --p-fg-2:   #55645c;
  --p-fg-3:   #8b978f;
  --p-accent: #c25a1e;
  --p-accent-2: #8a3f12;
  --p-sans:   "Montserrat",Arial,sans-serif;
  --p-disp:   "Montserrat",Arial,sans-serif;

  background: var(--p-paper);
  color: var(--p-fg);
  font-family: var(--p-sans);
}

.ke-page-publishing .p-sec {
  max-width: 1140px;
  margin: 0 auto;
  padding: clamp(1.4rem,2.8vw,2.6rem) clamp(1.25rem,4vw,4rem);
}

/* ═══ ВОДЕЩ - като корица ═══ */
.ke-page-publishing .p-lead { text-align: center; }
.ke-page-publishing .p-rule {
  width: 4rem;
  height: 3px;
  margin: 0 auto 1.4rem;
  background: var(--p-accent);
}
.ke-page-publishing .p-eyebrow {
  margin: 0 0 1rem;
  font-family: var(--p-disp);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: var(--p-fg-3);
}
.ke-page-publishing .p-h1 {
  margin: 0 auto 1.5rem;
  font-family: var(--p-sans);
  font-size: clamp(2rem,1.2rem + 3vw,3.6rem);
  font-weight: 400;
  font-style: italic;
  line-height: 1.1;
  letter-spacing: -.02em;
  max-width: 22ch;
}
.ke-page-publishing .p-lead__p {
  margin: 0 auto;
  max-width: 68ch;
  font-family: var(--p-sans);
  font-size: 1.1rem;
  line-height: 1.85;
  color: var(--p-fg-2);
  text-align: left;
}


/* ═══ ЗАГЛАВИЕ НА РАЗДЕЛ ═══ */
.ke-page-publishing .p-head {
  text-align: center;
  margin-bottom: 1.6rem;
}
.ke-page-publishing .p-head__n {
  display: block;
  font-family: var(--p-disp);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--p-accent);
  margin-bottom: .8rem;
}
.ke-page-publishing .p-head__t {
  margin: 0 auto;
  font-family: var(--p-sans);
  font-size: clamp(1.35rem,1.05rem + 1.4vw,2rem);
  font-weight: 600;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -.015em;
  max-width: 26ch;
}

/* ═══ СЪДЪРЖАНИЕ - като в книга ═══ */
.ke-page-publishing .p-toc {
  border-top: 2px solid var(--p-fg);
}
.ke-page-publishing .p-entry {
  display: grid;
  grid-template-columns: 2.8rem minmax(0,1fr);
  gap: clamp(.8rem,2vw,1.6rem);
  padding: 1.25rem 0;
  border-bottom: 1px solid var(--p-line);
}
.ke-page-publishing .p-entry__n {
  font-family: var(--p-sans);
  font-size: 1rem;
  font-weight: 400;
  color: var(--p-accent);
  line-height: 1.3;
}
.ke-page-publishing .p-entry__t {
  margin: 0 0 .7rem;
  font-family: var(--p-sans);
  font-size: clamp(1.05rem,.98rem + .35vw,1.22rem);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -.01em;
}
.ke-page-publishing .p-entry ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .4rem;
  columns: 2;
  column-gap: clamp(1.5rem,3vw,2.5rem);
}
.ke-page-publishing .p-entry li {
  position: relative;
  padding-left: 1.15rem;
  font-size: .93rem;
  line-height: 1.6;
  color: var(--p-fg-2);
  break-inside: avoid;
}
.ke-page-publishing .p-entry li::before {
  content: "-";
  position: absolute;
  left: 0;
  color: var(--p-line-2);
}

/* ═══ ПАРАЛАКС ═══ */
.ke-page-publishing .p-band {
  position: relative;
  min-height: clamp(260px,32vw,420px);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: var(--p-fg);
  background-image: url("../_media/publishing-signing.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.ke-page-publishing .p-band::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(31,42,36,0) 0%, rgba(31,42,36,0) 55%, rgba(31,42,36,.35) 100%);
}
.ke-page-publishing .p-band__in {
  position: relative; z-index: 2;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: clamp(1.5rem,3vw,2.8rem) clamp(1.25rem,4vw,4rem);
  display: flex;
  justify-content: flex-start;
}
.ke-page-publishing .p-band__q {
  margin: 0;
  padding: clamp(1rem,2vw,1.6rem) clamp(1.2rem,2.4vw,2rem);
  background: rgba(31,42,36,.82);
  border-left: 4px solid var(--p-accent);
  font-family: var(--p-sans);
  font-style: italic;
  font-size: clamp(1.3rem,.95rem + 1.5vw,2.1rem);
  font-weight: 400;
  line-height: 1.28;
  letter-spacing: -.015em;
  color: #fff;
  max-width: 20ch;
}

/* ═══ WHY ═══ */
.ke-page-publishing .p-why {
  list-style: none; margin: 0; padding: 0;
}
.ke-page-publishing .p-why li {
  position: relative;
  padding: 1.05rem 0 1.05rem 2.4rem;
  border-bottom: 1px solid var(--p-line);
  font-family: var(--p-sans);
  font-size: 1.02rem;
  line-height: 1.6;
  color: var(--p-fg-2);
}
.ke-page-publishing .p-why li:first-child { border-top: 1px solid var(--p-line); }
.ke-page-publishing .p-why li::before {
  content: "-";
  position: absolute;
  left: 0; top: 1.05rem;
  font-family: var(--p-sans);
  font-size: 1rem;
  color: var(--p-accent);
}

/* ═══ ДОПЪЛНИТЕЛЕН ТЕКСТ ═══ */
.ke-page-publishing .p-more {
  margin: 1.6rem 0 0;
  padding: 1.4rem 0 0;
  border-top: 1px solid var(--p-line-2);
  font-family: var(--p-sans);
  font-size: 1.02rem;
  line-height: 1.75;
  color: var(--p-fg-2);
}

.ke-page-publishing .p-cta {
  margin: 1.4rem 0 0;
  font-family: var(--p-sans);
  font-size: 1.05rem;
  line-height: 1.7;
  color: var(--p-fg-2);
  max-width: 66ch;
}
.ke-page-publishing .p-cta strong { color: var(--p-fg); font-weight: 700; }

.ke-page-publishing .p-page a:focus-visible,
.ke-page-publishing .p-page button:focus-visible { outline: 3px solid var(--p-accent); outline-offset: 3px; }

/* ═══ ОТЗИВЧИВОСТ ═══ */
@media (max-width: 900px) {
  .ke-page-publishing .p-entry ul { columns: 1; }
  .ke-page-publishing .p-entry { grid-template-columns: 2rem minmax(0,1fr); }
  .ke-page-publishing .p-band { background-attachment: scroll; }
}
@media (prefers-reduced-motion: reduce) {
  .ke-page-publishing .p-page * { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* ═══════════════════════════════════════════════════════════════
   Отстояние над футъра — общо 96px (както на /about/ и /sdgstate/).
   Последната секция има собствен padding; добавяме колкото липсва.
   Пипа се САМО padding-bottom. Фонът идва от .sectionWrapper.
   ═══════════════════════════════════════════════════════════════ */
.ke-page-eventsorg .m-sec:last-of-type      { padding-bottom: calc(50.4px + 45.6px); }
.ke-page-eventsrent .rl-sec:last-of-type    { padding-bottom: calc(72px + 24px); }
.ke-page-eventsconsult .s-sec:last-of-type  { padding-bottom: calc(72px + 24px); }
.ke-page-itweb .w-sec:last-of-type          { padding-bottom: calc(23.04px + 73px); }
.ke-page-itzoom .b-sec:last-of-type         { padding-bottom: calc(34.56px + 61.5px); }
.ke-page-publishing .p-sec:last-of-type     { padding-bottom: calc(40.32px + 55.7px); }
.ke-page-publishingcons .c-sec:last-of-type { padding-bottom: calc(34.56px + 61.5px); }

@media (max-width: 820px) {
  .ke-page-eventsorg .m-sec:last-of-type      { padding-bottom: calc(50.4px + 14px); }
  .ke-page-eventsrent .rl-sec:last-of-type    { padding-bottom: calc(72px + 0px); }
  .ke-page-eventsconsult .s-sec:last-of-type  { padding-bottom: calc(72px + 0px); }
  .ke-page-itweb .w-sec:last-of-type          { padding-bottom: calc(23.04px + 41px); }
  .ke-page-itzoom .b-sec:last-of-type         { padding-bottom: calc(34.56px + 29px); }
  .ke-page-publishing .p-sec:last-of-type     { padding-bottom: calc(40.32px + 24px); }
  .ke-page-publishingcons .c-sec:last-of-type { padding-bottom: calc(34.56px + 29px); }
}
