/* VCR Tape on Odoo - post.css (loads AFTER vcr.css): maps the WordPress page shell onto Odoo's */
/* WordPress: .wp-site-blocks is the full-height flex column. Odoo: #wrapwrap > main > #wrap */
html, body { height: auto; }
#wrapwrap { min-height: 100vh; min-height: 100svh; }
#wrapwrap > main { display: flex; flex-direction: column; }
#wrapwrap > main > #wrap.vcr-root { flex: 1 0 auto; display: flex; flex-direction: column; }
#wrap.vcr-root > .vcr-page, #wrap.vcr-root > .vcr-home { flex: 1 0 auto; }
@media (max-width: 781px) {
	#wrapwrap { min-height: calc(100svh - 84px - env(safe-area-inset-bottom)); }
}
/* Odoo forces "section { height: auto !important }" below 768px; the menu label is a <section> with a fixed height */
@media (max-width: 767.98px) { section.vcr-playlist { height: 566px !important; } }
/* Odoo makes every direct child of a <section> position:relative (selector "section > :not(.stretched-link)") */
:where(.vcr-root) section { position: static; }
.vcr-root section > :is(ul, ol, div, p, figure) { position: static; }
section.vcr-playlist > .vcr-sig { position: absolute; }
/* Bootstrap styles the class name ".mark" as a yellow text highlight; the theme uses .mark for its small "now playing" arrows */
.vcr-root .mark { padding: 0; background-color: transparent; color: inherit; }
/* Odoo underlines every link on hover; keep the theme's un-underlined links that way */
.vcr-topnav a:hover,
.vcr-playlist li a:hover,
.vcr-btn-light:hover,
.vcr-btn-ghost:hover,
.vcr-index a:hover,
.vcr-others a:hover,
.vcr-sheet__list a:hover,
.vcr-sheet__list button:hover,
.vcr-bottomnav a:hover,
.vcr-press__item a:hover { text-decoration: none; }