/*
Theme Name: Kids Play Indoor & Outdoor
Theme URI: https://kidsplayexpert.com
Author: Kids Play Expert
Description: A playful Bootstrap 5 WordPress theme for curated indoor and outdoor kids play items (small, no-installation products) with product-style layouts and affiliate/dropship links.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kids-play
*/

html,
body {
	max-width: 100%;
	overflow-x: hidden;
}

:root {
	--kp-color-primary: #1fb6ff;
	--kp-color-secondary: #ff7aa2;
	--kp-color-accent: #ffc857;
	--kp-color-bg: #f7fbff;
	--kp-color-dark: #16324f;
	--kp-radius-lg: 1.25rem;
}

body {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	background-color: var(--kp-color-bg);
	color: #222;
	scroll-behavior: smooth;
}

.kp-hero {
	background: radial-gradient(circle at top left, #ffe7f2 0, #f7fbff 40%, #e0f3ff 100%);
	border-radius: 0 0 var(--kp-radius-lg) var(--kp-radius-lg);
	padding-inline: clamp(1rem, 5vw, 3rem);
}

.kp-hero-badge {
	background-color: #fff;
	border-radius: 999px;
	padding: 0.25rem 0.85rem;
	font-size: 0.85rem;
}

.kp-age-badge {
	border-radius: 999px;
	font-size: 0.75rem;
}

.kp-card-play {
	border-radius: var(--kp-radius-lg);
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(15, 35, 52, 0.06);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.kp-card-play img {
	object-fit: cover;
}

.kp-card-play:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 40px rgba(15, 35, 52, 0.12);
}

.kp-section-title {
	font-weight: 700;
}

.kp-footer {
	background-color: #0f2233;
	color: #f5fbff;
	margin-top: 4rem;
}

.kp-footer a {
	color: #e3f3ff;
}