/**
 * Template compatibility layer for the Tippspiel frontend.
 *
 * This file only neutralises outer template wrappers. View-specific design
 * remains in tippspiel.css and the respective view stylesheet.
 */

/* Nicepage may render component output inside blog/article containers. */
body:has(.tippspiel) .u-post-details,
body:has(.tippspiel) .u-blog-control,
body:has(.tippspiel) .u-section-1 .u-sheet,
body:has(.tippspiel) .u-section-1 .u-sheet-1 {
    width: 100%;
    max-width: none;
    min-height: 0;
}

body:has(.tippspiel) .u-post-details > .u-container-layout,
body:has(.tippspiel) .u-blog-control > .u-container-layout,
body:has(.tippspiel) .u-section-1 .u-container-layout:has(.tippspiel) {
    display: block;
    width: 100%;
    max-width: none;
    min-height: 0;
    padding: 10px !important;
}

body:has(.tippspiel) .u-valign-middle,
body:has(.tippspiel) .u-valign-middle-sm,
body:has(.tippspiel) .u-valign-middle-md,
body:has(.tippspiel) .u-valign-middle-xs {
    justify-content: flex-start;
}

/* Prevent inherited article typography from constraining component controls. */
body:has(.tippspiel) .u-post-details .tippspiel,
body:has(.tippspiel) .u-blog-control .tippspiel {
    width: 100%;
    max-width: none;
    min-width: 0;
}

@media (max-width: 767px) {
    body:has(.tippspiel) .u-post-details > .u-container-layout,
    body:has(.tippspiel) .u-blog-control > .u-container-layout,
    body:has(.tippspiel) .u-section-1 .u-container-layout:has(.tippspiel) {
        padding: 10px !important;
    }
}