/**
 * LaMilka Tour 0.5.06
 * Focused homepage CTA label centering.
 *
 * Scope:
 * - center each homepage CTA label on the button itself while keeping its icon
 *   independently positioned immediately to the left.
 */

/* --------------------------------------------------------------------------
   Homepage mobile CTAs: the label occupies the true center column. Matching
   flexible side columns ensure the icon never participates in text centering.
   -------------------------------------------------------------------------- */
@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: "" !important;
    display: block !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    height: 28px !important;
    width: 28px !important;
  }

  .lamilka-home .lamilka-home-mobile-actions .lamilka-home-action__icon,
  .lamilka-home .lamilka-home-mobile-cta .lamilka-home-action__icon {
    flex: none !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    height: 28px !important;
    justify-self: end !important;
    margin: 0 !important;
    width: 28px !important;
  }

  .lamilka-home .lamilka-home-mobile-actions .lamilka-home-action__label,
  .lamilka-home .lamilka-home-mobile-cta > a > span:last-of-type {
    flex: none !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    margin: 0 !important;
    max-width: none !important;
    min-width: 0 !important;
    text-align: center !important;
  }
}

@media (max-width: 359px) {
  .lamilka-home[data-language="de"] .lamilka-home-mobile-actions .lamilka-home-action,
  .lamilka-home[data-language="de"] .lamilka-home-mobile-cta > a {
    column-gap: 8px !important;
  }
}