/*
Theme Name: Current Batteries
Theme URI: https://currentbatteries.co.uk
Description: Child theme for currentbatteries.co.uk — brand colours, type and spacing defined in theme.json so every Gutenberg block is on-brand without custom HTML.
Author: Current Batteries
Template: twentytwentyfive
Version: 1.0.4
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: current-batteries
*/

/* Everything visual lives in theme.json. The few rules below cover things theme.json can't express yet. */

/* Kicker / eyebrow labels (apply the "Kicker" style to a Paragraph block) */
.is-style-kicker,
.wp-block-paragraph.is-style-kicker {
  font-family: var(--wp--preset--font-family--ibm-plex-mono);
  font-size: var(--wp--preset--font-size--x-small);
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--wp--preset--color--volt);
}

/* Reg plate style input for the battery finder (applied to the search block or a form field) */
.reg-plate input,
input.reg-plate {
  font-family: var(--wp--preset--font-family--ibm-plex-mono);
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  background: #FFFFFF;
  border: 3px solid var(--wp--preset--color--charcoal);
  border-radius: 8px;
  padding: 0.55em 0.8em;
}

/* Dark sections: keep links and buttons legible */
.has-charcoal-background-color a:not(.wp-element-button) {
  color: var(--wp--preset--color--volt);
}
.has-ink-background-color a:not(.wp-element-button) {
  color: var(--wp--preset--color--white);
  text-decoration-color: var(--wp--preset--color--slate);
}
.has-ink-background-color a:not(.wp-element-button):hover {
  color: var(--wp--preset--color--volt);
}

/* Header and footer sit flush against page content */
.wp-site-blocks > header,
.wp-site-blocks > footer,
.wp-site-blocks > main {
  margin-block-start: 0;
}
.wp-site-blocks {
  padding-top: 0;
  padding-bottom: 0;
}

/* Faint grid texture for the hero (Group block style "Grid texture") */
.is-style-grid-texture {
  background-image:
    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
  background-size: 48px 48px;
}

/* WooCommerce: on-brand price and sale badge */
.wc-block-components-product-price,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price {
  font-family: var(--wp--preset--font-family--space-grotesk);
  font-weight: 700;
  color: var(--wp--preset--color--charcoal);
}
.woocommerce span.onsale,
.wc-block-components-product-sale-badge {
  background: var(--wp--preset--color--volt);
  color: var(--wp--preset--color--charcoal);
  border-radius: 6px;
  font-family: var(--wp--preset--font-family--ibm-plex-mono);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* Full-width sections in page content sit flush against each other */
.wp-block-post-content > .alignfull + .alignfull {
  margin-top: 0;
}