/* 0.4.34 Batch 1 — mobile/home/navigation parity and global media fidelity. */

/* Principal content media is always rendered at source clarity. */
main img,
main video,
.lamilka-tour-card__image img,
.lamilka-detail__gallery img,
.lamilka-gallery-lightbox__media img,
.lamilka-gallery-lightbox__media video {
  -webkit-filter: none !important;
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}
.lamilka-tour-card:hover .lamilka-tour-card__image img,
.lamilka-home-feature:hover img,
.lamilka-home-feature:focus-visible img,
.lamilka-home-category:hover img,
.lamilka-home-category:focus-visible img {
  transform: none !important;
}

/* Desktop navigation matches the Lovable source typography and utility cluster. */
.lamilka-header-bar { grid-template-columns: 128px minmax(0,1fr) 152px; }
.lamilka-desktop-navigation { gap: 24px; font-weight: 400; }
.lamilka-nav-link,
.lamilka-nav-dropdown-toggle {
  color: rgba(10,25,47,.80);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.35;
}
.lamilka-nav-link:hover,
.lamilka-nav-link:focus-visible,
.lamilka-nav-link.is-active { color: #0a192f; }
.lamilka-nav-link.is-active { font-weight: 500; }
.lamilka-nav-dropdown-toggle { display: inline-flex; align-items: center; gap: 4px; }
.lamilka-header-actions { gap: 12px; }
.lamilka-language-switcher--desktop { gap: 8px; }
.lamilka-header-icon { width: 20px; height: 20px; margin: 0; }
.lamilka-header-icon svg { width: 20px; height: 20px; stroke-width: 2; }

/* Swap real logo assets rather than applying a CSS color filter. */
.lamilka-site-logo { position: relative; width: 128px; height: 48px; }
.lamilka-site-logo img { position: absolute; inset: 0; width: 128px; height: 48px; object-fit: contain; filter: none !important; }
.lamilka-site-logo__white { display: none !important; }

/* Homepage: high-quality source images, no image-wide filter/overlay. */
.lamilka-home-hero-overlay { display: none !important; }
.lamilka-home-hero picture > img {
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
  object-fit: cover;
  object-position: center center;
}
.lamilka-home-feature > span,
.lamilka-home-category > span { display: none !important; }
.lamilka-home-feature img,
.lamilka-home-category img { filter: none !important; opacity: 1 !important; transform: none !important; }
.lamilka-home-feature h2,
.lamilka-home-category h2,
.lamilka-home-category p { text-shadow: 0 2px 5px rgba(0,0,0,.88), 0 1px 2px rgba(0,0,0,.95); }

/* Gallery controls use conventional safe-zone positions. */
.lamilka-detail .lamilka-gallery-lightbox .lamilka-gallery-lightbox__close {
  top: max(16px, env(safe-area-inset-top));
  right: max(16px, env(safe-area-inset-right));
}
.lamilka-detail .lamilka-gallery-lightbox .lamilka-gallery-lightbox__arrow--previous { left: max(16px, env(safe-area-inset-left)); }
.lamilka-detail .lamilka-gallery-lightbox .lamilka-gallery-lightbox__arrow--next { right: max(16px, env(safe-area-inset-right)); }
.lamilka-gallery-lightbox__close,
.lamilka-gallery-lightbox__arrow { backdrop-filter: none !important; }

@media (max-width: 1199px) {
  .lamilka-header-bar { grid-template-columns: minmax(0,1fr) auto; }
  .lamilka-mobile-panel nav { padding: 0 28px 16px; }
  .lamilka-mobile-utility {
    align-items: center;
    border-bottom: 1px solid rgba(10,25,47,.10);
    display: flex;
    justify-content: space-between;
    min-height: 68px;
  }
  .lamilka-language-switcher--mobile {
    align-items: center;
    border: 0;
    display: flex;
    gap: 2px;
    padding: 0;
  }
  .lamilka-language-switcher--mobile > a,
  .lamilka-language-switcher--mobile > span:not([aria-hidden]) {
    align-items: center;
    display: inline-flex;
    font-size: 16px;
    font-weight: 500;
    height: 44px;
    justify-content: center;
    letter-spacing: .06em;
    min-width: 44px;
    text-decoration: none;
  }
  .lamilka-language-switcher--mobile > span[aria-hidden] {
    color: rgba(10,25,47,.35);
    font-size: 16px;
    padding: 0 1px;
  }
  .lamilka-mobile-contact {
    align-items: center;
    border: 0;
    display: flex;
    gap: 8px;
    margin: 0;
    padding: 0;
  }
  .lamilka-mobile-contact a {
    align-items: center;
    border-radius: 999px;
    color: rgba(10,25,47,.78);
    display: inline-flex;
    height: 44px;
    justify-content: center;
    width: 44px;
  }
  .lamilka-mobile-contact svg { height: 24px; width: 24px; }
  .lamilka-mobile-links { padding-top: 0; }
  .lamilka-mobile-link {
    border-bottom: 1px solid rgba(10,25,47,.08);
    border-radius: 0;
    color: #1e293b;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.35;
    padding: 16px 6px;
  }
}

@media (max-width: 767px) {
  body.lamilka-home .lamilka-site-logo__dark { display: none !important; }
  body.lamilka-home .lamilka-site-logo__white { display: block !important; }
  body.lamilka-home .lamilka-site-header.is-mobile-sticky .lamilka-site-logo__dark,
  body.lamilka-home .lamilka-site-header.is-mobile-menu-open .lamilka-site-logo__dark { display: block !important; }
  body.lamilka-home .lamilka-site-header.is-mobile-sticky .lamilka-site-logo__white,
  body.lamilka-home .lamilka-site-header.is-mobile-menu-open .lamilka-site-logo__white { display: none !important; }
  body.lamilka-home .lamilka-site-header::before { background: linear-gradient(to bottom, rgba(0,0,0,.30), rgba(0,0,0,.08), transparent) !important; }

  .lamilka-home-hero {
    height: 100svh !important;
    min-height: 700px !important;
    max-height: 940px;
  }
  .lamilka-home-hero picture > img { object-position: center center !important; }
  .lamilka-home-hero-content {
    align-items: flex-start;
    justify-content: flex-start;
    padding: 78px 14px 0 !important;
    text-align: left;
  }
  .lamilka-home-eyebrow {
    background: rgba(8,36,61,.62);
    border: 1px solid rgba(255,255,255,.55);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .10em;
    line-height: 1.2;
    padding: 6px 14px;
  }
  .lamilka-home-hero h1 {
    font-size: clamp(40px, 11.5vw, 47px) !important;
    font-weight: 700 !important;
    letter-spacing: -.035em;
    line-height: 1.02 !important;
    margin: 14px 0 0 !important;
    max-width: 340px;
    text-shadow: 0 2px 10px rgba(0,0,0,.64), 0 1px 3px rgba(0,0,0,.65);
  }
  .lamilka-home-hero h1 strong { color: #f0d89a; font-weight: 700 !important; }
  .lamilka-home-hero-content > p {
    color: #ffd166;
    font-size: clamp(14px, 4.2vw, 17px) !important;
    font-weight: 650;
    letter-spacing: -.01em;
    line-height: 1.2 !important;
    margin-top: 16px !important;
    max-width: calc(100vw - 28px);
    white-space: nowrap;
  }
  .lamilka-home-scroll { display: none; }
  .lamilka-home-mobile-actions {
    bottom: max(18px, env(safe-area-inset-bottom));
    gap: 8px;
    left: 12px;
    right: 12px;
  }
  .lamilka-home-action {
    border-radius: 12px;
    font-size: clamp(14px, 4.2vw, 17px);
    font-weight: 650;
    gap: 8px;
    min-height: 64px;
    padding: 10px 8px;
    white-space: nowrap;
  }
  .lamilka-home-action__icon { align-items:center; display:inline-flex; flex:0 0 27px; height:27px; justify-content:center; width:27px; }
  .lamilka-home-action__icon svg { height:100%; width:100%; }
  .lamilka-home-action__label { min-width: 0; }
  .lamilka-home-mobile-trust {
    background: rgba(39,39,39,.70);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 14px;
    font-size: clamp(10px, 3.1vw, 12px);
    font-weight: 550;
    gap: 0;
    min-height: 44px;
    padding: 0 8px;
  }
  .lamilka-home-mobile-trust span { align-items:center; display:flex; flex:1 1 50%; justify-content:center; min-height:24px; padding:0 5px; text-align:center; }
  .lamilka-home-mobile-trust span + span { border-left: 1px solid rgba(255,255,255,.35); }

  .lamilka-home-feature-grid,
  .lamilka-home-trust-bar { display: none !important; }

  .lamilka-detail .lamilka-gallery-lightbox .lamilka-gallery-lightbox__close {
    top: max(10px, env(safe-area-inset-top));
    right: max(10px, env(safe-area-inset-right));
  }
  .lamilka-detail .lamilka-gallery-lightbox .lamilka-gallery-lightbox__arrow--previous { left: max(8px, env(safe-area-inset-left)); }
  .lamilka-detail .lamilka-gallery-lightbox .lamilka-gallery-lightbox__arrow--next { right: max(8px, env(safe-area-inset-right)); }
}

@media (max-width: 390px) {
  .lamilka-home-action { font-size: 14px; gap: 6px; }
  .lamilka-home-action__icon { flex-basis: 24px; height: 24px; width: 24px; }
  .lamilka-home-hero-content > p { font-size: 14px !important; }
}
.lamilka-gallery-lightbox__thumbnails button { opacity: 1 !important; }