/*
Theme Name: Raw Canvas V3
Theme URI: https://example.com
Author: Your Name
Author URI: https://example.com
Description: A lightweight theme for dropping pure HTML/CSS/GSAP templates onto individual WordPress Pages with zero builder markup, zero content filtering, and zero theme wrapper interference. Select "Raw HTML / GSAP Canvas" under Page Attributes -> Template, then point the page at a folder in template-library/ or paste code directly. Supports embedding JetFormBuilder and Elementor forms (or any shortcode-based plugin), plus built-in Open Graph / Twitter Card sharing tags, per-page noindex/sitemap control, and a canonical URL — self-sufficient by default, and steps aside automatically if Yoast/RankMath/AIOSEO/SEOPress is active.
Version: 3.1.0
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rawcanvas
*/

/* ---------------------------------------------------------------------
   These styles ONLY apply to normal WordPress templates (index.php,
   page.php, single.php). The "Raw HTML / GSAP Canvas" page template
   never loads this file, so it can't fight with a dropped-in template's
   own CSS. Keep this section minimal on purpose.
------------------------------------------------------------------------ */

:root {
	--rc-max-width: 760px;
	--rc-text: #1a1a1a;
	--rc-muted: #666666;
	--rc-bg: #ffffff;
	--rc-accent: #2563eb;
	--rc-line: #eaeaea;
}

* { box-sizing: border-box; }

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	color: var(--rc-text);
	background: var(--rc-bg);
	line-height: 1.6;
}

.container { max-width: var(--rc-max-width); margin: 0 auto; padding: 2rem 1.25rem; }

.site-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.25rem 1.5rem;
	border-bottom: 1px solid var(--rc-line);
}
.site-title { font-weight: 700; text-decoration: none; color: var(--rc-text); }
.site-header nav ul { list-style: none; display: flex; gap: 1.25rem; margin: 0; padding: 0; }
.site-header nav a { text-decoration: none; color: var(--rc-text); }

.site-footer { text-align: center; padding: 2.5rem 1.25rem; color: var(--rc-muted); font-size: 0.875rem; }

article + article { margin-top: 2.5rem; padding-top: 2.5rem; border-top: 1px solid var(--rc-line); }
a { color: var(--rc-accent); }

/* ---------------------------------------------------------------------
   .rc-embed — wrap a form-plugin shortcode in this to stop the page's
   own CSS (color/font/text-align, all inherited properties) from
   leaking into the embedded form, and to stop the form's height changes
   (validation errors, etc.) from causing layout jumps elsewhere on the
   page. See readme.txt -> "Forms" for the full explanation.
   Applied automatically to a set of known form shortcodes; wrap manually
   around anything else that needs it.
------------------------------------------------------------------------ */
.rc-embed {
	all: revert;
	contain: layout style;
	isolation: isolate;
}
.rc-embed, .rc-embed * { box-sizing: border-box; }