/*
Theme Name: Tropical Blend Plants
Theme URI: https://tropicalblendplants.com
Author: Tropical Blend Plants
Description: A modern block theme for selling tropical plants and accessories, powered by WooCommerce.
Version: 2.0.0
Requires at least: 6.4
Requires PHP: 8.0
Tested up to: 6.8
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tropical-blend
Tags: woocommerce, block-theme, e-commerce, plants, full-site-editing
*/

/* =========================================================
   GLOBAL RESETS & BASE
   ========================================================= */

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }

body {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--md);
	line-height: 1.6;
	color: var(--wp--preset--color--charcoal);
	background-color: var(--wp--preset--color--cream);
	-webkit-font-smoothing: antialiased;
	margin: 0;
}

img, video { max-width: 100%; height: auto; display: block; }
a { color: var(--wp--preset--color--forest); transition: color 150ms ease; }
a:hover { color: var(--wp--preset--color--terracotta); }
::selection { background: rgba(74, 124, 89, 0.18); color: var(--wp--preset--color--dark); }

/* =========================================================
   SKIP LINK
   ========================================================= */

.skip-link {
	position: absolute;
	top: -100%;
	left: 1rem;
	padding: 0.5rem 1.5rem;
	background: var(--wp--preset--color--forest);
	color: #fff;
	font-weight: 600;
	border-radius: 4px;
	z-index: 9999;
	text-decoration: none;
}
.skip-link:focus { top: 1rem; }

/* =========================================================
   SCREEN READER
   ========================================================= */

.screen-reader-text {
	border: 0;
	clip: rect(1px,1px,1px,1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

/* =========================================================
   WP BLOCK THEME UTILITIES
   ========================================================= */

.wp-site-blocks { padding-top: 0 !important; padding-bottom: 0 !important; }
.entry-content > * { margin-block: 1.5em; }

/* =========================================================
   WOOCOMMERCE BASE OVERRIDES
   ========================================================= */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	border-top-color: var(--wp--preset--color--sage) !important;
	font-family: var(--wp--preset--font-family--body);
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	background: var(--wp--preset--color--forest) !important;
	color: #fff !important;
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	border-radius: 2px !important;
	padding: 0.85rem 2rem !important;
	transition: background 0.2s;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover {
	background: var(--wp--preset--color--sage) !important;
}

/* Prices */
.woocommerce del { opacity: 0.5; }
.woocommerce ins { text-decoration: none; font-weight: 700; }
.woocommerce .price { font-family: var(--wp--preset--font-family--body); }

/* =========================================================
   RESPONSIVE UTILITIES
   ========================================================= */

@media (max-width: 768px) {
	.tb-hide-mobile { display: none !important; }
}
@media (min-width: 769px) {
	.tb-hide-desktop { display: none !important; }
}