/*
Theme Name: ShroomSpores Blocksy Child
Theme URI: https://shroomspores.co.uk/
Description: A custom Blocksy child theme for ShroomSpores, using a black, white and vivid red visual identity.
Author: ShroomSpores
Author URI: https://shroomspores.co.uk/
Template: blocksy
Version: 1.0.0
Text Domain: shroomspores-blocksy-child
*/

/*
 * ShroomSpores brand palette
 * Black:       #000000
 * White:       #FFFFFF
 * Brand red:   #FF2416
 * Deep red:    #D91F14
 * Light grey:  #F3F3F3
 * Charcoal:    #292929
 */

:root {
  --ss-black: #000000;
  --ss-white: #FFFFFF;
  --ss-red: #FF2416;
  --ss-red-hover: #D91F14;
  --ss-grey: #F3F3F3;
  --ss-charcoal: #292929;
  --ss-border: #D0D0D0;

  --theme-palette-color-1: var(--ss-red);
  --theme-palette-color-2: var(--ss-red-hover);
  --theme-palette-color-3: var(--ss-charcoal);
  --theme-palette-color-4: var(--ss-black);
  --theme-palette-color-5: #555555;
  --theme-palette-color-6: #777777;
  --theme-palette-color-7: var(--ss-grey);
  --theme-palette-color-8: var(--ss-white);
}

/* Base colour and typography defaults */
body {
  color: var(--ss-charcoal);
  background: var(--ss-white);
}

/* Links */
a {
  color: var(--ss-red-hover);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
}

a:hover,
a:focus-visible {
  color: var(--ss-black);
}

/* Buttons and common form actions */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.add_to_cart_button,
.woocommerce a.checkout-button,
.woocommerce button.single_add_to_cart_button {
  background-color: var(--ss-red);
  border-color: var(--ss-red);
  color: var(--ss-white);
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.add_to_cart_button:hover,
.woocommerce a.checkout-button:hover,
.woocommerce button.single_add_to_cart_button:hover {
  background-color: var(--ss-red-hover);
  border-color: var(--ss-red-hover);
  color: var(--ss-white);
}

/* Keyboard accessibility */
:focus-visible {
  outline: 2px solid var(--ss-red);
  outline-offset: 3px;
}

/* Quiet, consistent borders */
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
select,
textarea {
  border-color: var(--ss-border);
}

/* WooCommerce product cards */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background: var(--ss-white);
}

.woocommerce span.onsale {
  background: var(--ss-red);
  color: var(--ss-white);
}

/* Optional utility classes for use in the Blocksy editor */
.ss-dark-section {
  background: var(--ss-black);
  color: var(--ss-white);
}

.ss-light-grey-section {
  background: var(--ss-grey);
  color: var(--ss-charcoal);
}

.ss-brand-accent {
  color: var(--ss-red);
}

/* Respect visitors who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}