/*
=========================================
BUTTONS
=========================================
*/

.btn{display:inline-block;padding:14px 30px;border-radius:var(--corner-radius-btn, var(--button-radius));font-weight:600;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease}
.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border:2px solid var(--btn-primary-bg)}
.btn-primary:hover{background:var(--btn-primary-hover-bg);border-color:var(--btn-primary-hover-bg);color:var(--btn-primary-hover-text)}
.btn-secondary{background:transparent;color:var(--btn-secondary-color);border:2px solid var(--btn-secondary-color)}
.btn-secondary:hover{background:var(--btn-secondary-hover-bg);border-color:var(--btn-secondary-hover-bg);color:var(--btn-secondary-hover-text)}
.btn-outline{background:transparent;color:var(--white);border:2px solid var(--white)}
.btn-outline:hover{background:var(--white);color:var(--secondary)}
.btn-icon{display:inline-flex;align-items:center;gap:10px}
.btn-icon svg{width:18px;height:18px;flex-shrink:0}

/*
=========================================
CARDS
=========================================
|
| Moved to assets/css/cards.css
|
*/

/*
=========================================
TAGS
=========================================
*/

.section-tag{
	display:inline-block;
	color:var(--secondary);
	font-weight:700;
	font-size:1rem;
	letter-spacing:1.5px;
	text-transform:uppercase;
	margin-bottom:12px;
}

/*
=========================================
ACCENT UNDERLINE
=========================================
| The short accent bar sits under the main heading that follows a
| small tag label — not under the tag itself. The heading stays a
| normal block (so it still drops to its own line below the tag);
| the bar is left-aligned by default and centered instead inside
| centered sections (see the .text-center / .cta-content rule below).
*/

.section-tag + h2{
	position:relative;
	padding-bottom:18px;
}

.section-tag + h2::after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:50px;
	height:3px;
	border-radius:2px;
	background:var(--secondary);
}

/* In centered sections, center the bar under the heading text instead
   of pinning it to the left edge of the (full-width) heading box. */
.text-center .section-tag + h2::after,
.cta-content .section-tag + h2::after {
	left:50%;
	transform:translateX(-50%);
}

/*
=========================================
FORMS
=========================================
*/

/*
=========================================
FORMS
=========================================
|
| Moved to assets/css/contact.css (scoped to .contact-form
| instead of Contact Form 7's own .wpcf7 classes, so styling
| stays theme-controlled rather than plugin-controlled)
|
*/

/*
=========================================
GRID HELPERS
=========================================
|
| .services-grid moved to assets/css/services.css
| .about-grid moved to assets/css/about.css
| .contact-grid moved to assets/css/contact.css
| CONTACT ITEMS moved to assets/css/contact.css
|
*/