/* Homepage (page 143) only. Loaded by includes/home.php on the front page. Tokens: design system. */

/* "Hogyan olvasd az ajánlatkártyát?" — numbered markers next to each part of the live example card (1–6 = the legend).
   Rebuilt here 2026-10-13: the Breakdance selector version lost its `content` in a stylesheet re-import. Soft peach +
   navy (never text on dark orange). Higher specificity than the Breakdance "LMUS Home" rules on purpose. */
/* (the departure badge is already absolutely positioned on the photo, so it keeps its own position) */
.lmus-cardguide .lmus-cardguide__card .lmus-card__rowtop,
.lmus-cardguide .lmus-cardguide__card .lmus-card__location,
.lmus-cardguide .lmus-cardguide__card .lmus-card__meta,
.lmus-cardguide .lmus-cardguide__card .lmus-price,
.lmus-cardguide .lmus-cardguide__card .lmus-card__cta { position: relative; overflow: visible; }
.lmus-cardguide .lmus-cardguide__card .lmus-badge--depart::after,
.lmus-cardguide .lmus-cardguide__card .lmus-card__rowtop::after,
.lmus-cardguide .lmus-cardguide__card .lmus-card__location::after,
.lmus-cardguide .lmus-cardguide__card .lmus-card__meta::after,
.lmus-cardguide .lmus-cardguide__card .lmus-price::after,
.lmus-cardguide .lmus-cardguide__card .lmus-card__cta::after {
  position: absolute; top: 50%; right: -46px; left: auto; margin-top: -12px; display: grid; place-items: center;
  width: 24px; height: 24px; border: 2px solid #fff; border-radius: 999px; box-sizing: border-box;
  background: var(--lmus-color-highlight-soft); color: var(--lmus-navy-900); box-shadow: var(--lmus-shadow-1);
  font: 800 12px/1 var(--lmus-font-sans); font-variant-numeric: tabular-nums; pointer-events: none;
}
.lmus-cardguide .lmus-cardguide__card .lmus-badge--depart::after { content: "1"; }
.lmus-cardguide .lmus-cardguide__card .lmus-card__rowtop::after { content: "2"; }
.lmus-cardguide .lmus-cardguide__card .lmus-card__location::after { content: "3"; }
.lmus-cardguide .lmus-cardguide__card .lmus-card__meta::after { content: "4"; }
.lmus-cardguide .lmus-cardguide__card .lmus-price::after { content: "5"; }
.lmus-cardguide .lmus-cardguide__card .lmus-card__cta::after { content: "6"; }
/* The departure badge sits on the photo, top left: put its marker just right of the badge instead of outside the card. */
.lmus-cardguide .lmus-cardguide__card .lmus-badge--depart::after { right: -30px; }

/* Offer lists (ultra + 3–4 napos): one swipeable row on phones, like the blog post offer band. */
@media (max-width: 639px) {
  .home .bde-post-loop.lmus-offers {
    display: grid !important; grid-template-columns: none !important; grid-auto-flow: column; grid-auto-columns: 84%;
    gap: var(--lmus-space-md, 1rem); overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain;
    margin-inline: calc(-1 * var(--lmus-gutter, 16px)); padding: 0 var(--lmus-gutter, 16px) var(--lmus-space-sm, .75rem);
    scroll-padding-inline: var(--lmus-gutter, 16px); scrollbar-width: thin;
  }
  .home .bde-post-loop.lmus-offers > * { scroll-snap-align: start; min-width: 0; }
}

/* "Népszerű úti célok": swipeable row below the Breakdance phone breakpoint (480 px); the 2-column grid got too tight. */
@media (max-width: 479px) {
  .home .lmus-hdest {
    grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 64%; overflow-x: auto;
    scroll-snap-type: x mandatory; overscroll-behavior-x: contain;
    margin-inline: calc(-1 * var(--lmus-gutter, 16px)); padding: 0 var(--lmus-gutter, 16px) var(--lmus-space-sm, .75rem);
    scroll-padding-inline: var(--lmus-gutter, 16px); scrollbar-width: thin;
  }
  .home .lmus-hdest > * { scroll-snap-align: start; min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .home .bde-post-loop.lmus-offers, .home .lmus-hdest { scroll-behavior: auto; }
}