/*
Theme Name: Running Robots
Theme URI: https://therunningrobots.com/
Author: Running Robots
Author URI: https://therunningrobots.com/
Description: Running Robots' base WordPress theme. A clean, hybrid classic theme designed as a starting point for client builds at Running Robots. Built around the WordPress block editor with sensible defaults, declares WooCommerce support, and ships with light, opinion-free base styles.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: running-robots
Tags: custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, block-styles, wide-blocks, woocommerce
*/

/* -------------------------------------------------------------
   Running Robots — base.css
   Intentionally minimal. Page styling is handled by the block editor
   or by the client project's overrides.
   ------------------------------------------------------------- */

:root {
	--rr-text: #1a1a1a;
	--rr-muted: #6b7280;
	--rr-bg: #ffffff;
	--rr-link: #2563eb;
	--rr-link-hover: #1d4ed8;
	--rr-border: #e5e7eb;
	--rr-max-width: 1200px;
	--rr-content-width: 720px;
	--rr-radius: 6px;
	--rr-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
	--rr-font-heading: var(--rr-font-body);
}

html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }

body {
	margin: 0;
	font-family: var(--rr-font-body);
	font-size: 16px;
	line-height: 1.6;
	color: var(--rr-text);
	background: var(--rr-bg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img, video, svg { max-width: 100%; height: auto; display: block; }

a { color: var(--rr-link); text-decoration: underline; text-underline-offset: 2px; }
a:hover, a:focus { color: var(--rr-link-hover); }

h1, h2, h3, h4, h5, h6 {
	font-family: var(--rr-font-heading);
	line-height: 1.25;
	margin: 1.5em 0 0.5em;
	font-weight: 700;
}

p, ul, ol, blockquote, pre, table { margin: 0 0 1em; }

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

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

.rr-skip-link {
	position: absolute;
	left: -9999px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.rr-skip-link:focus {
	left: 1rem;
	top: 1rem;
	width: auto;
	height: auto;
	padding: 0.5rem 0.75rem;
	background: #000;
	color: #fff;
	z-index: 10000;
	text-decoration: none;
}

.rr-site-header {
	border-bottom: 1px solid var(--rr-border);
	padding: 1rem 0;
}
.rr-site-header .rr-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
}
.rr-site-branding a {
	text-decoration: none;
	color: var(--rr-text);
	font-weight: 700;
	font-size: 1.125rem;
}
.rr-site-branding img { max-height: 48px; width: auto; }

.rr-primary-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 1.25rem;
	flex-wrap: wrap;
}
.rr-primary-nav a {
	text-decoration: none;
	color: var(--rr-text);
}
.rr-primary-nav a:hover { color: var(--rr-link); }

.rr-site-footer {
	border-top: 1px solid var(--rr-border);
	padding: 2rem 0;
	margin-top: 3rem;
	color: var(--rr-muted);
	font-size: 0.875rem;
}
.rr-site-footer .rr-container {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
}

.rr-entry-title { margin-top: 0; }
.rr-entry-meta { color: var(--rr-muted); font-size: 0.875rem; margin-bottom: 1rem; }

.rr-pagination { margin: 2rem 0; }
.rr-pagination a, .rr-pagination span {
	display: inline-block;
	padding: 0.4rem 0.7rem;
	margin-right: 0.25rem;
	border: 1px solid var(--rr-border);
	border-radius: var(--rr-radius);
	text-decoration: none;
}
.rr-pagination .current { background: var(--rr-text); color: #fff; border-color: var(--rr-text); }

.screen-reader-text {
	border: 0;
	clip: rect(1px,1px,1px,1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.woocommerce-store-notice { background: var(--rr-text); color: #fff; }