/*
Theme Name: CarbonPesa
Theme URI: https://carbonpesa.com
Author: Swap Fintech Limited
Author URI: https://swapfintech.com
Description: Light/Dark theme for CarbonPesa — AI-powered carbon offsetting integrated with M-Pesa mobile payments. Built with Tailwind CSS, Montserrat + Inter typography, and GSAP scroll animations. Default light mode with dark mode toggle.
Version: 3.1.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: carbonpesa
Domain Path: /languages
Tags: responsive, mobile-first, dark, green, fintech, ecommerce, custom-logo, custom-menu, accessibility-ready
Requires at least: 5.8
Requires PHP: 7.4
*/

/*
 * Primary styling is handled by Tailwind CSS utility classes
 * loaded via CDN in header.php. This file contains the WordPress
 * theme header and minimal base resets for WordPress-generated markup.
 */

/* WordPress core output resets for dark theme */
.wp-block-group,
.wp-block-columns {
	color: inherit;
}

/* WordPress nav menu list reset */
.site-nav__list,
.site-footer__links {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* WordPress admin bar offset */
body.admin-bar .nav-glass {
	top: 32px;
}
@media screen and (max-width: 782px) {
	body.admin-bar .nav-glass {
		top: 46px;
	}
}

/* WordPress image alignment */
.alignleft { float: left; margin-right: 1.5rem; margin-bottom: 1rem; }
.alignright { float: right; margin-left: 1.5rem; margin-bottom: 1rem; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* WordPress caption */
.wp-caption {
	max-width: 100%;
	margin-bottom: 1rem;
}
.wp-caption-text {
	font-size: 0.875rem;
	color: #94a3b8;
	margin-top: 0.5rem;
}

/* Screen reader text (WordPress standard) */
.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;
}
.screen-reader-text:focus {
	background-color: #F4B400;
	clip: auto !important;
	clip-path: none;
	color: #0A0F0A;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 0.75rem 1.5rem;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	border-radius: 8px;
}