/*
Theme Name: Paddock Besties
Theme URI: https://paddockbesties.com
Author: Kudzie
Author URI: https://paddockbesties.com
Description: A cozy, editorial block theme for Paddock Besties. Fully editable in the WordPress Site Editor — colors, fonts, spacing and every template are customizable from Appearance → Editor. Ships with placeholder images throughout; swap them in the Media Library.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: paddock-besties
Tags: blog, food-and-drink, two-columns, block-patterns, custom-colors, custom-menu, editor-style, featured-images, full-site-editing, rtl-language-support, template-editing, threaded-comments, translation-ready
*/

/* ------------------------------------------------------------------
   Supplemental CSS. Colors, type and spacing live in theme.json so
   they stay editable from Appearance → Editor → Styles. This file
   only covers small interaction/layout details block styles can't
   express yet (accordion affordance, marquee tag row, hover states).
   ------------------------------------------------------------------ */

/* Trending / tag pill row in the header */
.pb-tag-row {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	justify-content: center;
}
.pb-tag-row a {
	display: inline-block;
	padding: 0.35em 1em;
	border-radius: 999px;
	background: var(--wp--preset--color--cream);
	color: var(--wp--preset--color--brown);
	text-decoration: none;
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	border: 1px solid var(--wp--preset--color--blush);
	transition: background 0.15s ease, transform 0.15s ease;
}
.pb-tag-row a:hover {
	background: var(--wp--preset--color--blush);
	transform: translateY(-2px);
}

/* Soft card hover-lift for image/post cards */
.pb-card {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	border-radius: var(--wp--custom--card-radius, 22px);
	overflow: hidden;
}
.pb-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 30px rgba(74, 52, 40, 0.12);
}
.pb-card img {
	border-radius: var(--wp--custom--card-radius, 22px);
}

/* Rounded "sticker" badge used on category/collection tiles */
.pb-badge {
	display: inline-block;
	background: var(--wp--preset--color--mustard);
	color: var(--wp--preset--color--brown);
	padding: 0.3em 0.9em;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

/* FAQ accordion — styles the native core/details block */
.pb-faq details {
	border-bottom: 1px solid var(--wp--preset--color--blush);
	padding: 1rem 0;
}
.pb-faq summary {
	cursor: pointer;
	font-weight: 700;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 1.1rem;
	color: var(--wp--preset--color--brown);
}
.pb-faq details[open] summary {
	color: var(--wp--preset--color--dusty);
}

/* Newsletter panel */
.pb-newsletter {
	border-radius: 28px;
	background: var(--wp--preset--color--sage);
}
.pb-newsletter input[type="email"],
.pb-newsletter input[type="text"] {
	border-radius: 999px;
	border: none;
	padding: 0.85em 1.4em;
	font-family: var(--wp--preset--font-family--body);
}
.pb-newsletter button,
.pb-newsletter .wp-block-button__link {
	border-radius: 999px;
}

/* Dotted "hand-drawn" divider, used between sections instead of a hard line */
.pb-dotted-divider {
	border: none;
	border-top: 3px dotted var(--wp--preset--color--blush);
	margin: 0;
}

/* Social icon row in footer */
.pb-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.4em;
	height: 2.4em;
	border-radius: 50%;
	background: var(--wp--preset--color--cream);
	color: var(--wp--preset--color--brown);
	text-decoration: none;
	font-weight: 700;
}

/* Responsive helpers for the hero (desktop vs mobile placeholder image) */
.pb-hero-mobile { display: none; }
@media (max-width: 782px) {
	.pb-hero-desktop { display: none; }
	.pb-hero-mobile { display: block; }
}