/*
Theme Name: LG-Akure
Theme URI: https://lg.mymenucode.com
Description: Child theme of Twenty Twenty-Five for LG-Akure — a multi-brand electronics and appliance retailer in Akure, Ondo State. All design tokens live in theme.json and mirror design/tokens.css from the design system; this stylesheet holds only what theme.json cannot express.
Author: LG-Akure
Template: twentytwentyfive
Version: 0.1.0
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lgakure
Tags: e-commerce, block-theme, full-site-editing
*/

/* ==========================================================================
   Nothing here should duplicate theme.json. Tokens, palette, type scale and
   spacing are all defined there so the block editor, the front end and the
   site editor read from one source. Use this file only for rules the block
   system genuinely cannot express — mostly WooCommerce template details.
   ========================================================================== */

/* --- Money -----------------------------------------------------------------
   Tabular figures are the one non-negotiable typographic rule in the system:
   a category grid is a column of naira amounts compared vertically, and
   proportional digits make that column ragged. See the Typography card.       */
.woocommerce-Price-amount,
.wc-block-components-product-price,
.price {
  font-family: var(--wp--preset--font-family--display);
  font-weight: 800;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  color: var(--wp--preset--color--ink-900);
}

.woocommerce-Price-currencySymbol {
  font-weight: 700;
  opacity: 0.55;
  margin-right: 1px;
}

/* Struck-through original price sits below the current figure, never beside
   it, so the number the shopper actually pays owns the top line. */
del .woocommerce-Price-amount,
del {
  font-family: var(--wp--preset--font-family--body);
  font-weight: 500;
  font-size: var(--wp--preset--font-size--sm);
  color: var(--wp--preset--color--ink-300);
  text-decoration: line-through;
}

ins {
  text-decoration: none;
}

/* --- Focus -----------------------------------------------------------------
   Gold focus ring, applied globally rather than per-component so nothing is
   ever left unreachable by keyboard.                                          */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(217, 148, 37, 0.45);
  border-radius: var(--wp--custom--radius--sm);
}

/* --- Tap targets -----------------------------------------------------------
   44px floor on anything tappable. Most of this shop's traffic is Android on
   mobile data; nothing interactive may be smaller.                            */
@media (max-width: 781px) {
  .wp-block-button__link,
  .button,
  button[type="submit"] {
    min-height: 44px;
  }
}