/* Arcanes child theme — mobile-first custom styles (Bootstrap 5 base). */

:root {
	--arcanes-primary: #1a1a2e;
	--arcanes-accent: #c8a04f;
}

/* Hero — dark background, readable on small screens first. */
.arcanes-hero {
	background: linear-gradient(135deg, var(--arcanes-primary) 0%, #16213e 100%);
}

.arcanes-hero .btn-light {
	color: var(--arcanes-primary);
	font-weight: 600;
}

/* Service / news cards. */
.arcanes-services .card,
.arcanes-news .card {
	border: 0;
	transition: transform .15s ease, box-shadow .15s ease;
}

.arcanes-services .card:hover,
.arcanes-news .card:hover {
	transform: translateY(-3px);
}

.arcanes-services .card-img-top,
.arcanes-news .card-img-top {
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

/* Section headings accent. */
.arcanes-services h2,
.arcanes-news h2,
.arcanes-contact h2 {
	position: relative;
}

.arcanes-services h2::after,
.arcanes-news h2::after,
.arcanes-contact h2::after {
	content: "";
	display: block;
	width: 56px;
	height: 3px;
	margin: .75rem auto 0;
	background: var(--arcanes-accent);
}

/* Contact form (Contact Form 7) basic spacing on mobile. */
.arcanes-contact .wpcf7 input:not([type="submit"]),
.arcanes-contact .wpcf7 textarea {
	width: 100%;
	margin-bottom: .75rem;
}

/* Footer contact bar */
.arcanes-footer-contact {
	border-top: 1px solid rgba(0, 0, 0, .1);
}
.arcanes-footer-contact address {
	font-style: normal;
}