/*
Theme Name: Morag Bolsos (Astra Child)
Theme URI: https://moragbolsos.ch
Description: Astra Child Theme für Morag Bolsos – Handmade Taschen & Accessoires
Author: Morag Bolsos
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/

:root {
	--mb-dark-green: #0F3D2E;
	--mb-dark-green-light: #16523f;
	--mb-gold: #C9A227;
	--mb-gold-light: #ddc06a;
	--mb-cream: #F7F3EA;
	--mb-terracotta: #D98E3F;
	--mb-terracotta-dark: #c17a2e;
	--mb-text: #1E1E1E;
	--mb-white: #ffffff;

	--mb-font-heading: "Playfair Display", Georgia, serif;
	--mb-font-body: "Jost", "Helvetica Neue", Arial, sans-serif;

	--mb-radius: 4px;
	--mb-container-width: 1280px;
	--mb-transition: 0.25s ease;
}

body {
	background-color: var(--mb-cream);
	color: var(--mb-text);
	font-family: var(--mb-font-body);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--mb-font-heading);
	color: var(--mb-dark-green);
}

a {
	color: var(--mb-dark-green);
	transition: color var(--mb-transition);
}

a:hover {
	color: var(--mb-gold);
}

.mb-container {
	max-width: var(--mb-container-width);
	margin: 0 auto;
	padding: 0 24px;
}

/* Buttons */
.mb-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 14px 32px;
	border-radius: var(--mb-radius);
	font-family: var(--mb-font-body);
	font-size: 0.95rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none;
	border: 1px solid transparent;
	cursor: pointer;
	transition: background-color var(--mb-transition), color var(--mb-transition), border-color var(--mb-transition);
}

.mb-btn--primary {
	background-color: var(--mb-dark-green);
	color: var(--mb-white);
}

.mb-btn--primary:hover {
	background-color: var(--mb-dark-green-light);
	color: var(--mb-white);
}

.mb-btn--outline {
	background-color: transparent;
	color: var(--mb-dark-green);
	border-color: var(--mb-dark-green);
}

.mb-btn--outline:hover {
	background-color: var(--mb-dark-green);
	color: var(--mb-white);
}

.mb-btn--buy,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit,
.woocommerce input.button,
.woocommerce-page a.button,
.woocommerce-page button.button {
	background-color: var(--mb-terracotta);
	color: var(--mb-white);
	border-radius: var(--mb-radius);
	border: none;
	font-family: var(--mb-font-body);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce input.button:hover {
	background-color: var(--mb-terracotta-dark);
	color: var(--mb-white);
}

/* Price / gold accents */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--mb-gold);
	font-weight: 600;
}

/* Section spacing helper */
.mb-section {
	padding: 72px 0;
}

.mb-section--dark {
	background-color: var(--mb-dark-green);
	color: var(--mb-cream);
}

.mb-section--dark h2,
.mb-section--dark h3 {
	color: var(--mb-cream);
}

.mb-eyebrow {
	color: var(--mb-terracotta);
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 0.8rem;
	font-weight: 600;
}