/**
 * LaMilka Tour 0.5.00
 * Focused CTA-palette and mobile concierge WhatsApp parity.
 *
 * Scope is intentionally limited to:
 * - the approved transfer/tour CTA color pairing;
 * - true label-centering for the two icon-led mobile homepage buttons;
 * - the Medical / Beauty / Lifestyle floating WhatsApp control.
 */

:root {
  --lamilka-transfer-cta: #d89b27;
  --lamilka-tour-cta: #a6e3e8;
  --lamilka-cta-ink: #1e293b;
}

/* --------------------------------------------------------------------------
   Corresponding CTA colors across the existing page families.
   Transfer actions use the approved gold; tour/discovery actions use the
   approved pale cyan. No unrelated form, price or booking controls are changed.
   -------------------------------------------------------------------------- */
.lamilka-home .lamilka-home-mobile-actions .lamilka-home-action:first-child,
.lamilka-home .lamilka-home-mobile-cta > a:first-child {
  background: var(--lamilka-transfer-cta) !important;
  color: var(--lamilka-cta-ink) !important;
}

.lamilka-home .lamilka-home-mobile-actions .lamilka-home-action:nth-child(2),
.lamilka-home .lamilka-home-mobile-cta > a:nth-child(2),
.lamilka-concierge__mobile-cta .lamilka-concierge__mobile-ask {
  background: var(--lamilka-tour-cta) !important;
  color: var(--lamilka-cta-ink) !important;
}

/* Keep uploaded/inline icons visually tied to the button text color. */
.lamilka-home .lamilka-home-mobile-actions .lamilka-home-action__asset,
.lamilka-home .lamilka-home-mobile-cta .lamilka-home-action__asset {
  filter: none !important;
  opacity: 1 !important;
}

/* --------------------------------------------------------------------------
   Mobile homepage: center each complete label on the button, with the icon
   appended immediately to its left. Equal outer grid columns keep the label's
   visual center independent of its language/length.
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .lamilka-home .lamilka-home-mobile-actions .lamilka-home-action,
  .lamilka-home .lamilka-home-mobile-cta > a {
    align-items: center !important;
    column-gap: 12px !important;
    display: grid !important;
    grid-template-columns: minmax(28px, 1fr) auto minmax(28px, 1fr) !important;
    justify-content: stretch !important;
    text-align: center !important;
  }

  .lamilka-home .lamilka-home-mobile-actions .lamilka-home-action::after,
  .lamilka-home .lamilka-home-mobile-cta > a::after {
    content: "";
    display: block;
    grid-column: 3;
    height: 28px;
    width: 28px;
  }

  .lamilka-home .lamilka-home-mobile-actions .lamilka-home-action__icon,
  .lamilka-home .lamilka-home-mobile-cta .lamilka-home-action__icon {
    grid-column: 1 !important;
    justify-self: end !important;
    margin: 0 !important;
  }

  .lamilka-home .lamilka-home-mobile-actions .lamilka-home-action__label,
  .lamilka-home .lamilka-home-mobile-cta > a > span:last-of-type {
    grid-column: 2 !important;
    justify-self: center !important;
    margin: 0 !important;
    max-width: calc(100vw - 132px) !important;
    min-width: 0 !important;
    text-align: center !important;
  }

  /* ------------------------------------------------------------------------
     Medical / Beauty / Lifestyle: use the exact same native floating bubble
     asset, size, right-side position and reveal state as the homepage.
     The existing v0.4.99 observer still controls when .is-visible is applied.
     ------------------------------------------------------------------------ */
  .lamilka-concierge__mobile-wa.lamilka-whatsapp-bubble--fab {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    bottom: calc(env(safe-area-inset-bottom) + 84px) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    height: 64px !important;
    justify-content: center !important;
    left: auto !important;
    margin: 0 !important;
    min-height: 64px !important;
    min-width: 64px !important;
    padding: 0 !important;
    position: fixed !important;
    right: 16px !important;
    width: 64px !important;
    z-index: 99980 !important;
  }

  .lamilka-concierge__mobile-wa.lamilka-whatsapp-bubble--fab::before {
    background: url("../icons/whatsapp-chat-outline-green-v085.svg") center / contain no-repeat !important;
    content: "" !important;
    display: block !important;
    height: 56px !important;
    width: 56px !important;
  }

  .lamilka-concierge__mobile-wa.lamilka-whatsapp-bubble--fab > svg {
    display: none !important;
  }

  .lamilka-concierge__mobile-wa.lamilka-whatsapp-bubble--fab:not(.is-visible) {
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
  }

  .lamilka-concierge__mobile-wa.lamilka-whatsapp-bubble--fab.is-visible {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    visibility: visible !important;
  }

  .lamilka-concierge__mobile-wa.lamilka-whatsapp-bubble--fab:focus-visible {
    outline: 3px solid #0f1b3d !important;
    outline-offset: 3px !important;
  }
}