/*
Theme Name: Cub's Painting — Bold
Theme URI: https://cubspainting.com
Author: Cub's Painting Services
Description: The bold edition of the Cub's Painting Services block theme — a licensed and bonded interior/exterior painting company serving the Anchorage, Alaska area. Flyer-style full-bleed "Cub Blue" hero, black header and accent bands, and chunky rounded Fredoka type, with the same built-in project-details contact form, portfolio gallery, about, and community sections. For the clean version, see "Cub's Painting".
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cubs-painting-bold
Tags: business, landing-page, full-site-editing, block-patterns, custom-colors, custom-logo, editor-style, wide-blocks, portfolio
*/

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto; } }

.wp-element-button, .wp-block-button__link { transition: transform .15s ease, opacity .15s ease; }
.wp-element-button:hover, .wp-block-button__link:hover { transform: translateY(-2px); }

.is-style-eyebrow { text-transform:uppercase; letter-spacing:0.16em; font-weight:800; font-size:0.8rem; font-family:var(--wp--preset--font-family--body); }

/* Brand lockup in header (logo + name) */
.wp-block-site-logo img { display:block; }

/* ---- Portfolio gallery: uniform tiles via object-fit ---- */
.cubs-gallery img {
	width:100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 14px;
	border:1px solid var(--wp--preset--color--line);
	display:block;
}
.cubs-gallery .wp-block-image { margin:0; }

/* Rounded photos in split sections */
.cubs-photo img { border-radius:18px; display:block; width:100%; }

/* Footer logo chip keeps the full-color logo readable on dark */
.cubs-logo-chip { background:#fff; border-radius:16px; padding:12px 16px; display:inline-block; }
.cubs-logo-chip img { display:block; height:72px; width:auto; }

/* Paw-colored service number */
.is-style-paw-num { font-family:var(--wp--preset--font-family--heading); font-weight:800; font-size:1.9rem; line-height:1; }

/* ---------- Contact form ---------- */
.cubs-form { max-width:640px; }
.cubs-form .cubs-row { display:flex; gap:1rem; flex-wrap:wrap; }
.cubs-form .cubs-row > * { flex:1 1 200px; }
.cubs-field { margin-bottom:1.1rem; }
.cubs-field label { display:block; font-size:0.78rem; font-weight:800; letter-spacing:0.05em; text-transform:uppercase; margin-bottom:0.45rem; color:#3a4046; font-family:var(--wp--preset--font-family--heading); }
.cubs-field input, .cubs-field select, .cubs-field textarea {
	width:100%; padding:0.8rem 0.9rem; font:inherit; font-size:1rem; color:#222;
	background:#fff; border:1px solid #d7dee4; border-radius:10px; box-sizing:border-box;
}
.cubs-field textarea { min-height:130px; resize:vertical; }
.cubs-field input:focus, .cubs-field select:focus, .cubs-field textarea:focus {
	outline:none; border-color:var(--wp--preset--color--primary);
	box-shadow:0 0 0 3px rgba(19,162,219,0.18);
}
.cubs-form .cubs-submit {
	display:inline-block; border:none; cursor:pointer; font:inherit;
	font-family:var(--wp--preset--font-family--heading); font-weight:800; font-size:1rem;
	color:#fff; background:var(--wp--preset--color--primary); padding:0.9rem 1.8rem; border-radius:12px;
	transition:transform .15s ease, opacity .15s ease;
}
.cubs-form .cubs-submit:hover { transform:translateY(-2px); opacity:.95; }
.cubs-hp { position:absolute; left:-9999px; height:0; overflow:hidden; }
.cubs-note { padding:1rem 1.2rem; border-radius:10px; margin-bottom:1.25rem; font-size:0.98rem; }
.cubs-note.is-success { background:#e6f6ec; color:#1f6b34; border:1px solid #b4ddc1; }
.cubs-note.is-error   { background:#fdecea; color:#9b2c1f; border:1px solid #f0b7ad; }

/* ---- Bold: white logo badge so the black bear stays visible on the dark header ---- */
.cubs-logo-badge {
	background: #fff;
	border-radius: 12px;
	padding: 6px 10px;
	display: inline-flex;
	align-items: center;
}
.cubs-logo-badge .wp-block-site-logo img { display: block; }

/* ---- Bold: paw-dots row used in the hero and tagline band ---- */
.cubs-paws { display: flex; gap: 9px; justify-content: center; }
.cubs-paws span { width: 13px; height: 13px; border-radius: 50%; display: inline-block; }