/*
 * critical.css — global base styles
 *
 * This file is a plain-CSS fallback. Run `npm install && npm run build`
 * inside the theme directory to generate the full Tailwind-compiled version.
 */

p  { font-size: 19px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
h2 { font-size: 40px; }
h3 { font-size: 32px; }

/* Content block layout variables */
:root {
    --content-block-max-width:  800px;
    --content-block-padding:    32px;
    --paragraph-margin:         12px;
    --paragraph-line-height:    1.6;
}

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
                 "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #333;
    margin: 0;
    background-image: url('../img/content.bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-height: 100vh;
}

img, video { max-width: 100%; height: auto; display: block; }
a { color: inherit; }

/* Skip link */
.skip-link {
    position: absolute;
    left: -9999px;
    z-index: 9999;
    padding: 0.5rem 1rem;
    background: #1a1a1a;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}
.skip-link:focus { left: 1rem; top: 1rem; }

/* Screen-reader only */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Hidden SVG symbol container */
.svg-symbols {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

/* Main content */
#main-content { min-height: 60vh; }

/* WordPress block content */
.entry-content { width: 100%; }

.entry-content > * {
    margin-left: auto;
    margin-right: auto;
}

.entry-content > h1,
.entry-content > h2,
.entry-content > h3,
.entry-content > h4,
.entry-content > h5,
.entry-content > h6,
.entry-content > p,
.entry-content > ul,
.entry-content > img {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.entry-content > ul {
    padding-left: 56px;
}

.entry-content > figure.wp-block-image,
.entry-content > .wp-block-image {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

.entry-content > figure.wp-block-image img,
.entry-content > .wp-block-image img {
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
}

.entry-content > .wp-block-button,
.entry-content > .wp-block-buttons {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.entry-content > .alignfull,
.entry-content > .alignwide,
.entry-content > .wp-block-cover,
.entry-content > .wp-block-group.alignfull,
.entry-content > .rudzons-static-hero,
.entry-content > .rudzons-dynamic-hero {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.alignwide  { max-width: 1400px; margin-left: auto; margin-right: auto; width: 100%; }
.alignfull  { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.aligncenter { margin-left: auto; margin-right: auto; display: block; }


.footer-ratings-section p,
.ratings-container p,
.ratings-date {
    max-width: none;
}

/* Mobile: horizontal scroll gallery */
@media (max-width: 640px) {
    .entry-content figure {
        float: none;
        display: inline-block;
        width: 200px;
        margin: 0 4px 0 0;
        vertical-align: top;
    }

    .entry-content figure img {
        height: 140px;
    }

    /* Wrap figures in a scrollable row */
    .entry-content > figure:first-of-type {
        margin-top: 0;
    }
}