/* Palette générale Créana — beige cosy + marron */
:root {
  --creana-site-background: #F7F2EC;
  --creana-site-accent: #8A6A55;
}

html,
body,
body .wp-site-blocks,
body #page,
body .site,
body .site-content,
body .content-area,
body main.site-main,
body main.wp-block-group,
body .wp-block-post-content {
  background-color: var(--creana-site-background) !important;
}

/* Évite qu'une bande blanche apparaisse tout en bas sur certains thèmes. */
body::before,
body::after {
  background-color: var(--creana-site-background);
}

/* Boutons WordPress / WooCommerce : ancien rose -> marron Créana. */
body .wp-block-button__link,
body .wp-element-button,
body button[type="submit"],
body input[type="submit"],
body input[type="button"],
body input[type="reset"],
body .woocommerce a.button,
body .woocommerce button.button,
body .woocommerce input.button,
body .woocommerce #respond input#submit,
body .woocommerce a.button.alt,
body .woocommerce button.button.alt,
body .woocommerce input.button.alt,
body .wc-block-components-button {
  background-color: var(--creana-site-accent) !important;
  border-color: var(--creana-site-accent) !important;
  color: #fff !important;
}

body .wp-block-button__link:hover,
body .wp-block-button__link:focus,
body .wp-element-button:hover,
body .wp-element-button:focus,
body button[type="submit"]:hover,
body button[type="submit"]:focus,
body input[type="submit"]:hover,
body input[type="submit"]:focus,
body .woocommerce a.button:hover,
body .woocommerce a.button:focus,
body .woocommerce button.button:hover,
body .woocommerce button.button:focus,
body .woocommerce input.button:hover,
body .woocommerce input.button:focus,
body .wc-block-components-button:hover,
body .wc-block-components-button:focus {
  background-color: var(--creana-site-accent) !important;
  border-color: var(--creana-site-accent) !important;
  color: #fff !important;
}

/* Éléments d'accent WooCommerce couramment hérités de la couleur du thème. */
body .woocommerce span.onsale,
body .woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
body .woocommerce .widget_price_filter .ui-slider .ui-slider-range,
body .wc-block-grid__product-onsale,
body .wc-block-components-product-badge {
  background-color: var(--creana-site-accent) !important;
  border-color: var(--creana-site-accent) !important;
  color: #fff !important;
}

/* Accent des champs cochés/radios. */
body input[type="checkbox"],
body input[type="radio"] {
  accent-color: var(--creana-site-accent);
}


/* Renfort global si le thème surcharge encore certaines couleurs. */
body .atc-configurator .atc-preview-card {
  border-color: #8A6A55 !important;
}
body .atc-configurator .atc-letter-prompt {
  border-color: #8A6A55 !important;
  background: #FBF7F2 !important;
  color: #6C5141 !important;
}
body .atc-configurator .atc-add-to-cart,
body .atc-configurator button.atc-add-to-cart,
body .atc-configurator .atc-cart-form .atc-add-to-cart {
  border-color: #8A6A55 !important;
  background: #8A6A55 !important;
  background-color: #8A6A55 !important;
  color: #fff !important;
}
body .atc-configurator .atc-add-to-cart:disabled,
body .atc-configurator button.atc-add-to-cart:disabled {
  border-color: #8A6A55 !important;
  background: #8A6A55 !important;
  background-color: #8A6A55 !important;
  color: #fff !important;
  opacity: 1 !important;
}