/*
Theme Name: Wright's Tender Meats
Theme URI: https://digitalbarkada.com
Author: Digital Barkada
Description: Block theme for Wright's Tender Meats, Kellyville NSW. Butcher-paper
 neutrals, the brand red from the shop's own identity, and the gold lifted from the
 badge logo. Every section is a registered block pattern so the whole homepage stays
 editable in the block editor.
Version: 1.0.1
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.1
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wrights-tender-meats
Tags: block-theme, e-commerce, food-and-drink, full-site-editing
*/

/* theme.json carries the design tokens. Only genuinely structural CSS lives here. */

.wtm-util { font-size: .845rem; }
.wtm-util a { color: inherit; text-decoration: none; }

/* Counter board: dotted price leaders, the way a real board reads. */
.wtm-board-list { list-style: none; margin: 0; padding: 0;
  column-count: 2; column-gap: 3.25rem; }
.wtm-board-list li { display: flex; align-items: baseline; gap: .55rem;
  padding: .7rem 0; break-inside: avoid;
  border-bottom: 1px dashed color-mix(in srgb, var(--wp--preset--color--paper) 28%, transparent); }
.wtm-board-list .n { font-family: var(--wp--preset--font-family--display);
  font-size: 1.03rem; }
.wtm-board-list .d { flex: 1; transform: translateY(-3px);
  border-bottom: 1px dotted color-mix(in srgb, var(--wp--preset--color--paper) 38%, transparent); }
.wtm-board-list .c { font-size: .75rem; letter-spacing: .1em; text-transform: uppercase;
  font-weight: 700; white-space: nowrap; color: var(--wp--preset--color--gold); }
@media (max-width: 720px) { .wtm-board-list { column-count: 1; } }

/* Eyebrow label used above section headings. */
.wtm-eyebrow { font-size: .72rem; letter-spacing: .15em; text-transform: uppercase;
  font-weight: 700; color: var(--wp--preset--color--gold); }

/* Category tiles */
.wtm-cat { display: flex; flex-direction: column; gap: .3rem; text-decoration: none;
  padding: 1.25rem 1.125rem; border: 1px solid var(--wp--preset--color--line);
  border-radius: 3px; background: var(--wp--preset--color--surface);
  transition: border-color .15s ease, transform .15s ease; }
.wtm-cat:hover { border-color: var(--wp--preset--color--red);
  transform: translateY(-2px); text-decoration: none; }
.wtm-cat .n { font-family: var(--wp--preset--font-family--display); font-size: 1.06rem; }
.wtm-cat .c { font-size: .8rem; color: var(--wp--preset--color--soft);
  font-variant-numeric: tabular-nums; }

/* WooCommerce price alignment */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price { font-family: var(--wp--preset--font-family--display);
  color: var(--wp--preset--color--red); font-variant-numeric: tabular-nums; }

:where(a):focus-visible, :where(button):focus-visible {
  outline: 2.5px solid var(--wp--preset--color--red); outline-offset: 3px; }

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