/*
Theme Name: Gumnutly Child
Theme URI: https://gumnutly.com/
Description: Block child theme of Twenty Twenty-Five for Gumnutly: Australian gifts and souvenirs, curated. Draft.
Author: GENAZ PTE. LTD.
Template: twentytwentyfive
Version: 1.2.2
Requires at least: 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: gumnutly-child
*/

/* Most styling lives in theme.json. These rules cover what theme.json can't. */

:root {
	--gumnutly-radius: 10px;
	--gumnutly-shadow: 0 2px 10px rgba(43, 42, 38, 0.08);
}

/* Focus ring in wattle for keyboard users */
a:focus-visible,
button:focus-visible,
.wp-element-button:focus-visible,
input:focus-visible,
textarea:focus-visible {
	outline: 3px solid var(--wp--preset--color--wattle);
	outline-offset: 2px;
}

/* Disclosure boxes */
.gumnutly-disclosure {
	border-left: 4px solid var(--wp--preset--color--ironbark);
	background: var(--wp--preset--color--white);
	border-radius: 0 var(--gumnutly-radius) var(--gumnutly-radius) 0;
}

.gumnutly-disclosure p {
	margin: 0;
}

/* Product cards */
.gumnutly-product-card {
	background: var(--wp--preset--color--white);
	border-radius: var(--gumnutly-radius);
	box-shadow: var(--gumnutly-shadow);
	border-top: 4px solid var(--wp--preset--color--ochre);
	height: 100%;
}

.gumnutly-product-card .gumnutly-origin {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--eucalyptus);
}

/* Small wattle badge, e.g. "Good for posting overseas" */
.gumnutly-badge {
	display: inline-block;
	background: var(--wp--preset--color--wattle);
	color: var(--wp--preset--color--bark);
	border-radius: 999px;
	padding: 0.1em 0.75em;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
}

/* Comparison table: striped style */
.wp-block-table.is-style-gumnutly-striped table {
	border-collapse: collapse;
	width: 100%;
}

.wp-block-table.is-style-gumnutly-striped th {
	background: var(--wp--preset--color--eucalyptus);
	color: var(--wp--preset--color--white);
	text-align: left;
}

.wp-block-table.is-style-gumnutly-striped th,
.wp-block-table.is-style-gumnutly-striped td {
	border: 0;
	padding: 0.6em 0.8em;
}

.wp-block-table.is-style-gumnutly-striped tbody tr:nth-child(even) {
	background: var(--wp--preset--color--sandstone);
}

/* Photo credit captions */
.gumnutly-credit,
.wp-block-image figcaption {
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.85;
}

/* Thin ironbark rule under h2 in posts */
.single .wp-block-post-content h2::after {
	content: "";
	display: block;
	width: 3rem;
	height: 3px;
	margin-top: 0.4rem;
	background: var(--wp--preset--color--ochre);
}

@media (prefers-reduced-motion: reduce) {
	* {
		transition: none !important;
		animation: none !important;
	}
}
