/*
Theme Name:   Ciergerie Sainte Anne
Theme URI:    https://ciergerie-sainte-anne.fr
Description:  Thème enfant Astra pour la Ciergerie Sainte Anne (WooCommerce)
Author:       LTN
Author URI:   https://ciergerie-sainte-anne.fr
Template:     astra
Version:      1.0.0
Text Domain:  ciergerie-stanne
*/

:root {
	--ciergerie-ink: #30241d;
	--ciergerie-wax: #b9854d;
	--ciergerie-paper: #f7f3ec;
	--ciergerie-sage: #516252;
	--ciergerie-line: #ded5c8;
	--ciergerie-display: "Arial Narrow", "Franklin Gothic Medium", sans-serif;
}

body {
	background: var(--ciergerie-paper);
	color: var(--ciergerie-ink);
	overflow-x: hidden;
}

.site-header {
	border-bottom: 1px solid var(--ciergerie-line);
}

.site-header .site-branding {
	animation: ciergerie-enter 500ms ease-out both;
}

.site-title a,
.site-title a:visited {
	color: var(--ciergerie-ink);
	font-family: var(--ciergerie-display);
	font-size: 1.45rem;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: uppercase;
}

.main-header-menu .menu-link,
.main-header-menu > a {
	color: var(--ciergerie-ink);
	font-family: var(--ciergerie-display);
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: uppercase;
}

.main-header-menu .menu-item:hover > .menu-link,
.main-header-menu .current-menu-item > .menu-link {
	color: var(--ciergerie-wax);
}

.ast-button,
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	background: var(--ciergerie-ink);
	border: 1px solid var(--ciergerie-ink);
	border-radius: 2px;
	box-shadow: none;
	color: #fff;
	font-family: var(--ciergerie-display);
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0;
	padding: 0.85em 1.45em;
	text-transform: uppercase;
	transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.ast-button:hover,
.wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	background: var(--ciergerie-wax);
	border-color: var(--ciergerie-wax);
	color: #fff;
	transform: translateY(-1px);
}

.entry-title,
.woocommerce-products-header__title,
.woocommerce-loop-product__title,
.woocommerce div.product .product_title {
	color: var(--ciergerie-ink);
	font-family: var(--ciergerie-display);
	font-weight: 700;
	letter-spacing: 0;
	text-transform: uppercase;
}

.ast-scroll-to-top-right {
	background: var(--ciergerie-ink);
}

@keyframes ciergerie-enter {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width: 921px) {
	.main-header-menu .menu-link {
		padding-block: 0.8em;
	}
}