/*
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.1
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); }
.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; } }