/*
Theme Name: Badger & Brown
Theme URI: https://badgerandbrown.co.uk
Author: RevUp Online
Description: Block theme for Badger & Brown — personalised leather bracelets, cufflinks and gifts. Built for WooCommerce with the Badger & Brown personalisation plugin.
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.1
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: badger-brown
Tags: full-site-editing, block-patterns, woocommerce, e-commerce
*/

/* Block theme: all styling lives in theme.json. Only what the editor cannot express goes here. */

body { -webkit-font-smoothing: antialiased; }

/* Uppercase letterspaced UI label, applied via the "is-style-bb-label" block style */
.is-style-bb-label {
  text-transform: uppercase;
  letter-spacing: 0.22em;
  font-size: var(--wp--preset--font-size--x-small);
  line-height: 1.4;
}

/* Gold rule used under section headings */
.bb-rule::after {
  content: "";
  display: block;
  width: 64px;
  height: 3px;
  background: var(--wp--preset--color--gold);
  margin: 20px auto 0;
}
.bb-rule.has-text-align-left::after { margin-left: 0; }

/* Product card hover zoom (archive + product-collection blocks) */
.wc-block-product,
.wp-block-post {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
/* Hover lifts the card; it deliberately does not change the colour. */
.wc-block-product:hover,
.wp-block-post:hover {
  box-shadow: 0 14px 30px -16px rgba(23, 19, 15, 0.4);
}
.wc-block-product a img,
.wp-block-post-featured-image img {
  transition: transform 0.55s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.wc-block-product:hover a img,
.wp-block-post:hover .wp-block-post-featured-image img {
  transform: scale(1.06);
}

/* Bag count pulse — triggered by the personalisation plugin on add-to-cart */
@keyframes bb-pulse {
  0%   { transform: scale(1); }
  40%  { transform: scale(1.35); }
  100% { transform: scale(1); }
}
.bb-bag-count.is-pulsing { animation: bb-pulse 0.5s ease; }

@media (prefers-reduced-motion: reduce) {
  .wc-block-product, .wp-block-post, .wc-block-product a img, .wp-block-post-featured-image img { transition: none; }
  .bb-bag-count.is-pulsing { animation: none; }
}