/*
Theme Name:     Thor Metal Art
Theme URI:      https://thormetalart.com
Description:    Custom metal fabrication & sculpture — Miami-Dade, FL. Child theme of Twenty Twenty-Five with Thor Metal Art branding.
Author:         Thor Metal Art LLC
Author URI:     https://thormetalart.com
Template:       twentytwentyfive
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    thormetalart
Tags:           custom-background, custom-logo, custom-menu, threaded-comments, translation-ready
Requires at least: 6.5
Tested up to:   6.9
Requires PHP:   8.1
*/

:root {
	--tma-black: #1a1a1a;
	--tma-gold: #b8860b;
	--tma-offwhite: #f5f5f0;
	--tma-gray: #4a4a4a;
	--tma-border: #d8d8d0;
}

body {
	background: var(--tma-offwhite);
	color: var(--tma-black);
	font-family: "DM Sans", "Inter", sans-serif;
}

.wp-site-blocks {
	overflow-x: clip;
}

.tma-site-header {
	background: var(--tma-black);
	color: var(--tma-offwhite);
	border-bottom: 1px solid rgba(245, 245, 240, 0.14);
	position: sticky;
	top: 0;
	z-index: 40;
}

.tma-site-header .wp-block-site-title a,
.tma-site-header a {
	color: var(--tma-offwhite);
}

.tma-main-nav .wp-block-navigation-item__content {
	font-size: 0.8rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.tma-header-actions .wp-block-button__link {
	min-height: 44px;
	padding: 0.65rem 0.9rem;
}

.tma-lang-toggle .wp-block-button__link {
	border-color: rgba(245, 245, 240, 0.55);
	color: var(--tma-offwhite);
}

.tma-quote-btn .wp-block-button__link {
	background: var(--tma-gold);
	color: #fff;
}

.tma-hero-cover {
	background: radial-gradient(circle at 80% 20%, #4a4a4a 0%, #232323 42%, #111 100%);
}

.tma-trust-bar {
	border-top: 1px solid rgba(245, 245, 240, 0.2);
	border-bottom: 1px solid var(--tma-border);
	padding: 0.95rem 1rem;
	font-size: 0.88rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--tma-gray);
}

.tma-services-grid > .wp-block-column,
.tma-service-card {
	border: 1px solid var(--tma-border);
	border-radius: 12px;
	padding: 1.25rem;
	background: #fff;
	box-shadow: 0 10px 22px rgba(26, 26, 26, 0.06);
}

.tma-services-grid h3 {
	margin-top: 0;
}

.tma-about-snippet .tma-image-placeholder {
	min-height: 320px;
	display: grid;
	place-items: center;
	border-radius: 14px;
	border: 1px solid rgba(26, 26, 26, 0.2);
	background: linear-gradient(130deg, #1a1a1a 0%, #3f3f3f 45%, #626262 100%);
	color: #f5f5f0;
	font-size: 0.95rem;
}

.tma-portfolio-card {
	border: 1px solid var(--tma-border);
	border-radius: 12px;
	padding: 1rem;
	background: #fff;
}

.tma-final-cta {
	background: linear-gradient(170deg, #111 0%, #232323 55%, #191919 100%);
	color: var(--tma-offwhite);
	border-radius: 14px;
}

.tma-final-cta h2,
.tma-final-cta p,
.tma-final-cta a {
	color: var(--tma-offwhite);
}

.tma-final-cta .wp-block-button__link {
	background: var(--tma-gold);
	color: #fff;
}

.tma-contact-layout .tma-contact-form-card,
.tma-contact-layout .tma-contact-info-card {
	border: 1px solid var(--tma-border);
	border-radius: 12px;
	background: #fff;
	padding: 1.2rem;
	height: 100%;
}

.tma-project-meta,
.tma-empty-state {
	border: 1px solid var(--tma-border);
	border-radius: 10px;
	background: #fff;
	padding: 1rem;
}

.tma-empty-state {
	text-align: center;
}

.tma-site-footer {
	margin-top: 3rem;
	background: var(--tma-black);
	color: var(--tma-offwhite);
}

.tma-site-footer a,
.tma-site-footer h1,
.tma-site-footer h2,
.tma-site-footer h3,
.tma-site-footer h4,
.tma-site-footer h5,
.tma-site-footer h6,
.tma-site-footer p,
.tma-site-footer li {
	color: var(--tma-offwhite);
}

.tma-footer-links {
	margin: 0;
	padding-left: 1rem;
}

.tma-footer-links li {
	margin: 0.2rem 0;
}

.tma-footer-copy {
	opacity: 0.8;
	font-size: 0.88rem;
	text-align: center;
}

.tma-faq-item {
	border: 1px solid var(--tma-border);
	border-radius: 10px;
	margin-bottom: 0.8rem;
	padding: 0.85rem;
	background: #fff;
}

.tma-faq-item summary {
	cursor: pointer;
	font-weight: 700;
}

.tma-testimonial-card {
	border: 1px solid var(--tma-border);
	border-radius: 12px;
	padding: 1rem;
	background: #fff;
}

.tma-breadcrumbs {
	margin-bottom: 1.2rem;
	font-size: 0.9rem;
}

.tma-breadcrumbs a {
	color: var(--tma-gray);
}

.tma-breadcrumbs .current-item {
	color: var(--tma-black);
	font-weight: 700;
}

.tma-portfolio-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 1rem;
}

.tma-portfolio-filters a {
	border: 1px solid var(--tma-border);
	border-radius: 999px;
	color: var(--tma-black);
	padding: 0.35rem 0.8rem;
	text-decoration: none;
}

.tma-portfolio-filters a.active {
	border-color: var(--tma-gold);
	background: #f8ecd1;
}

.tma-service-hero-fallback {
	background: linear-gradient(130deg, #1a1a1a 0%, #434343 45%, #606060 100%);
	border-radius: 14px;
	color: #f5f5f0;
	min-height: 280px;
	display: grid;
	place-items: center;
	text-align: center;
	padding: 1.5rem;
}

@media (max-width: 960px) {
	.tma-site-header {
		position: relative;
	}

	.tma-header-actions {
		justify-content: flex-start;
	}
}

@media (max-width: 782px) {
	.tma-services-grid {
		margin-bottom: 0;
	}

	.tma-services-grid > .wp-block-column {
		margin-bottom: 0.9rem;
	}

	.tma-trust-bar {
		font-size: 0.78rem;
		line-height: 1.5;
	}

	.tma-contact-layout .wp-block-column {
		margin-bottom: 1rem;
	}
}