/* Aurelux WordPress Theme — small finishing touches on top of theme.json. */

.aurelux-site-header {
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.aurelux-site-footer {
	margin-top: 4rem;
	padding-bottom: 2rem;
}

.aurelux-site-footer .wp-block-page-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.aurelux-site-footer .wp-block-page-list li {
	margin-bottom: 0.4rem;
}

.aurelux-hero {
	background: linear-gradient(
		180deg,
		var(--wp--preset--color--paper) 0%,
		var(--wp--preset--color--ivory) 100%
	);
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.aurelux-card {
	background: var(--wp--preset--color--paper);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 6px;
	height: 100%;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.aurelux-card:hover {
	box-shadow: 0 10px 30px rgba(14, 36, 56, 0.08);
	transform: translateY(-2px);
}

.aurelux-cta {
	border-radius: 8px;
}

.wp-block-button__link {
	transition: background-color 0.2s ease, color 0.2s ease;
}

/* Shop pages: keep WooCommerce notices and tables readable on ivory. */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info {
	border-top-color: var(--wp--preset--color--gold);
	background: var(--wp--preset--color--paper);
	color: var(--wp--preset--color--ink);
}

.woocommerce table.shop_table {
	border-color: var(--wp--preset--color--line);
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	background: var(--wp--preset--color--navy);
	color: var(--wp--preset--color--ivory);
	border-radius: 4px;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover {
	background: var(--wp--preset--color--gold);
	color: var(--wp--preset--color--navy);
}

/* Keep long admin bars and editor content calm. */
body.admin-bar .aurelux-site-header {
	top: 0;
}

@media (max-width: 600px) {
	.aurelux-hero {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}
}