/*
Theme Name: Prickly Starter
Theme URI: https://pricklypearconsulting.com/
Author: Prickly Pear Consulting
Description: Block theme for sites built in Prickly Studio. Colors and fonts come from the site's brand kit; pages are made from the section patterns.
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
Version: 1.0.0
License: GPLv2 or later
Text Domain: prickly-starter
*/
/* Sections the owner hid on phones (Studio "Hide on phones" switch, prickly-studio mu-plugin adds the class). */
@media (max-width: 600px) { .prickly-hide-mobile { display: none !important; } }
/* Prickly blocks: form, booking, newsletter signup. Native inputs, brand colors from the palette. */
.prickly-form { display: grid; gap: 1rem; max-width: 560px; }
.prickly-form label { display: grid; gap: .35rem; font-weight: 600; font-size: var(--wp--preset--font-size--small); }
.prickly-form input, .prickly-form select, .prickly-form textarea {
	font: inherit; font-weight: 400; padding: .7rem .8rem; border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 30%, transparent);
	border-radius: 4px; background: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast); min-height: 44px; }
.prickly-form input:focus-visible, .prickly-form select:focus-visible, .prickly-form textarea:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent); outline-offset: 1px; }
.prickly-form button { font: inherit; font-weight: 600; cursor: pointer; justify-self: start; min-height: 44px; padding: .8rem 1.4rem; border: 0; border-radius: 4px;
	background: var(--wp--preset--color--accent); color: var(--wp--preset--color--accent-contrast); }
.prickly-form button:hover { background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); }
.prickly-form button:disabled { opacity: .6; cursor: not-allowed; }
.prickly-form .prickly-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.prickly-note { padding: .8rem 1rem; border-radius: 4px; background: var(--wp--preset--color--surface); }
.prickly-note[data-kind="error"] { border-left: 3px solid #b42318; }
.prickly-gate { max-width: 560px; margin: 4rem auto; text-align: center; }