/*
Theme Name: StyleCanvas
Theme URI: https://kloena.com/stylecanvas
Author: Kloena Digital
Author URI: https://kloena.com
Description: A minimal, blank companion theme for the StyleCanvas page builder. It stays out of the way so StyleCanvas controls headers, footers, popups, custom JavaScript and page content across the whole site. Build everything visually with StyleCanvas; this theme just provides clean, unopinionated markup for any pages not built with it (blog, archives, search, etc.).
Version: 1.0.0
Requires at least: 5.8
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: stylecanvas-theme
Tags: blank, page-builder, full-site-editing, custom-menu, featured-images
*/

/* ── Reset / base ───────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #1f2937;
    background: #ffffff;
    -webkit-font-smoothing: antialiased;
}
img, video, iframe, svg { max-width: 100%; height: auto; }
a { color: #2563eb; }
h1, h2, h3, h4, h5, h6 { line-height: 1.25; margin: 0 0 .5em; }
p, ul, ol, blockquote, figure, table { margin: 0 0 1.2em; }
blockquote { border-left: 4px solid #e5e7eb; margin-left: 0; padding-left: 1em; color: #4b5563; }
code, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
pre { background: #f3f4f6; padding: 16px; border-radius: 6px; overflow: auto; }
hr { border: none; border-top: 1px solid #e5e7eb; margin: 2em 0; }
img.alignleft { float: left; margin: 0 1.2em 1em 0; }
img.alignright { float: right; margin: 0 0 1em 1.2em; }
img.aligncenter { display: block; margin: 0 auto 1em; }

/* ── Layout ─────────────────────────────────────────────── */
.sc-theme-main {
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 24px 60px;
}
.sc-theme-article { margin-bottom: 48px; }
.sc-theme-title { font-size: 2rem; margin-bottom: .25em; }
.sc-theme-meta { color: #6b7280; font-size: .9rem; margin-bottom: 1.5em; }
.sc-theme-thumb { margin-bottom: 1.5em; border-radius: 8px; overflow: hidden; }

/* Posts list (blog/archive) */
.sc-theme-list-item { padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px solid #eef0f3; }
.sc-theme-list-item:last-child { border-bottom: none; }
.sc-theme-list-item h2 { font-size: 1.5rem; margin-bottom: .25em; }
.sc-theme-list-item h2 a { color: inherit; text-decoration: none; }
.sc-theme-list-item h2 a:hover { color: #2563eb; }

/* Navigation / pagination */
.sc-theme-pagination { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 24px; }
.sc-theme-pagination .page-numbers {
    display: inline-block; padding: 8px 14px; border: 1px solid #e5e7eb;
    border-radius: 6px; text-decoration: none; color: #374151;
}
.sc-theme-pagination .page-numbers.current { background: #2563eb; border-color: #2563eb; color: #fff; }

/* Comments + forms */
.sc-theme-comments { margin-top: 48px; }
input[type=text], input[type=email], input[type=url], input[type=search], input[type=password], textarea, select {
    width: 100%; max-width: 100%; padding: 10px 12px; border: 1px solid #d1d5db; border-radius: 6px; font: inherit;
}
button, input[type=submit], .wp-block-button__link {
    display: inline-block; padding: 10px 20px; background: #2563eb; color: #fff;
    border: none; border-radius: 6px; cursor: pointer; font: inherit;
}

.screen-reader-text {
    position: absolute !important; width: 1px; height: 1px; overflow: hidden;
    clip: rect(1px,1px,1px,1px); white-space: nowrap;
}
.skip-link { position: absolute; left: -9999px; }
.skip-link:focus { left: 8px; top: 8px; background: #fff; padding: 8px 12px; z-index: 100000; }

@media (max-width: 600px) {
    .sc-theme-main { padding: 28px 16px 40px; }
    .sc-theme-title { font-size: 1.6rem; }
}