.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"PF Din";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"PF Din";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"PF Din";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"PF Din";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* CSS proměnné a base reset — pouze pro .mpl-pozvanka */
.mpl-pozvanka {
  --red: #cd1417;
  --black: #000;
  --white: #fff;
  --gray-light: #f0f0f0;

  /* Fluidní horizontální gutter — od ~20px na mobilu po 320px při 1920px */
  --gutter: clamp(20px, 16.67vw, 320px);
  /* Content padding — drží content uprostřed s rozumným okrajem */
  --content-pad: clamp(20px, 5vw, 80px);

  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  color: var(--black);
  background: var(--white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

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

.mpl-pozvanka *:not(input):not(textarea):not(button):not(select) {
  margin: 0;
  padding: 0;
}

.mpl-pozvanka img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* ===== TOP HERO ===== */
.mpl-pozvanka .hero-top {
  position: relative;
  width: 100%;
  min-height: clamp(480px, 36vw, 696px);
  padding: 0 var(--gutter) clamp(32px, 3.5vw, 56px);
  color: var(--white);
  overflow: hidden;
  isolation: isolate;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto 1fr;
  column-gap: clamp(24px, 4vw, 48px);
  row-gap: clamp(40px, 6vw, 100px);
}

.mpl-pozvanka .hero-top__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.mpl-pozvanka .anniversary-logo {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  width: clamp(64px, 4.7vw, 91px);
  height: auto;
}

.mpl-pozvanka .hero-top__content {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  align-self: end;
  max-width: 100%;
}

.mpl-pozvanka .hero-top__divider {
  width: clamp(64px, 4.7vw, 91px);
  height: 3px;
  background: var(--white);
  margin-bottom: clamp(16px, 1.4vw, 26px);
}

.mpl-pozvanka .hero-top__title {
  color: var(--white);
  font-size: clamp(40px, 5.5vw, 72px);
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0;
}

.mpl-pozvanka .hero-top__title span { display: block; }

.mpl-pozvanka .hero-top__tagline {
  margin-top: clamp(24px, 4vw, 56px);
  color: var(--white);
  font-size: clamp(16px, 1.6vw, 24px);
  font-weight: 500;
  line-height: 1.33;
  text-transform: uppercase;
}

/* Event info block */
.mpl-pozvanka .event-info {
  display: flex;
  align-items: center;
  gap: clamp(12px, 1.2vw, 16px);
  color: var(--white);
  text-transform: uppercase;
}

.mpl-pozvanka .event-info--top {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  align-self: end;
  justify-self: end;
}

.mpl-pozvanka .event-info__date {
  font-size: clamp(18px, 1.7vw, 24px);
  font-weight: 800;
  line-height: 1.1;
}

.mpl-pozvanka .event-info__date span,
.mpl-pozvanka .event-info__location span {
  display: block;
}

.mpl-pozvanka .event-info__sep {
  width: 1px;
  align-self: stretch;
  min-height: 46px;
  background: var(--white);
  flex-shrink: 0;
}

.mpl-pozvanka .event-info__location {
  font-size: clamp(15px, 1.4vw, 20px);
  font-weight: 500;
  line-height: 1.2;
}

/* ===== COUNTDOWN ===== */
.mpl-pozvanka .countdown-wrapper {
  position: relative;
  padding: 0 var(--content-pad);
  background: linear-gradient(
    to bottom,
    var(--black) 0%,
    var(--black) 50%,
    var(--white) 50%,
    var(--white) 100%
  );
  display: flex;
  justify-content: center;
}

.mpl-pozvanka .countdown {
  width: 100%;
  max-width: 1280px;
  background: var(--red);
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(16px, 3vw, 56px);
  padding: clamp(24px, 3vw, 40px) clamp(16px, 3vw, 40px);
  color: var(--white);
  text-transform: uppercase;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
}

.mpl-pozvanka .countdown__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: clamp(60px, 5vw, 90px);
}

.mpl-pozvanka .countdown__num {
  font-size: clamp(40px, 5.5vw, 72px);
  font-weight: 800;
  line-height: 1;
}

.mpl-pozvanka .countdown__lbl {
  font-size: clamp(11px, 0.9vw, 14px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: 0.28px;
  margin-top: 4px;
}

.mpl-pozvanka .countdown__sep {
  font-size: clamp(24px, 2.8vw, 36px);
  font-weight: 800;
  line-height: 1;
  color: var(--white);
  align-self: center;
  margin-top: clamp(-20px, -1.7vw, -28px);
}

/* ===== CONTENT ===== */
.mpl-pozvanka .content {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: clamp(80px, 9vw, 145px) var(--content-pad) clamp(40px, 5vw, 80px);
  color: var(--black);
}

.mpl-pozvanka .content__title {
  font-size: clamp(16px, 1.3vw, 18px);
  font-weight: 800;
  line-height: 1.78;
}

.mpl-pozvanka .content__body p {
  margin-top: 16px;
  font-size: clamp(15px, 1.15vw, 16px);
  font-weight: 500;
  line-height: 2;
}

.mpl-pozvanka .content__body strong { font-weight: 800; }

.mpl-pozvanka .content__body a {
  color: inherit;
  text-decoration: underline;
}

/* ===== SCHEDULE ===== */
.mpl-pozvanka .schedule-wrapper {
  width: 100%;
  padding: clamp(40px, 5vw, 80px) var(--content-pad);
  display: flex;
  justify-content: center;
}

.mpl-pozvanka .schedule {
  width: 100%;
  max-width: 960px;
  background: var(--gray-light);
  border-radius: 4px;
  padding: clamp(32px, 6vw, 80px);
}

.mpl-pozvanka .schedule__title {
  font-size: clamp(16px, 1.5vw, 20px);
  font-weight: 800;
  line-height: 1.2;
  color: var(--red);
  text-transform: uppercase;
  margin-bottom: clamp(8px, 1vw, 12px);
}

.mpl-pozvanka .schedule__subtitle {
  font-size: clamp(13px, 1.05vw, 15px);
  font-weight: 500;
  line-height: 1.4;
  color: var(--black);
  margin-bottom: clamp(28px, 4.5vw, 56px);
}

.mpl-pozvanka .schedule__sublist {
  list-style: disc;
  padding-left: 20px;
  margin-top: 6px;
}

.mpl-pozvanka .schedule__sublist li {
  font-size: clamp(14px, 1.15vw, 16px);
  font-weight: 500;
  line-height: 1.5;
  color: var(--black);
}

.mpl-pozvanka .schedule__list {
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 2vw, 24px);
}

.mpl-pozvanka .schedule__item {
  display: grid;
  grid-template-columns: clamp(110px, 12vw, 152px) 1fr;
  gap: clamp(16px, 2vw, 24px);
  padding-bottom: clamp(16px, 2vw, 24px);
  border-bottom: 1px solid var(--black);
  align-items: start;
}

.mpl-pozvanka .schedule__item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.mpl-pozvanka .schedule__time {
  font-size: clamp(14px, 1.15vw, 16px);
  font-weight: 800;
  line-height: 1.5;
  color: var(--black);
}

.mpl-pozvanka .schedule__desc {
  font-size: clamp(14px, 1.15vw, 16px);
  font-weight: 500;
  line-height: 1.5;
  color: var(--black);
}

/* ===== BOTTOM HERO ===== */
.mpl-pozvanka .hero-bottom {
  position: relative;
  width: 100%;
  padding: clamp(60px, 7vw, 102px) var(--gutter) clamp(60px, 6vw, 80px);
  color: var(--white);
  overflow: hidden;
  isolation: isolate;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  column-gap: clamp(24px, 4vw, 48px);
  row-gap: clamp(24px, 3vw, 40px);
  align-items: start;
}

.mpl-pozvanka .hero-bottom__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -2;
}

