/*
Theme Name: WordPress Design
Theme URI: https://www.figma.com/design/mAhiJDyr1UNtpx6fBP1wWR/WordPress-Design
Author: Oktav
Description: A WordPress theme wrapper for the exported React and Vite design.
Version: 1.0.0
Requires at least: 6.0
Text Domain: wordpress-design
*/

html {
    height: 100%;
    margin: 0 !important;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    min-height: 100%;
}

body.wordpress-design-theme {
    background: #ffffff;
    overflow-x: hidden;
}

#root {
    height: 100%;
    min-height: 100vh;
    isolation: isolate;
}

body.wordpress-design-theme img {
    display: block;
}

body.wordpress-design-theme p {
    margin: 0;
}

.wordpress-design-theme__notice {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 720px;
    padding: 48px 24px;
    font-family: Arial, sans-serif;
    line-height: 1.6;
}

body.admin-bar.wordpress-design-theme #root {
    margin-top: -32px;
    min-height: calc(100vh + 32px);
}

@media screen and (max-width: 782px) {
    body.admin-bar.wordpress-design-theme #root {
        margin-top: -46px;
        min-height: calc(100vh + 46px);
    }
}