/*
	Theme Name:   Savoy Child
	Theme URI:    http://themeforest.net/item/savoy-minimalist-ajax-woocommerce-theme/12537825
	Description:  Savoy child theme - BeTrust Blog (estilo do site principal)
	Author:       NordicMade
	Author URI:   http://www.nordicmade.com
	Template:     savoy
	Version:      1.0
*/

/* Font-family igual ao site (DM Sans) */
body,
.betrust-blog-main,
.betrust-header,
.uui-footer03_component {
	font-family: "DM Sans", sans-serif;
}

/* Menu e footer - font-weight igual ao site */
.betrust-header .uui-navbar07_link,
.uui-footer03_component .uui-footer03_link {
	font-weight: 500;
}

/* Blog - Listagem (loop)
--------------------------------------------------------------- */
.betrust-blog-main {
	min-height: 50vh;
}

.betrust-posts-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 2rem;
	margin-top: 2rem;
}

.betrust-post-card {
	margin: 0;
}

.betrust-post-card-link {
	display: block;
	text-decoration: none;
	color: inherit;
}

.betrust-post-card-image {
	aspect-ratio: 16/10;
	overflow: hidden;
	background: var(--untitled-ui--gray200, #eaecf0);
}

.betrust-post-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.betrust-post-card-content {
	padding: 1.5rem;
}

.betrust-post-date {
	display: block;
	margin-bottom: 0.5rem;
}

.betrust-post-title {
	margin: 0 0 0.75rem;
	color: var(--untitled-ui--gray900, #101828);
}

.betrust-post-excerpt {
	margin: 0 0 0.75rem;
	color: var(--untitled-ui--gray600, #475467);
}

.betrust-post-read-more {
	display: inline-block;
	font-weight: 600;
}

/* Paginação
--------------------------------------------------------------- */
.betrust-blog-section .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	justify-content: center;
	margin-top: 3rem;
}

.betrust-blog-section .nav-links a,
.betrust-blog-section .nav-links span {
	padding: 0.5rem 1rem;
	border-radius: 0.5rem;
	text-decoration: none;
	color: var(--untitled-ui--gray700, #344054);
	background: var(--untitled-ui--gray100, #f2f4f7);
	font-weight: 500;
}

.betrust-blog-section .nav-links a:hover {
	background: var(--untitled-ui--primary100, #f4ebff);
	color: var(--untitled-ui--primary700, #6941c6);
}

.betrust-blog-section .nav-links .current {
	background: var(--brand-dark, #0d0e2b);
	color: white;
}

/* Single post
--------------------------------------------------------------- */
.betrust-single-post {
	padding-bottom: 4rem;
}

.betrust-single-header.uui-section_layout65 {
	border-bottom: none;
}

.betrust-back-link {
	display: inline-block;
	color: var(--untitled-ui--gray600, #475467);
	text-decoration: none;
	margin-bottom: 0.5rem;
}

.betrust-back-link:hover {
	color: var(--untitled-ui--primary600, #7f56d9);
}

.betrust-single-featured {
	margin-bottom: 3rem;
}

.betrust-single-featured-image {
	border-radius: 0.5rem;
	overflow: hidden;
	background: var(--untitled-ui--gray100, #f2f4f7);
}

.betrust-single-featured-image img {
	width: 100%;
	height: auto;
	display: block;
}

.betrust-single-content-inner {
	max-width: 48rem;
}

.betrust-post-body {
	line-height: 1.7;
}

.betrust-post-body p {
	margin-bottom: 1.25rem;
}

.betrust-post-body h2 {
	margin-top: 2.5rem;
	margin-bottom: 0.75rem;
}

.betrust-post-body h3,
.betrust-post-body h4 {
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
}

.betrust-post-body ul,
.betrust-post-body ol {
	margin: 1rem 0;
	padding-left: 1.5rem;
}

.betrust-post-body img {
	max-width: 100%;
	height: auto;
	border-radius: 0.5rem;
}

.betrust-post-body blockquote {
	margin: 1.5rem 0;
	padding: 1rem 1.5rem;
	border-left: 4px solid var(--untitled-ui--primary500, #9e77ed);
	background: var(--untitled-ui--primary50, #f9f5ff);
	border-radius: 0 0.5rem 0.5rem 0;
}

/* Menu mobile - exibe quando botão tem w--open */
@media screen and (max-width: 991px) {
	.betrust-header:has(.w-nav-button.w--open) .uui-navbar07_menu {
		display: flex !important;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		flex-direction: column;
		align-items: stretch;
		padding: 1rem;
		background: #fff;
		border-top: 1px solid var(--untitled-ui--gray200, #eaecf0);
		box-shadow: 0 4px 12px rgba(0,0,0,0.08);
	}
	body.betrust-menu-open {
		overflow: hidden;
		touch-action: none;
	}
}

@media screen and (max-width: 767px) {
	.betrust-posts-grid {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}
}