/**
 * Farbschema nach der Markenvorlage von Happy Macarons and Cookies.
 * Zartrosa Grund, Beeren-Pink als Akzent, warmes Dunkelbraun fuer Text.
 */

:root {
	--hmc-bg:        #FBE9EC;
	--hmc-bg-soft:   #FDF4F6;
	--hmc-accent:    #C2185B;
	--hmc-accent-d:  #9A1248;
	--hmc-ink:       #3A2420;
	--hmc-ink-soft:  #6B544E;
	--hmc-line:      #F2D0D6;
	--hmc-card:      #FFFFFF;
}

/* ---- Grundflaechen ---- */

body,
.ast-separate-container,
.ast-plain-container,
.ast-page-builder-template {
	background-color: var(--hmc-bg) !important;
	color: var(--hmc-ink);
}

.site-header,
.ast-main-header-bar,
.main-header-bar,
.site-footer,
.ast-small-footer,
footer.site-footer {
	background-color: var(--hmc-bg-soft) !important;
}

/* ---- Ueberschriften ---- */

h1, h2, h3, h4, h5, h6,
.entry-title,
.woocommerce-loop-product__title,
.product_title {
	color: var(--hmc-ink) !important;
}

.woocommerce-products-header__title,
.page-title {
	color: var(--hmc-accent) !important;
}

/* ---- Links und Akzente ---- */

a { color: var(--hmc-accent); }
a:hover, a:focus { color: var(--hmc-accent-d); }

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.price ins,
.amount {
	color: var(--hmc-accent) !important;
}

/* ---- Buttons ---- */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.wp-block-button__link,
.ast-button,
.hmc-cta {
	background-color: var(--hmc-accent) !important;
	border-color: var(--hmc-accent) !important;
	color: #fff !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.wp-block-button__link:hover,
.ast-button:hover,
.hmc-cta:hover {
	background-color: var(--hmc-accent-d) !important;
	border-color: var(--hmc-accent-d) !important;
}

/* ---- Produktkacheln ---- */

.woocommerce ul.products li.product,
.ast-woocommerce-container .product {
	background: var(--hmc-card);
	border-color: var(--hmc-line) !important;
}

/* ---- Trennlinien ---- */

hr,
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
table th,
table td {
	border-color: var(--hmc-line) !important;
}

/* ---- Produkt-Tabs ---- */

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--hmc-accent) !important;
	border-bottom-color: var(--hmc-accent) !important;
}

/* ---- Plugin-Elemente angleichen ---- */

.happy-box__hint.is-done {
	background: #FDF4F6 !important;
	border-left-color: var(--hmc-accent) !important;
	color: var(--hmc-accent) !important;
}

.happy-box__item.is-active {
	border-color: var(--hmc-accent) !important;
	box-shadow: 0 0 0 1px var(--hmc-accent) !important;
}

.happy-box__surcharge,
.happy-price-min {
	background: #FDF4F6 !important;
	color: var(--hmc-accent) !important;
}

.happy-tabs__tab.is-active,
button.happy-tabs__tab.is-active {
	border-color: var(--hmc-accent) !important;
	background: #FDF4F6 !important;
	box-shadow: 0 0 0 1px var(--hmc-accent) !important;
}

.happy-tabs__tab.is-active .happy-tabs__price {
	color: var(--hmc-accent) !important;
}

.happy-box__btn:hover:not(:disabled),
.happy-box button.happy-box__btn:hover:not(:disabled) {
	background: #FDF4F6 !important;
	border-color: var(--hmc-accent) !important;
	color: var(--hmc-accent) !important;
}

.happy-box__lead,
.happy-box-notice,
.happy-contact__line,
.happy-wish {
	background: var(--hmc-bg-soft) !important;
	border-left-color: var(--hmc-accent) !important;
}

.happy-contact__line a {
	color: var(--hmc-accent) !important;
}

/* ===== Preise im Stil der Markenvorlage ===== */
/* Grosse Serifenziffern, Beeren-Pink */

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-Price-amount,
.hmc-flavour__price,
.product .price,
.price bdi {
	font-family: Georgia, "Times New Roman", serif !important;
	font-weight: 700 !important;
	letter-spacing: -.01em;
	color: var(--hmc-accent) !important;
}

/* Produktliste: etwas groesser */
.woocommerce ul.products li.product .price {
	font-size: 21px !important;
	line-height: 1.2;
}

/* Produktdetailseite: deutlich groesser */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	font-size: 30px !important;
	line-height: 1.15;
}

/* Waehrungssymbol etwas kleiner */
.woocommerce-Price-currencySymbol {
	font-size: .85em;
	font-weight: 700;
}

/* Preiszusatz "/ Stueck" bleibt dezent */
.happy-price-unit {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: var(--hmc-ink-soft) !important;
	letter-spacing: 0;
}

/* Preise im Box-Konfigurator */
.happy-box__total,
.happy-tabs__price {
	font-family: Georgia, "Times New Roman", serif !important;
	font-weight: 700 !important;
	color: var(--hmc-accent) !important;
}

.happy-box__total {
	font-size: 26px !important;
}

/* Startseiten-Kacheln */
.product .body .price,
.hmc-highlight__price {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	color: var(--hmc-accent) !important;
}