/* ════════════════════════════════════════════════════════════
   kexpert-parallax.css — визия „галерия"
     1) Паралакс ленти: background-attachment: fixed
     2) Галерия: голяма снимка + лента с миниатюри + авто-въртене
     3) Колони без inline стилове
   Покрива /eventsorg/, /eventsrent/, /eventsconsult/
   ════════════════════════════════════════════════════════════ */

/* ── колони вместо inline style ── */
.ke-page-eventsorg .m-sec > [data-c="1/6"],
.ke-page-eventsrent .m-sec > [data-c="1/6"],
.ke-page-eventsconsult .m-sec > [data-c="1/6"] { grid-column: 1 / span 6; }

.ke-page-eventsorg .m-sec > [data-c="8/5"],
.ke-page-eventsrent .m-sec > [data-c="8/5"],
.ke-page-eventsconsult .m-sec > [data-c="8/5"] { grid-column: 8 / span 5; }

.ke-page-eventsorg .m-sec > [data-c="1/8"],
.ke-page-eventsrent .m-sec > [data-c="1/8"],
.ke-page-eventsconsult .m-sec > [data-c="1/8"] { grid-column: 1 / span 8; }

.ke-page-eventsorg .m-sec > .m-opts,
.ke-page-eventsorg .m-sec > .m-gal,
.ke-page-eventsorg .m-sec > .m-caps-wrap,
.ke-page-eventsorg .m-sec > .m-mosaic,
.ke-page-eventsorg .m-sec > .m-why,
.ke-page-eventsrent .m-sec > .m-opts,
.ke-page-eventsrent .m-sec > .m-gal,
.ke-page-eventsrent .m-sec > .m-caps-wrap,
.ke-page-eventsrent .m-sec > .m-mosaic,
.ke-page-eventsrent .m-sec > .m-why,
.ke-page-eventsconsult .m-sec > .m-opts,
.ke-page-eventsconsult .m-sec > .m-gal,
.ke-page-eventsconsult .m-sec > .m-caps-wrap,
.ke-page-eventsconsult .m-sec > .m-mosaic,
.ke-page-eventsconsult .m-sec > .m-why { grid-column: 1 / span 12; }

/* ── паралакс ленти ── */
.ke-page-eventsorg .m-band__img,
.ke-page-eventsrent .m-band__img,
.ke-page-eventsconsult .m-band__img { display: none !important; }

