/*
Theme Name: LaMilka Child
Theme URI: https://lamilkatour.com/
Description: Production child theme for the approved LaMilka Tour frontend.
Author: LaMilka Tour
Template: turio-wp-theme-master
Version: 0.4.80
Text Domain: lamilka-child
*/

/* Phase 2 foundation only. Approved frontend styles are added during migration. */

/* Host-safe About band geometry. Scoped to the source renderer only. */
.lamilka-about > section.lamilka-about__hands {
  box-sizing: border-box;
  clear: both;
  display: block;
  float: none;
  margin: 0;
  max-width: none;
  min-width: 0;
  text-align: center;
  width: 100%;
}
.lamilka-about > section.lamilka-about__hands > * {
  margin-left: auto;
  margin-right: auto;
  min-width: 0;
  overflow-wrap: normal;
  word-break: normal;
}

/*
 * LaMilka 0.4.69 — tour feature band data and icon fidelity.
 * Exact responsive contract from the Lovable TourSkeletonTemplate component.
 * One semantic DOM tree: 2×2 below 1024px, one horizontal bar at 1024px+.
 */
.lamilka-tour-feature-band,
.lamilka-tour-feature-band *,
.lamilka-tour-feature-band *::before,
.lamilka-tour-feature-band *::after {
  box-sizing: border-box;
}

.lamilka-tour-feature-band {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  column-gap: 8px;
  row-gap: 2px;
  width: 100%;
  min-width: 0;
  margin: 16px 0 0;
  padding: 4px 8px;
  border: 1px solid #e1e6ed;
  border-color: oklch(0.929 0.013 255.508);
  border-radius: 10px;
  background: #fff;
  background: oklch(1 0 0);
  color: rgba(25, 31, 42, 0.80);
  color: oklch(0.17 0.02 250 / 0.80);
  box-shadow: none;
  font-family: Inter, system-ui, sans-serif;
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.5;
}

.lamilka-tour-feature-band__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  min-width: 0;
  margin: 0;
  padding: 2px 8px;
  gap: 6px;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: inherit;
  text-align: center;
}

.lamilka-tour-feature-band__item--mobile-1 { order: 1; }
.lamilka-tour-feature-band__item--mobile-2 { order: 2; }
.lamilka-tour-feature-band__item--mobile-3 { order: 3; }
.lamilka-tour-feature-band__item--mobile-4 { order: 4; }

.lamilka-tour-feature-band__label {
  min-width: 0;
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
  line-height: inherit;
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
}

.lamilka-tour-feature-band__label.is-long {
  font-size: 11px;
}

.lamilka-tour-feature-band .lamilka-tour-information-icon {
  display: block;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  max-width: 16px;
  max-height: 16px;
  flex: 0 0 16px;
  margin: 0;
  padding: 0;
  color: #0f1b3d;
}

.lamilka-tour-feature-band__divider {
  display: none;
}

@media (min-width: 1024px) {
  .lamilka-tour-feature-band {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    column-gap: 24px;
    row-gap: 0;
    margin-top: 20px;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 20px;
  }

  .lamilka-tour-feature-band[data-language="de"] {
    column-gap: 16px;
  }

  .lamilka-tour-feature-band__item {
    order: 0;
    align-self: auto;
    min-height: 20px;
    padding: 0;
    white-space: nowrap;
  }

  .lamilka-tour-feature-band__label {
    white-space: nowrap;
  }

  .lamilka-tour-feature-band__divider {
    display: inline;
    flex: 0 0 auto;
    color: #64748b;
    color: oklch(0.554 0.046 257.417);
    font: inherit;
    line-height: inherit;
  }
}

/*
 * LaMilka 0.4.78 — reliable WhatsApp chat-bubble controls.
 * These selectors intentionally use narrowly scoped !important declarations
 * because legacy parity CSS sets the same header/mobile properties with
 * !important. The explicit component classes prevent broad overrides.
 */
.lamilka-whatsapp-bubble {
  align-items: center !important;
  background: #25d366 !important;
  border: 0 !important;
  border-radius: 9999px !important;
  box-shadow: 0 8px 22px rgba(37, 211, 102, .30) !important;
  box-sizing: border-box !important;
  color: #fff !important;
  display: inline-flex !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 0 !important;
  text-decoration: none !important;
}

.lamilka-whatsapp-bubble:hover,
.lamilka-whatsapp-bubble:focus-visible {
  background: #1fbd5a !important;
  color: #fff !important;
}

.lamilka-whatsapp-bubble:active {
  transform: scale(.97);
}

.lamilka-whatsapp-bubble.lamilka-whatsapp-bubble--header {
  background: #25d366 !important;
  color: #fff !important;
  border-radius: 9999px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  flex: 0 0 40px !important;
  margin: 0 0 0 12px !important;
}

.lamilka-whatsapp-bubble.lamilka-whatsapp-bubble--header > svg {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
}

.lamilka-whatsapp-bubble.lamilka-whatsapp-bubble--booking {
  background: #25d366 !important;
  color: #fff !important;
  border-radius: 9999px !important;
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  min-height: 72px !important;
  flex: 0 0 72px !important;
  margin: 0 !important;
}

.lamilka-whatsapp-bubble.lamilka-whatsapp-bubble--booking > .lamilka-message-bubble-icon {
  display: block !important;
  width: 36px !important;
  height: 36px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
}

.lamilka-whatsapp-bubble.lamilka-whatsapp-bubble--fab {
  background: #25d366 !important;
  color: #fff !important;
  border-radius: 9999px !important;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  flex: 0 0 56px !important;
  margin: 0 !important;
}

.lamilka-whatsapp-bubble.lamilka-whatsapp-bubble--fab > .lamilka-message-bubble-icon {
  display: block !important;
  width: 28px !important;
  height: 28px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
}

.lamilka-contact-source__mobile-wa.lamilka-whatsapp-bubble::before {
  content: none !important;
}

.lamilka-contact-source__mobile-wa.lamilka-whatsapp-bubble > span {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}