/*
 * LaMilka 0.4.55 — exact Lovable desktop navigation geometry and shared
 * bestseller designation contract. This version removes the artificial
 * medium-weight width reservation so desktop text metrics match Lovable
 * exactly.
 *
 * Lovable source contract:
 * - header: h-16 / max-w-7xl / px-4 sm:px-6
 * - logo: 128px wide, max-height 48px
 * - desktop navigation: xl only, Inter 14/20, 24px item gap
 * - inactive links: 400; active links: 500
 * - language control: 12/16, 500, 0.05em tracking
 * - message bubble: 16px with 20px left margin
 */

/* Exact desktop header and navigation. */
@media (min-width: 1280px) {
  .lamilka-site-header,
  .lamilka-site-header-spacer {
    min-height: 64px !important;
  }

  .lamilka-site-header-spacer {
    height: 64px !important;
  }

  .lamilka-header-bar,
  body.lamilka-tour-detail .lamilka-header-bar {
    box-sizing: border-box !important;
    display: flex !important;
    width: 100% !important;
    max-width: 1280px !important;
    height: 64px !important;
    min-height: 64px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
  }

  .lamilka-site-logo {
    display: flex !important;
    width: 128px !important;
    min-width: 128px !important;
    height: 48px !important;
    flex: 0 0 128px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .lamilka-site-logo img,
  .lamilka-site-logo__dark,
  .lamilka-site-logo__white {
    display: block;
    width: 128px !important;
    height: auto !important;
    max-width: none !important;
    max-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .lamilka-desktop-navigation {
    box-sizing: border-box !important;
    display: flex !important;
    width: max-content !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: 0 1 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 24px !important;
    color: oklch(0.17 0.02 250 / .80) !important;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: 0 !important;
  }

  .lamilka-desktop-navigation .lamilka-nav-dropdown {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .lamilka-desktop-navigation .lamilka-nav-link,
  .lamilka-desktop-navigation .lamilka-nav-dropdown-toggle {
    box-sizing: border-box !important;
    display: inline-flex !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    background: transparent !important;
    color: oklch(0.17 0.02 250 / .80) !important;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  .lamilka-desktop-navigation .lamilka-nav-dropdown-toggle {
    gap: 4px !important;
  }

  /* Lovable uses the natural width of each 400-weight label and applies
     500 only to the active link. Do not reserve a hidden medium-weight copy:
     that widens every inactive item and makes the WordPress menu span farther
     than the source. */
  .lamilka-desktop-navigation .lamilka-nav-label,
  .lamilka-desktop-navigation .lamilka-nav-label > span {
    display: inline-block !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 20px !important;
    white-space: nowrap !important;
  }

  .lamilka-desktop-navigation .lamilka-nav-label::after {
    content: none !important;
    display: none !important;
  }

  .lamilka-desktop-navigation .lamilka-nav-link:hover,
  .lamilka-desktop-navigation .lamilka-nav-link:focus-visible,
  .lamilka-desktop-navigation .lamilka-nav-dropdown-toggle:hover,
  .lamilka-desktop-navigation .lamilka-nav-dropdown-toggle:focus-visible {
    color: oklch(0.17 0.02 250) !important;
    font-weight: 400 !important;
    transform: none !important;
  }

  .lamilka-desktop-navigation .lamilka-nav-link.is-active,
  .lamilka-desktop-navigation .lamilka-nav-dropdown-toggle.is-active,
  .lamilka-desktop-navigation .lamilka-nav-link.is-active:hover,
  .lamilka-desktop-navigation .lamilka-nav-dropdown-toggle.is-active:hover {
    color: oklch(0.17 0.02 250) !important;
    font-weight: 500 !important;
    transform: none !important;
  }

  .lamilka-desktop-navigation .lamilka-nav-chevron {
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    flex: 0 0 14px !important;
    margin: 0 !important;
    stroke-width: 2 !important;
  }

  .lamilka-header-actions {
    box-sizing: border-box !important;
    display: flex !important;
    width: max-content !important;
    min-width: max-content !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    color: oklch(0.17 0.02 250 / .70) !important;
  }

  .lamilka-language-switcher {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: oklch(0.17 0.02 250 / .70) !important;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  .lamilka-language-switcher a,
  .lamilka-language-switcher span {
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    text-decoration: none !important;
  }

  .lamilka-language-switcher [aria-current="true"] {
    color: #c9a86a !important;
    font-weight: 500 !important;
  }

  .lamilka-language-switcher > span[aria-hidden="true"] {
    color: oklch(0.17 0.02 250 / .30) !important;
  }

  .lamilka-header-icon {
    display: inline-flex !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    flex: 0 0 16px !important;
    margin: 0 0 0 20px !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    color: oklch(0.17 0.02 250 / .70) !important;
  }

  .lamilka-header-icon svg {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    stroke-width: 2 !important;
  }

  .lamilka-menu-toggle,
  .lamilka-mobile-panel {
    display: none !important;
  }
}

/* Tailwind source uses px-4 below sm and px-6 from sm upward. */
@media (max-width: 639px) {
  .lamilka-header-bar,
  body.lamilka-tour-detail .lamilka-header-bar {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
}

@media (min-width: 640px) and (max-width: 1279px) {
  .lamilka-header-bar,
  body.lamilka-tour-detail .lamilka-header-bar {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
}

/* The six canonical best sellers carry the same designation on the homepage
   and on both EN/DE Tours & Activities catalogues. */
.lamilka-tours .lamilka-tour-card__image > b {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  z-index: 10 !important;
  margin: 0 !important;
  padding: 2px 8px !important;
  border-radius: 4px !important;
  background: rgba(0, 0, 0, .60) !important;
  color: #fff !important;
  -webkit-backdrop-filter: blur(4px) !important;
  backdrop-filter: blur(4px) !important;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  pointer-events: none !important;
}

@media (max-width: 639px) {
  .lamilka-tours .lamilka-tour-card__image > b {
    font-size: 10px !important;
  }
}