/*
Theme Name: Teapotheca (X Child)
Description: Child theme for X, used to hold custom CPT templates (Herbs, Recipes, etc.) safely outside the parent theme.
Author: Teapotheca
Template: x
Version: 1.0
*/

/* Custom CSS can go below this line. Everything in the header block
   above is required exactly as-is for WordPress to register this as
   a valid child theme of X. */

/* --- Herb Archive --- */
.teapotheca-archive { max-width: 1100px; margin: 0 auto; padding: 40px 20px; }
.teapotheca-archive-header h1 { margin-bottom: 30px; }
.teapotheca-herb-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 24px;
}
.teapotheca-herb-card {
	display: block;
	text-decoration: none;
	color: inherit;
	border: 1px solid #e2e2e2;
	border-radius: 8px;
	overflow: hidden;
	transition: box-shadow 0.15s ease;
}
.teapotheca-herb-card:hover { box-shadow: 0 4px 14px rgba(0,0,0,0.08); }
.teapotheca-herb-card-image img { width: 100%; height: 160px; object-fit: cover; display: block; }
.teapotheca-herb-card-body { padding: 14px 16px; }
.teapotheca-herb-card-title { margin: 0 0 4px; font-size: 1.1rem; }
.teapotheca-herb-card-botanical { margin: 0 0 8px; color: #666; font-size: 0.9rem; }
.teapotheca-herb-card-excerpt { margin: 0 0 10px; font-size: 0.9rem; color: #444; }

/* --- Shared tag / taxonomy styling --- */
.teapotheca-tag {
	display: inline-block;
	background: #EAF1EC;
	color: #2E5339;
	border-radius: 4px;
	padding: 2px 8px;
	margin: 0 6px 6px 0;
	font-size: 0.78rem;
}
.teapotheca-taxonomy-row { margin: 6px 0; }
.teapotheca-taxonomy-label { font-weight: 600; margin-right: 6px; font-size: 0.85rem; color: #444; }

/* --- Single Herb --- */
.teapotheca-single-herb { max-width: 800px; margin: 0 auto; padding: 40px 20px; }
.teapotheca-herb-header { margin-bottom: 30px; }
.teapotheca-herb-hero-image img { width: 100%; border-radius: 8px; margin-bottom: 20px; }
.teapotheca-herb-botanical { color: #666; margin-top: -8px; }
.teapotheca-section { margin: 30px 0; padding-top: 20px; border-top: 1px solid #eee; }
.teapotheca-section h2 { margin-bottom: 10px; font-size: 1.3rem; color: #2E5339; }
.teapotheca-safety-notice { background: #FFF6D9; border: none; border-radius: 8px; padding: 16px 20px; }
.teapotheca-related-list { list-style: none; padding: 0; margin: 0; }
.teapotheca-related-list li { padding: 6px 0; border-bottom: 1px solid #f0f0f0; }
.teapotheca-gallery { display: flex; flex-wrap: wrap; gap: 10px; }
.teapotheca-gallery img { width: 140px; height: 140px; object-fit: cover; border-radius: 6px; }
.teapotheca-image-credit { font-size: 0.8rem; color: #888; margin-top: 8px; }