/* Only active in Telegram. Product layouts remain controlled by the WP theme. */
html.yourtea-telegram {
    --yourtea-safe-top: calc(var(--tg-safe-area-inset-top, env(safe-area-inset-top, 0px)) + var(--tg-content-safe-area-inset-top, 0px));
    --yourtea-safe-bottom: calc(var(--tg-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)) + var(--tg-content-safe-area-inset-bottom, 0px));
    scroll-padding-top: var(--yourtea-safe-top);
    scroll-padding-bottom: var(--yourtea-safe-bottom);
}

html.yourtea-telegram body {
    box-sizing: border-box;
    min-height: var(--yourtea-viewport-height, 100dvh);
    padding-top: var(--yourtea-safe-top);
    padding-bottom: var(--yourtea-safe-bottom);
    padding-left: calc(var(--tg-safe-area-inset-left, env(safe-area-inset-left, 0px)) + var(--tg-content-safe-area-inset-left, 0px));
    padding-right: calc(var(--tg-safe-area-inset-right, env(safe-area-inset-right, 0px)) + var(--tg-content-safe-area-inset-right, 0px));
}

/* Avoid automatic input zoom on iOS while preserving user pinch zoom. */
@media (max-width: 767px) {
    html.yourtea-telegram input,
    html.yourtea-telegram select,
    html.yourtea-telegram textarea {
        font-size: max(16px, 1em);
    }
}