/*
Theme Name: Caterpillar Care
Theme URI: https://caterpillarcare.example.com
Author: Caterpillar Care
Author URI: https://caterpillarcare.example.com
Description: A modern, child-friendly WordPress theme for early childhood care. Clean modular architecture, Bootstrap 5.3, fully responsive and fast loading.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: caterpillar-care
Tags: custom-logo, custom-menu, featured-images, full-width-template, responsive-design, theme-options, translation-ready, education, one-column, two-columns

Caterpillar Care WordPress Theme - Child-friendly early childhood care.
*/

/* Base styles - main theme styles are in /assets/css/main.css */

:root {
	/* Brand colors (from logo) */
	--cc-primary: #3F7D0A;
	--cc-primary-dark: #2d5a08;
	--cc-leaf: #6BAE1E;
	--cc-orange: #FF7A00;
	--cc-yellow: #FFD93D;
	--cc-blue: #36C2FF;
	--cc-secondary: var(--cc-yellow);
	--cc-accent: var(--cc-orange);
	--cc-light: #f8fbf0;
	--cc-dark: #2d4a34;
	--cc-text: #333;
	--cc-text-muted: #5c6b5c;
	/* Typography */
	--cc-font-heading: 'Baloo 2', -apple-system, BlinkMacSystemFont, sans-serif;
	--cc-font-body: 'Solway', Georgia, serif;
	--cc-font-sans: var(--cc-font-body);
	--cc-font-display: var(--cc-font-heading);
	/* Rounded UI */
	--cc-radius-sm: 0.75rem;
	--cc-radius: 1.25rem;
	--cc-radius-lg: 1.75rem;
	--cc-radius-xl: 2.25rem;
	--cc-radius-2xl: 2.75rem;
	--cc-radius-full: 9999px;
	--cc-border-radius: var(--cc-radius);
	/* Soft shadows */
	--cc-shadow-soft: 0 4px 24px rgba(63, 125, 10, 0.12);
	--cc-shadow-soft-lg: 0 8px 40px rgba(63, 125, 10, 0.14);
	--cc-shadow-card: 0 6px 28px rgba(63, 125, 10, 0.1);
	--cc-shadow: var(--cc-shadow-soft);
	/* Playful spacing */
	--cc-space-xs: 0.5rem;
	--cc-space-sm: 1rem;
	--cc-space: 1.5rem;
	--cc-space-lg: 2.5rem;
	--cc-space-xl: 3.5rem;
	--cc-space-2xl: 5rem;
	--cc-section-padding-y: 4rem;
	--cc-section-padding-y-lg: 6rem;
}

body {
	font-family: var(--cc-font-body);
	color: var(--cc-text);
	overflow-x: hidden;
}

.skip-link {
	position: absolute;
	top: -100%;
	left: 0;
	z-index: 9999;
	padding: var(--cc-space-sm) var(--cc-space);
	background: var(--cc-primary);
	color: #fff;
	text-decoration: none;
	transition: top 0.2s;
	border-radius: var(--cc-radius);
}

.skip-link:focus {
	top: 0;
}

/* Mobile-only sticky CTA banner (footer) */
.cc-mobile-cta-banner {
	display: none;
}

@media (max-width: 991.98px) {
	.cc-mobile-cta-banner {
		display: flex;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 9998;
		gap: 0.75rem;
		padding: 0.75rem 1rem;
		padding-bottom: max(0.75rem, env(safe-area-inset-bottom));
		background: var(--cc-dark);
		box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
		align-items: center;
		justify-content: center;
	}

	.cc-mobile-cta-banner__btn {
		flex: 1;
		max-width: 12rem;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 0.4rem;
		padding: 0.75rem 1rem;
		font-family: var(--cc-font-heading);
		font-weight: 600;
		font-size: 0.9375rem;
		text-decoration: none;
		border-radius: var(--cc-radius);
		border: none;
		transition: opacity 0.2s, transform 0.15s;
	}

	.cc-mobile-cta-banner__btn--enquiry {
		background: var(--cc-primary);
		color: #fff;
	}

	.cc-mobile-cta-banner__btn--enquiry:hover {
		color: #fff;
		opacity: 0.95;
	}

	.cc-mobile-cta-banner__btn--whatsapp {
		background: #25d366;
		color: #fff;
	}

	.cc-mobile-cta-banner__btn--whatsapp:hover {
		color: #fff;
		opacity: 0.95;
	}

	.cc-mobile-cta-banner__btn .fa-whatsapp {
		font-size: 1.2em;
	}
}