/*
 * Bridge: maps the ArttoHang tokens onto Blocksy's own variables, so everything Blocksy draws (links, buttons,
 * forms, WooCommerce blocks) takes our palette and type without touching Blocksy files.
 * html:root beats the :root block Blocksy prints, wherever it ends up in <head>.
 */
html:root {
  --theme-palette-color-1: var(--ath-olive);
  --theme-palette-color-2: var(--ath-olive-dark);
  --theme-palette-color-3: #3d3b37;
  --theme-palette-color-4: var(--ath-ink);
  --theme-palette-color-5: var(--ath-stone);
  --theme-palette-color-6: #f6f5f1;
  --theme-palette-color-7: #ffffff;
  --theme-palette-color-8: #ffffff;

  --theme-font-family: var(--ath-font-ui);
  --theme-font-size: 15px;
  --theme-line-height: 1.65;
  --theme-normal-container-max-width: 1280px;
  --theme-container-edge-spacing: calc(100vw - 32px);

  --theme-button-min-height: 48px;
  --theme-button-font-size: 15px;
  --theme-button-font-weight: 600;
  --theme-button-padding: 8px 28px;
  --theme-button-text-initial-color: #ffffff;
  --theme-button-text-hover-color: #ffffff;
  --theme-form-field-border-focus-color: var(--ath-olive);
  --theme-selection-background-color: var(--ath-olive);
}

@media (min-width: 1000px) {
  html:root {
    --theme-container-edge-spacing: calc(100vw - 64px);
  }
}

body.ath {
  background: var(--theme-palette-color-7);
}

/* Links and buttons */
body.ath a {
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}
body.ath .button,
body.ath button.button,
body.ath .wp-element-button,
body.ath .single_add_to_cart_button,
body.ath input[type="submit"],
body.ath .checkout-button {
  border-radius: 2px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  transition: background-color var(--ath-dur-fast) var(--ath-ease), transform var(--ath-dur-fast) var(--ath-ease), box-shadow var(--ath-dur-fast) var(--ath-ease);
}
body.ath .button:hover,
body.ath .single_add_to_cart_button:hover,
body.ath .checkout-button:hover {
  box-shadow: none;
}

/* Form fields */
body.ath input[type="text"],
body.ath input[type="email"],
body.ath input[type="tel"],
body.ath input[type="search"],
body.ath input[type="number"],
body.ath input[type="password"],
body.ath select,
body.ath textarea {
  border-radius: 4px;
  background: var(--ath-white);
  min-height: 46px;
}

/* Breadcrumb: quiet, uppercase labels are Blocksy's default and read as shouting */
body.ath .woocommerce-breadcrumb,
body.ath .ct-breadcrumbs {
  text-transform: none;
  letter-spacing: 0;
  color: var(--ath-muted);
}
body.ath .woocommerce-breadcrumb a,
body.ath .ct-breadcrumbs a {
  color: var(--ath-muted);
}
body.ath .woocommerce-breadcrumb a:hover,
body.ath .ct-breadcrumbs a:hover {
  color: var(--ath-olive-dark);
}

/* Shop page title band: smaller and calmer than Blocksy's default hero */
body.ath .hero-section[data-type="type-2"] {
  background: var(--theme-palette-color-6);
  padding-block: clamp(28px, 5vw, 56px);
  min-height: 0;
}
body.ath .hero-section .page-title {
  font-size: clamp(1.5rem, 1.25rem + 1vw, 2rem);
  margin: 0;
}