/*
Theme Name: Grembi
Theme URI: https://grembi.com/
Description: Block child theme for Grembi: fun finds, gift guides and original tees for 18 to 30 year-olds. Lime, pink, ink and cream; sticker-style cards. Draft, not yet approved for publishing.
Author: GENAZ PTE. LTD.
Template: twentytwentyfive
Version: 1.2.2
Requires at least: 6.5
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: grembi-child
*/

/* Most styling lives in theme.json. This file only holds what theme.json can't express. */

/* Sticker look: hard offset shadow on cards and buttons. */
.is-style-grembi-sticker {
	border: 3px solid var(--wp--preset--color--ink);
	border-radius: 18px;
	box-shadow: 6px 6px 0 var(--wp--preset--color--ink);
}

.wp-element-button,
.wp-block-button__link {
	box-shadow: 4px 4px 0 var(--wp--preset--color--ink);
	transition: transform 0.12s ease, box-shadow 0.12s ease;
}

.wp-element-button:hover,
.wp-block-button__link:hover {
	transform: translate(2px, 2px);
	box-shadow: 2px 2px 0 var(--wp--preset--color--ink);
}

@media (prefers-reduced-motion: reduce) {
	.wp-element-button,
	.wp-block-button__link {
		transition: none;
	}
}

/* Visible focus for keyboard users. */
a:focus-visible,
button:focus-visible,
.wp-element-button:focus-visible,
input:focus-visible {
	outline: 3px solid var(--wp--preset--color--pink-deep);
	outline-offset: 2px;
}

/* Affiliate disclosure box. */
.grembi-disclosure {
	font-size: var(--wp--preset--font-size--small);
}

/* Comparison table: ink header, zebra rows, scrolls on small screens. */
.grembi-compare table {
	border-collapse: collapse;
	width: 100%;
}

.grembi-compare thead th {
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--cream);
	text-align: left;
}

.grembi-compare th,
.grembi-compare td {
	border: 2px solid var(--wp--preset--color--ink);
	padding: 0.6rem 0.8rem;
	vertical-align: top;
}

.grembi-compare tbody tr:nth-child(even) {
	background: var(--wp--preset--color--white);
}

@media (max-width: 600px) {
	.grembi-compare {
		overflow-x: auto;
	}
}

/* Image credit line under photos. */
.grembi-credit,
figcaption.grembi-credit {
	color: var(--wp--preset--color--muted);
	font-size: 0.8rem;
}

/* Placeholder slots stay visible in drafts so nobody ships them by accident. */
.grembi-placeholder {
	background: repeating-linear-gradient(45deg, var(--wp--preset--color--cream), var(--wp--preset--color--cream) 12px, #efeadf 12px, #efeadf 24px);
	border: 3px dashed var(--wp--preset--color--ink);
	border-radius: 18px;
	padding: 2rem 1rem;
	text-align: center;
}