/*
Theme Name: Twenty Twenty-Five Child
Template: twentytwentyfive
Description: Trail Edge Co child theme for Twenty Twenty-Five
Author: April Rogge
Version: 1.0.0
*/

/* =============================================================================
   HEADER
   ============================================================================= */

header.wp-block-template-part {
	background-color: #1A1A1A;
	position: sticky;
	top: 0;
	z-index: 100;
}

header.wp-block-template-part .wp-block-site-title a,
header.wp-block-template-part .wp-block-site-title {
	color: #EDC9AF;
	text-decoration: none;
}

header.wp-block-template-part .wp-block-navigation a.wp-block-navigation-item__content {
	color: #EDC9AF;
	font-family: 'Old Standard TT', serif;
	text-decoration: none;
}

header.wp-block-template-part .wp-block-navigation a.wp-block-navigation-item__content:hover {
	color: #CC7C58;
	text-decoration: none;
}

/* =============================================================================
   FOOTER
   ============================================================================= */

footer.wp-block-template-part {
	background-color: #1A1A1A;
	color: #EDC9AF;
}

footer.wp-block-template-part a {
	color: #EDC9AF;
	text-decoration: none;
}

footer.wp-block-template-part a:hover {
	color: #CC7C58;
	text-decoration: none;
}

/* =============================================================================
   BUTTONS — hover lift
   ============================================================================= */

.wp-block-button__link:hover,
.wp-element-button:hover {
	transform: translateY(-1px);
	transition: transform 0.15s ease, background-color 0.15s ease;
}

.wp-block-button__link,
.wp-element-button {
	transition: transform 0.15s ease, background-color 0.15s ease;
}

/* Secondary button variant — Everglade background */
.wp-block-button.is-style-secondary .wp-block-button__link {
	background-color: #3F5D53;
	color: #FFFFFF;
}

.wp-block-button.is-style-secondary .wp-block-button__link:hover {
	background-color: #365249;
	color: #FFFFFF;
}

/* =============================================================================
   SECTION PADDING UTILITY
   ============================================================================= */

.te-section {
	padding-top: clamp(48px, 6vw, 80px);
	padding-bottom: clamp(48px, 6vw, 80px);
}

/* =============================================================================
   WOOCOMMERCE
   ============================================================================= */

/* Product cards — 0px border radius */
.wc-block-grid__product,
.wc-block-product-grid-item__image img,
.wp-block-woocommerce-product-collection .woocommerce-loop-product__link img {
	border-radius: 0;
}

/* =============================================================================
   LEGAL PAGES
   ============================================================================= */

.te-legal-content h1 {
	font-family: 'Old Standard TT', serif;
	font-size: 30px;
	font-weight: 700;
}

.te-legal-content h2 {
	font-family: 'Old Standard TT', serif;
	font-size: 20px;
	font-weight: 700;
}

.te-legal-content h3 {
	font-family: 'Old Standard TT', serif;
	font-size: 16px;
	font-weight: 400;
}

.te-legal-content h4 {
	font-family: 'Old Standard TT', serif;
	font-size: 13px;
	font-weight: 400;
}

.te-legal-content p,
.te-legal-content li,
.te-legal-content td {
	font-family: 'Cardo', serif;
	font-size: 11px;
	font-weight: 400;
}

/* =============================================================================
   BLOG
   ============================================================================= */

/* Post title colors by category */
.category-the-scenic-route .wp-block-post-title a { color: #E8A317; }
.category-the-trail .wp-block-post-title a        { color: #2B5D34; }
.category-the-edge .wp-block-post-title a         { color: #AF2F0D; }
.category-the-summit .wp-block-post-title a       { color: #2976BB; }

/* =============================================================================
   LAYOUT — HERO GAP FIX
   ============================================================================= */

/* Hide WordPress page title on pages with hero sections —
   title is replaced by the H1 inside the hero group */
body.home .wp-block-post-title,
body.page-id-17 .wp-block-post-title,
body.page-id-25 .wp-block-post-title {
    display: none;
}