/** * LaMilka Tour 0.6.04 * Cross-phone mobile hero normalization and compact Private Tours idea cards. * * Scope: * - size the homepage hero to the usable stable viewport on every phone; * - subtract the WordPress admin bar only when it is actually present; * - keep both homepage CTA buttons fully visible in logged-in and public views; * - tighten the mobile Private Tours card title/description relationship; * - reduce mobile Private Tours card height without hiding any copy; * - preserve desktop cards, carousel behavior, imagery, colors and typography. */ /* WordPress's front-end admin bar occupies viewport space but is not part of the hero. Keep one explicit offset that the hero can inherit from . */ body.lamilka-home { --lamilka-mobile-admin-bar-height: 0px; } body.admin-bar.lamilka-home { --lamilka-mobile-admin-bar-height: 32px; } @media (max-width: 782px) { body.admin-bar.lamilka-home { --lamilka-mobile-admin-bar-height: 46px; } } @media (max-width: 767px) { body.lamilka-home .lamilka-home-hero { box-sizing: border-box !important; height: calc(100vh - var(--lamilka-mobile-admin-bar-height)) !important; height: calc(100svh - var(--lamilka-mobile-admin-bar-height)) !important; min-height: min(600px, calc(100svh - var(--lamilka-mobile-admin-bar-height))) !important; max-height: calc(100svh - var(--lamilka-mobile-admin-bar-height)) !important; } body.lamilka-home .lamilka-home-mobile-actions { bottom: 0 !important; transform: none !important; } /* Private Tours: 2:3 was visually too tall. 4:5 retains a substantial image while reducing the card by roughly 17% at the same phone width. */ body.lamilka-private-tours-page .lamilka-private__ideas [data-lamilka-private-ideas] > .lamilka-private__idea-card { aspect-ratio: 4 / 5 !important; } body.lamilka-private-tours-page .lamilka-private__ideas .lamilka-private__idea-card > .lamilka-private__idea-copy { gap: 4px !important; min-height: 120px !important; padding: 14px 14px 13px !important; } body.lamilka-private-tours-page .lamilka-private__ideas .lamilka-private__idea-title { line-height: 1.12 !important; } body.lamilka-private-tours-page .lamilka-private__ideas .lamilka-private__idea-description { line-height: 1.28 !important; } }