.ke-page-eventsorg .m-band,
.ke-page-eventsrent .m-band,
.ke-page-eventsconsult .m-band {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* без затъмнение — само мека сянка в долната третина */
.ke-page-eventsorg .m-band::after,
.ke-page-eventsrent .m-band::after,
.ke-page-eventsconsult .m-band::after {
  background: linear-gradient(
    180deg,
    rgba(22,18,31,0) 0%,
    rgba(22,18,31,0) 40%,
    rgba(22,18,31,.32) 68%,
    rgba(22,18,31,.74) 100%
  );
}

/* текстът държи на сянка, не на затъмнение */
.ke-page-eventsorg .m-band .m-h,
.ke-page-eventsrent .m-band .m-h,
.ke-page-eventsconsult .m-band .m-h {
  text-shadow: 0 2px 34px rgba(0,0,0,.92), 0 1px 6px rgba(0,0,0,.85), 0 0 70px rgba(0,0,0,.6);
}
.ke-page-eventsorg .m-band .m-num,
.ke-page-eventsrent .m-band .m-num,
.ke-page-eventsconsult .m-band .m-num {
  color: var(--m-gold-lt);
  text-shadow: 0 1px 16px rgba(0,0,0,.95);
}
.ke-page-eventsorg .m-band .m-lede,
.ke-page-eventsrent .m-band .m-lede,
.ke-page-eventsconsult .m-band .m-lede {
  color: #fff;
  text-shadow: 0 1px 20px rgba(0,0,0,.95), 0 1px 5px rgba(0,0,0,.85);
}

/* ════════════════════════════════════════════════════════════
   ГАЛЕРИЯ — голяма снимка + лента с миниатюри
   ════════════════════════════════════════════════════════════ */
.ke-page-eventsorg .m-gal,
.ke-page-eventsrent .m-gal,
.ke-page-eventsconsult .m-gal { display: grid; gap: .6rem; }

.ke-page-eventsorg .m-gal__hero,
.ke-page-eventsrent .m-gal__hero,
.ke-page-eventsconsult .m-gal__hero {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: var(--m-ink);
}
.ke-page-eventsorg .m-gal__hero img,
.ke-page-eventsrent .m-gal__hero img,
.ke-page-eventsconsult .m-gal__hero img {
  width: 100%;
  aspect-ratio: 21/9;
  object-fit: cover;
  display: block;
  transition: opacity .45s ease;
}
.ke-page-eventsorg .m-gal__hero img.is-fading,
.ke-page-eventsrent .m-gal__hero img.is-fading,
.ke-page-eventsconsult .m-gal__hero img.is-fading { opacity: .25; }

.ke-page-eventsorg .m-gal__ctrl,
.ke-page-eventsrent .m-gal__ctrl,
.ke-page-eventsconsult .m-gal__ctrl {
  position: absolute;
  bottom: 0; right: 0;
  display: flex; align-items: center;
  background: rgba(22,18,31,.9);
  border-radius: 12px 0 0 0;
  z-index: 3;
}
.ke-page-eventsorg .m-gal__ctrl button,
.ke-page-eventsrent .m-gal__ctrl button,
.ke-page-eventsconsult .m-gal__ctrl button {
  border: 0; background: transparent; color: #fff;
  width: 2.9rem; height: 2.9rem;
  font-size: 1rem; cursor: pointer;
  transition: background .2s;
}
.ke-page-eventsorg .m-gal__ctrl button:hover,
.ke-page-eventsrent .m-gal__ctrl button:hover,
.ke-page-eventsconsult .m-gal__ctrl button:hover { background: var(--m-violet); }
.ke-page-eventsorg .m-gal__pos,
.ke-page-eventsrent .m-gal__pos,
.ke-page-eventsconsult .m-gal__pos {
  padding: 0 .95rem;
  font-family: var(--m-num);
  font-size: .82rem;
  letter-spacing: .1em;
  color: #fff;
}

/* лентата с миниатюри — ЕДИН ред с хоризонтален скрол */
.ke-page-eventsorg .m-gal__strip,
.ke-page-eventsrent .m-gal__strip,
.ke-page-eventsconsult .m-gal__strip {
  display: flex;
  flex-wrap: nowrap;
  gap: .4rem;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  padding-bottom: .35rem;
  mask-image: linear-gradient(90deg, transparent 0, #000 1.5%, #000 98.5%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 1.5%, #000 98.5%, transparent 100%);
}
.ke-page-eventsorg .m-gal__strip img,
.ke-page-eventsrent .m-gal__strip img,
.ke-page-eventsconsult .m-gal__strip img {
  flex: 0 0 auto;
  width: clamp(64px,5.6vw,84px);
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 9px;
  cursor: pointer;
  opacity: .55;
  transition: opacity .25s, transform .25s, outline-color .25s;
  outline: 3px solid transparent;
  outline-offset: -3px;
}
.ke-page-eventsorg .m-gal__strip img:hover,
.ke-page-eventsrent .m-gal__strip img:hover,
.ke-page-eventsconsult .m-gal__strip img:hover { opacity: .85; transform: translateY(-2px); }
.ke-page-eventsorg .m-gal__strip img[aria-current],
.ke-page-eventsrent .m-gal__strip img[aria-current],
.ke-page-eventsconsult .m-gal__strip img[aria-current] {
  opacity: 1;
  outline-color: var(--m-gold);
}

/* ── мобилно ── */
@media (max-width: 900px) {
  .ke-page-eventsorg .m-band,
  .ke-page-eventsrent .m-band,
  .ke-page-eventsconsult .m-band { background-attachment: scroll; }
  .ke-page-eventsorg .m-sec > [data-c],
  .ke-page-eventsrent .m-sec > [data-c],
  .ke-page-eventsconsult .m-sec > [data-c] { grid-column: 1 / span 12; }
  .ke-page-eventsorg .m-gal__strip img,
  .ke-page-eventsrent .m-gal__strip img,
  .ke-page-eventsconsult .m-gal__strip img { width: 76px; }
}
@supports not (background-attachment: fixed) {
  .ke-page-eventsorg .m-band,
  .ke-page-eventsrent .m-band,
  .ke-page-eventsconsult .m-band { background-attachment: scroll; }
}
@media (prefers-reduced-motion: reduce) {
  .ke-page-eventsorg .m-gal__strip,
  .ke-page-eventsrent .m-gal__strip,
  .ke-page-eventsconsult .m-gal__strip { scroll-behavior: auto; }
}
