/*
 Theme Name:   AlfaStrada Child
 Theme URI:    https://alfastrada.nl/
 Description:  Child theme of GeneratePress for the AlfaStrada webshop (house style: red #dd060b, dark grey #333, white).
 Author:       AlfaStrada
 Template:     generatepress
 Version:      0.1.0
 Text Domain:  alfastrada-child
*/

/* Old house style tokens of fase 6, still used by the rules below (fase 3 moves what is left into base/components, page by page). Header, menu and footer: parts/ + components.css since fase 3, stap 1. */
:root {
	--as-red: #dd060b;
	--as-red-dark: #b00509;
	--as-grey: #333333;
	--as-grey-light: #f4f4f4;
	--as-white: #ffffff;

	--accent: var(--as-red);
	--contrast: var(--as-grey);
	--contrast-2: #575760;
	--contrast-3: #b2b2be;
	--base: var(--as-grey-light);
	--base-2: #f7f8f9;
	--base-3: var(--as-white);
}

/* Buttons (also WooCommerce) */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
a.wp-block-button__link:not(.has-background),
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	background-color: var(--as-red);
	color: var(--as-white);
	border-radius: var(--as-radius-soft); /* token from assets/css/tokens.css (one radius everywhere) */
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	background-color: var(--as-red-dark);
	color: var(--as-white);
}

/* ---- Phase 6 leftovers (product page availability, price on request, models line) ---- */
.as-availability { margin: 1rem 0; }
.as-availability .as-mail { margin-left: .75rem; }
.price-on-request { font-weight: 600; }
.as-models { display: block; font-size: var(--as-fs-sm); color: var(--as-muted); margin-bottom: .25rem; }