.mpl-pozvanka .hero-bottom__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: -1;
}

.mpl-pozvanka .hero-bottom__content {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}

.mpl-pozvanka .hero-bottom__divider {
  width: clamp(64px, 4.7vw, 91px);
  height: 3px;
  background: var(--white);
  margin-bottom: clamp(16px, 1.4vw, 26px);
}

.mpl-pozvanka .hero-bottom__title {
  color: var(--white);
  font-size: clamp(40px, 5.5vw, 72px);
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

.mpl-pozvanka .event-info--bottom {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  justify-self: start;
}

.mpl-pozvanka .mpl-logo-box {
  grid-column: 2 / 3;
  grid-row: 1 / 3;
  align-self: center;
  justify-self: end;
  width: clamp(180px, 14.8vw, 284px);
  aspect-ratio: 284 / 224;
  background: var(--red);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(20px, 2.5vw, 40px);
}

.mpl-pozvanka .mpl-logo-box img {
  width: 100%;
  max-width: 191px;
  height: auto;
}

/* ===== TABLET ( <= 900px ) ===== */
@media (max-width: 900px) {
  .mpl-pozvanka .hero-top {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    padding-top: 0;
    padding-bottom: clamp(28px, 4vw, 48px);
  }

  .mpl-pozvanka .anniversary-logo { grid-column: 1; grid-row: 1; }

  .mpl-pozvanka .hero-top__content {
    grid-column: 1;
    grid-row: 2;
    align-self: end;
  }

  .mpl-pozvanka .event-info--top {
    grid-column: 1;
    grid-row: 3;
    justify-self: start;
    margin-top: clamp(20px, 3vw, 32px);
  }

  .mpl-pozvanka .hero-top__title { font-size: clamp(40px, 9vw, 64px); }

  .mpl-pozvanka .hero-bottom {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }

  .mpl-pozvanka .hero-bottom__content { grid-column: 1; grid-row: 1; }
  .mpl-pozvanka .event-info--bottom { grid-column: 1; grid-row: 2; }

  .mpl-pozvanka .mpl-logo-box {
    grid-column: 1;
    grid-row: 3;
    justify-self: start;
    margin-top: clamp(16px, 3vw, 32px);
  }

  .mpl-pozvanka .hero-bottom__title { font-size: clamp(40px, 9vw, 64px); }
}

/* ===== MOBILE ( <= 560px ) ===== */
@media (max-width: 560px) {
  .mpl-pozvanka {
    --gutter: 20px;
    --content-pad: 20px;
  }

  .mpl-pozvanka .hero-top {
    min-height: 640px;
    row-gap: 8px;
  }

  .mpl-pozvanka .hero-top::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.6) 0%,
      rgba(0, 0, 0, 0.25) 18%,
      rgba(0, 0, 0, 0) 35%,
      rgba(0, 0, 0, 0) 55%,
      rgba(0, 0, 0, 0.65) 100%
    );
    z-index: -1;
    pointer-events: none;
  }

  .mpl-pozvanka .event-info--top {
    margin-top: 0;
  }

  /* Countdown — přes celou šířku, jedna řádka */
  .mpl-pozvanka .countdown-wrapper {
    background: var(--white);
    padding: 0;
  }

  .mpl-pozvanka .countdown {
    gap: 4px;
    padding: 18px 8px;
    border-radius: 0;
    flex-wrap: nowrap;
  }

  .mpl-pozvanka .countdown__sep {
    display: block;
    font-size: 16px;
    line-height: 1;
    margin-top: -10px;
  }

  .mpl-pozvanka .countdown__item {
    flex: 1 1 0;
    min-width: 0;
    padding: 0;
  }

  .mpl-pozvanka .countdown__num { font-size: 28px; line-height: 1; }
  .mpl-pozvanka .countdown__lbl { font-size: 9px; letter-spacing: 0.18px; margin-top: 2px; }

  .mpl-pozvanka .schedule__item {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .mpl-pozvanka .mpl-logo-box {
    width: 100%;
    max-width: 240px;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'PF Din';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://darkgoldenrod-cheetah-521282.hostingersite.com/wp-content/uploads/2026/03/PFDinDisplayPro-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'PF Din';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://darkgoldenrod-cheetah-521282.hostingersite.com/wp-content/uploads/2026/03/PFDinDisplayPro-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */