/*
Theme Name: MBUILDER Canvas
Theme URI: https://github.com/monarq/mbuilder
Author: Monarq
Description: A lightweight companion theme for MBUILDER pages and global templates.
Version: 1.0.2
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: mbuilder-canvas
License: GPLv2 or later
*/

html { box-sizing:border-box; }
*,*::before,*::after { box-sizing:inherit; }
body { margin:0; color:var(--mb-color-text,#171512); background:var(--mb-color-background,#fff); font-family:var(--mb-font-body,system-ui,sans-serif); line-height:1.65; }
img { max-width:100%; height:auto; }
a { color:var(--mb-color-primary,#30241e); }
h1,h2,h3,h4,h5,h6 { font-family:var(--mb-font-heading,inherit); line-height:1.15; }
.mbcanvas-shell { width:min(var(--mb-container,1280px),calc(100% - (2 * var(--mb-content-padding,24px)))); margin-inline:auto; }
.mbcanvas-main { min-height:60vh; padding-block:clamp(56px,8vw,112px); }
.mbcanvas-fallback-header,.mbcanvas-fallback-footer { padding-block:20px; border-color:color-mix(in srgb,var(--mb-color-text,#171512) 14%,transparent); border-style:solid; border-width:0; background:var(--mb-color-surface,#f7f5f2); }
.mbcanvas-fallback-header { border-bottom-width:1px; }
.mbcanvas-fallback-footer { border-top-width:1px; }
.mbcanvas-fallback-header .mbcanvas-shell { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.mbcanvas-brand { color:inherit; font-family:var(--mb-font-heading,inherit); font-size:1.1rem; font-weight:700; text-decoration:none; }
.mbcanvas-nav ul { display:flex; gap:20px; margin:0; padding:0; list-style:none; }
.mbcanvas-entry { max-width:780px; }
.mbcanvas-entry + .mbcanvas-entry { margin-top:64px; padding-top:48px; border-top:1px solid color-mix(in srgb,var(--mb-color-text,#171512) 14%,transparent); }
.mbcanvas-entry__meta { color:var(--mb-color-muted,#67615c); font-size:.85rem; }
.mbcanvas-entry__title a { color:inherit; text-decoration:none; }
.mbcanvas-empty { padding:32px; border-radius:var(--mb-radius,8px); background:var(--mb-color-surface,#f7f5f2); }
.mbcanvas-fallback-404 { min-height:100vh; min-height:100svh; background:#050505; color:#f7f7f4; }
.mbcanvas-fallback-404 .mbcanvas-fallback-header,.mbcanvas-fallback-404 .mbcanvas-fallback-footer { border-color:rgba(255,255,255,.14); background:#050505; color:#f7f7f4; }
.mbcanvas-fallback-404 .mbcanvas-fallback-header a,.mbcanvas-fallback-404 .mbcanvas-fallback-footer a { color:inherit; }
.mbcanvas-not-found { display:grid; min-height:clamp(520px,72vh,860px); padding:clamp(48px,8vw,112px) 24px; place-items:center; background:#050505; color:#f7f7f4; text-align:center; }
.mbcanvas-not-found__content { width:min(100%,620px); }
.mbcanvas-not-found__code { margin:0 0 16px; color:rgba(247,247,244,.58); font-size:.78rem; font-weight:700; letter-spacing:.28em; line-height:1; }
.mbcanvas-not-found h1 { margin:0; color:inherit; font-size:clamp(2.5rem,7vw,5.75rem); letter-spacing:-.055em; }
.mbcanvas-not-found__content > p:not(.mbcanvas-not-found__code) { max-width:500px; margin:24px auto 0; color:rgba(247,247,244,.7); font-size:clamp(1rem,2vw,1.15rem); }
.mbcanvas-not-found__home { display:inline-flex; min-height:46px; margin-top:36px; padding:0 22px; align-items:center; justify-content:center; border:1px solid rgba(247,247,244,.42); border-radius:999px; color:#f7f7f4; font-size:.9rem; font-weight:650; text-decoration:none; transition:background-color .18s ease,color .18s ease,border-color .18s ease; }
.mbcanvas-not-found__home:hover { border-color:#f7f7f4; background:#f7f7f4; color:#050505; }
.mbcanvas-not-found__home:focus-visible { outline:2px solid #f7f7f4; outline-offset:4px; }
.screen-reader-text { position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap; }
@media (max-width:720px) { .mbcanvas-fallback-header .mbcanvas-shell { align-items:flex-start; flex-direction:column; } .mbcanvas-nav ul { flex-wrap:wrap; } }