/**
 * Shared chrome palette: navigation and compact footer.
 * Keeps the site shell on the approved midnight, cream, and gold system.
 */

.be-header {
  background: #01121f !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-bottom: 1px solid rgba(196, 145, 76, 0.2) !important;
}

.be-header .be-brand-crown {
  color: #c4914c !important;
}

.be-header .be-brand-name {
  color: #f2efec !important;
}

.be-header .be-nav-link,
.be-header .be-mobile-nav-list a {
  color: rgba(242, 239, 236, 0.82) !important;
  transition: color 180ms ease-out !important;
}

.be-header .be-nav-link:hover,
.be-header .be-nav-link:focus-visible,
.be-header .be-nav-link.active,
.be-header .be-mobile-nav-list a:hover,
.be-header .be-mobile-nav-list a:focus-visible,
.be-header .be-mobile-nav-list a.active {
  color: #c4914c !important;
}

.be-header .be-nav-link:focus-visible,
.be-header .be-brand-lockup:focus-visible,
.be-header .be-mobile-toggle:focus-visible,
.be-header .be-btn-cta:focus-visible,
.be-footer--compact a:focus-visible,
.be-footer--compact button:focus-visible {
  outline: 2px solid #e5a658 !important;
  outline-offset: 4px !important;
}

.be-header .be-nav-link.active::after {
  height: 1px !important;
  background: #c4914c !important;
}

.be-header .be-btn-cta {
  background: #e5a658 !important;
  border-color: #e5a658 !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  color: #01121f !important;
}

.be-header .be-btn-cta:hover {
  background: #c4914c !important;
  border-color: #c4914c !important;
  box-shadow: none !important;
  color: #01121f !important;
  transform: none !important;
}

.be-header .be-mobile-toggle {
  border-color: rgba(196, 145, 76, 0.36) !important;
  border-radius: 3px !important;
  color: #c4914c !important;
}

.be-header .be-menu-line {
  transform-box: fill-box;
  transform-origin: center;
  transition: opacity 180ms ease-out, transform 180ms ease-out;
}

.be-header .be-mobile-toggle[aria-expanded="true"] .be-menu-line--middle {
  opacity: 0;
}

.be-header .be-mobile-toggle[aria-expanded="true"] .be-menu-line--top {
  transform: translateY(6px) rotate(45deg);
}

.be-header .be-mobile-toggle[aria-expanded="true"] .be-menu-line--bottom {
  transform: translateY(-6px) rotate(-45deg);
}

.be-header .be-mobile-menu {
  background: #01121f !important;
  border-color: rgba(196, 145, 76, 0.2) !important;
}

.be-footer.be-footer--compact {
  background: #01121f !important;
  border-top: 1px solid rgba(196, 145, 76, 0.2) !important;
  color: #f2efec !important;
  padding: 24px 20px 30px !important;
}

.be-footer--compact .be-footer-compact-copy {
  color: rgba(242, 239, 236, 0.6) !important;
}

.be-footer--compact .be-footer-compact-nav a,
.be-footer--compact .be-footer-cookie-link,
.be-footer--compact .be-footer-legal-draft {
  color: #c4914c !important;
}

.be-footer--compact .be-footer-compact-nav a:hover,
.be-footer--compact .be-footer-cookie-link:hover {
  color: #f2efec !important;
}

@media (max-width: 1023px) {
  body.bestenglish-page {
    padding-top: 81px !important;
  }

  .be-header {
    position: fixed !important;
    inset: 0 0 auto !important;
    z-index: 10000 !important;
  }

  .be-header .be-mobile-menu {
    max-height: calc(100dvh - 81px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .be-replica .be-divi-fragment {
    scroll-margin-top: 81px;
  }

  .be-divi-replica-main #uvod,
  .be-replica #uvod {
    box-sizing: border-box;
    min-height: calc(100svh - 81px) !important;
  }

  .be-replica .be-divi-section-7 .et_pb_text_inner>section {
    box-sizing: border-box;
    min-height: 620px !important;
    align-items: stretch !important;
  }

  .be-replica .be-divi-section-7 .et_pb_text_inner>section>div:first-child {
    background-size: cover !important;
    background-position: 42% center !important;
  }

  .be-replica .be-divi-section-7 .et_pb_text_inner>section>div:nth-child(2) {
    background: linear-gradient(180deg, #01121f 0%, rgba(1, 18, 31, 0.94) 24%, rgba(1, 18, 31, 0.34) 62%, #01121f 100%) !important;
  }

  .be-replica .be-divi-section-7 .et_pb_text_inner>section>div:nth-child(3) {
    box-sizing: border-box;
    min-height: 620px;
    padding: 42px 22px 30px !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    gap: 28px !important;
  }

  .be-replica .be-divi-section-7 .et_pb_text_inner>section>div:nth-child(3)>div:first-child {
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }

  .be-replica .be-divi-section-7 .et_pb_text_inner a[href="#kontakt"] {
    box-sizing: border-box;
    width: 100%;
    max-width: 360px;
    text-align: center;
    white-space: normal !important;
    line-height: 1.45;
  }

  .be-replica .be-divi-section-7 .et_pb_text_inner>section>div:nth-child(3)>div:last-child {
    align-self: flex-end;
    margin: 0 !important;
  }

  .be-replica [id^="be-tutor-"]>div:first-child {
    z-index: 11000 !important;
    align-items: flex-start !important;
    padding: calc(81px + max(16px, env(safe-area-inset-top))) 16px max(16px, env(safe-area-inset-bottom)) !important;
  }

  .be-replica [id^="be-tutor-"]>div:first-child>div:nth-child(2) {
    max-height: calc(100dvh - 113px) !important;
  }

  .be-replica [id^="be-tutor-"] a[aria-label="Zavřít"] {
    z-index: 3;
  }
}

@media (max-width: 782px) {
  body.admin-bar .be-header {
    top: 46px !important;
  }
}