/*
Theme Name: Aber Reviews Base
Description: Classic (non-block) base theme carrying the real Aber Reviews brand (logo, banner, blue/green palette sampled from the brand kit) plus the header.php/footer.php the plugin's business templates rely on.
Author: Aber Reviews
Version: 0.2.1
Text Domain: aber-reviews-base
*/

:root {
	--ar-navy: #022859;      /* "Aber" wordmark */
	--ar-blue: #0c68bd;      /* "Reviews" wordmark, links, primary buttons */
	--ar-blue-dark: #08498a;
	--ar-green: #216540;     /* hills */
	--ar-green-bright: #2e9e5b; /* checkmark accent, success states */
	--ar-bg: #f6f8fa;
	--ar-border: #dfe4ea;
	--ar-text: #1c2733;
	--ar-muted: #64748b;
	--ar-danger: #b3261e;
	--ar-warning: #8a5a00;
}

body {
	font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color: var(--ar-text);
	background: #fff;
	margin: 0;
}

a { color: var(--ar-blue); }

.ar-site-header {
	background: var(--ar-navy);
	color: #fff;
	padding: 0.75em 1.5em;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 1em;
}
.ar-site-header a { color: #fff; text-decoration: none; }
.ar-site-header__brand { display: flex; align-items: center; gap: 0.6em; font-size: 1.2em; font-weight: 700; }
.ar-site-header__brand img { height: 44px; width: 44px; display: block; }
.ar-site-header__nav a { margin-left: 1.4em; opacity: 0.92; }
.ar-site-header__nav a:hover { opacity: 1; text-decoration: underline; }

.ar-hero {
	position: relative;
	overflow: hidden;
}
.ar-hero img {
	width: 100%;
	height: auto;
	display: block;
}
.ar-hero__cta {
	max-width: 900px;
	margin: -2.5em auto 0;
	padding: 0 1.5em 2em;
	position: relative;
}
/* On narrow screens the banner itself renders much shorter, so the same
   fixed overlap would cover its bottom third (the LOCAL/TRUSTED/COMMUNITY
   bar) — drop the overlap entirely and let the search box sit below it. */
@media (max-width: 700px) {
	.ar-hero__cta {
		margin-top: 1em;
	}
}

.ar-container {
	max-width: 900px;
	margin: 0 auto;
	padding: 1.5em;
}

.ar-site-footer {
	margin-top: 3em;
	padding: 1.5em;
	text-align: center;
	color: var(--ar-muted);
	border-top: 1px solid var(--ar-border);
	font-size: 0.9em;
}

/* Buttons/badges/notices below reuse the plugin's --ar-* tokens where the
   plugin CSS (assets/css/aber-reviews.css) doesn't already set them, so the
   two stylesheets share one palette. */
.ar-button--primary { background: var(--ar-green-bright); }
.ar-button { background: var(--ar-blue); }
.ar-button:hover { background: var(--ar-blue-dark); }