/**
 * LaMilka Tour 0.5.02
 * Mobile text-alignment integrity repair.
 *
 * The v0.4.99 concierge rule changed the hero text wrapper from left:50% to
 * left:0 without clearing the inherited translateX(-50%). That shifted the
 * complete text block half a viewport to the left. This final layer restores
 * the exact Lovable mobile geometry and leaves all unrelated page families,
 * widths, buttons, booking logic and desktop presentation untouched.
 */

.lamilka-concierge__hero-title-mobile {
  display: none;
}

.lamilka-concierge__hero-title-desktop {
  display: inline;
}

@media (max-width: 767px) {
  /* Lovable mobile contract: centered 68% text block, capped at 18rem. */
  body.lamilka-service-concierge-page .lamilka-concierge__hero-content {
    box-sizing: border-box !important;
    left: 50% !important;
    right: auto !important;
    top: 20% !important;
    width: 68% !important;
    max-width: 18rem !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateX(-50%) !important;
    text-align: center !important;
  }

  body.lamilka-service-concierge-page .lamilka-concierge__hero-title-mobile {
    display: inline !important;
  }

  body.lamilka-service-concierge-page .lamilka-concierge__hero-title-desktop {
    display: none !important;
  }

  body.lamilka-service-concierge-page .lamilka-concierge__hero-content h1,
  body.lamilka-service-concierge-page .lamilka-concierge__hero-content > p,
  body.lamilka-service-concierge-page .lamilka-concierge__hero-markers {
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  body.lamilka-service-concierge-page .lamilka-concierge__hero-markers {
    flex-wrap: nowrap !important;
    justify-content: center !important;
    white-space: nowrap !important;
  }

  /* Alignment-only safeguards for the other centered mobile hero families.
     These do not change position, dimensions, font size or spacing. */
  .lamilka-about__hero-content,
  .lamilka-about__hero-copy,
  .lamilka-private__hero-title,
  .lamilka-contact-source__hero > div,
  .lamilka-aesthetic-hub__hero > div {
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
}