/*
Theme Name: Aninha Bordados
Description: Tema-filho do Twenty Twenty-Five para o ateliê Artsaninhas (bordados de fotografia feitos à mão).
Template: twentytwentyfive
Version: 2.0.0
Requires at least: 6.7
Text Domain: aninha-bordados
*/

/* ---------- Detalhes do ofício ---------- */

/* Etiqueta: rótulo curto em maiúsculas, em verde sálvia */
.etiqueta {
	font-size: 0.74rem !important;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-3);
	margin-bottom: 0;
}

/* Pesponto: linha tracejada fina, como uma costura */
.wp-block-separator.pesponto,
hr.pesponto {
	border: 0 !important;
	border-top: 1.5px dashed var(--wp--preset--color--accent-4) !important;
	background: none !important;
	opacity: 1;
	max-width: 140px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
.wp-block-separator.pesponto.is-style-wide { max-width: none !important; }

/* Bastidor: foto redonda com aro de madeira, só nos destaques */
.bastidor img {
	border-radius: 50% !important;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border: 12px solid #C9A57E;
	box-shadow: 0 0 0 3px #B08A62, 0 26px 50px -24px rgb(58 43 35 / 0.45);
}

/* Itálico de destaque nos títulos */
h1 em, h2 em, h3 em { color: var(--wp--preset--color--accent-1); }

/* Faixa de confiança sob o hero */
.confianca {
	border-top: 1.5px dashed var(--wp--preset--color--accent-4);
	padding-top: 0.9rem;
	font-size: 0.88rem;
	color: var(--wp--preset--color--accent-6);
}

/* Fotos com cantos suaves */
.foto-suave img { border-radius: 6px; }

/* Chips de tipos de bordado */
.chips { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.chips span {
	background: var(--wp--preset--color--rosa-suave);
	border-radius: 999px;
	padding: 0.3rem 0.85rem;
	font-size: 0.85rem;
}

/* ---------- Grade de trabalhos (Query Loop) ---------- */
.grade-trabalhos .wp-block-post-featured-image { margin: 0; overflow: hidden; border-radius: 6px; }
.grade-trabalhos .wp-block-post-featured-image img {
	transition: transform 0.4s ease;
	border-radius: 6px;
}
.grade-trabalhos .wp-block-post-featured-image a:hover img,
.grade-trabalhos .wp-block-post-featured-image a:focus-visible img { transform: scale(1.03); }
.grade-trabalhos .wp-block-post-title {
	font-family: var(--wp--preset--font-family--manrope);
	font-size: 0.92rem !important;
	font-weight: 500;
	line-height: 1.4;
	margin-top: 0.7rem;
}
.grade-trabalhos .wp-block-post-template { row-gap: 2rem; }

/* Filtros do portfólio */
.filtros { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; }
.filtros a {
	border: 1px solid var(--wp--preset--color--accent-4);
	border-radius: 999px;
	padding: 0.45rem 1rem;
	font-size: 0.88rem;
	text-decoration: none;
	color: var(--wp--preset--color--contrast);
	background: var(--wp--preset--color--accent-5);
}
.filtros a:hover, .filtros a[aria-current="page"] {
	background: var(--wp--preset--color--accent-1);
	border-color: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--accent-5);
}

/* Cartões de categoria */
.cartao-categoria .wp-block-image { margin-bottom: 0.4rem; }
.cartao-categoria .wp-block-image img { border-radius: 6px; aspect-ratio: 4 / 5; object-fit: cover; }
.cartao-categoria h3 a { text-decoration: none; color: inherit; }

/* Etapas da encomenda */
.passo {
	border-top: 1.5px dashed var(--wp--preset--color--accent-1);
	padding-top: 1rem;
}
.passo .numero {
	font-family: var(--wp--preset--font-family--cormorant);
	font-style: italic;
	font-size: 2.2rem;
	line-height: 1;
	color: var(--wp--preset--color--accent-1);
	margin: 0;
}

/* Depoimentos */
.depoimento {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--linho);
	border-radius: 8px;
	padding: 1.6rem 1.7rem;
}
.depoimento .wp-block-quote { margin: 0; }

/* Sem faixa entre o conteúdo e o rodapé */
.wp-site-blocks > footer,
.wp-site-blocks > .wp-block-template-part:last-child { margin-block-start: 0; }
.depoimento .wp-block-quote p {
	font-family: var(--wp--preset--font-family--cormorant);
	font-style: italic;
	font-size: 1.3rem;
	line-height: 1.45;
}
.depoimento cite, .depoimento .wp-block-quote cite {
	font-family: var(--wp--preset--font-family--manrope);
	font-style: normal;
	font-size: 0.85rem;
	color: var(--wp--preset--color--accent-6);
}

/* Perguntas frequentes */
.wp-block-details {
	border-bottom: 1px solid var(--wp--preset--color--accent-4);
	padding: 1rem 0;
}
.wp-block-details summary { font-weight: 600; cursor: pointer; }
.wp-block-details[open] summary { margin-bottom: 0.6rem; }

/* ---------- Cabeçalho ---------- */
.cabecalho .wp-block-site-logo img { border-radius: 50%; }
.cabecalho .subtitulo-marca {
	font-size: 0.66rem !important;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-6);
	margin: 0.25rem 0 0;
}
@media (max-width: 781px) {
	.cabecalho .botao-orcamento { display: none; }
}
@media (min-width: 600px) and (max-width: 1024px) {
	.cabecalho .subtitulo-marca { display: none; }
	.cabecalho .wp-block-navigation { gap: 1rem !important; font-size: 0.85rem; }
	.cabecalho .wp-block-navigation__container { flex-wrap: nowrap; gap: 1rem !important; }
	.cabecalho .wp-block-navigation-item__content { white-space: nowrap; }
}

/* Botão flutuante de WhatsApp (só no celular) */
.whatsapp-flutuante {
	position: fixed;
	right: calc(16px + env(safe-area-inset-right, 0px));
	bottom: calc(16px + env(safe-area-inset-bottom, 0px));
	z-index: 50;
	display: none;
	align-items: center;
	gap: 0.5rem;
	background: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--accent-5) !important;
	text-decoration: none !important;
	border-radius: 999px;
	padding: 0.8rem 1.15rem;
	font-size: 0.9rem;
	font-weight: 600;
	box-shadow: 0 10px 24px -8px rgb(58 43 35 / 0.45);
}
.whatsapp-flutuante svg { width: 20px; height: 20px; fill: currentColor; }
@media (max-width: 781px) {
	.whatsapp-flutuante { display: inline-flex; }
}

/* Logo do rodapé */
.rodape .wp-block-image img { border-radius: 50%; }
.rodape a { color: var(--wp--preset--color--accent-2); }
.rodape a:hover { color: var(--wp--preset--color--accent-5); }

@media (max-width: 781px) {
	.inverter-no-celular { flex-direction: column-reverse; }
}

@media (prefers-reduced-motion: reduce) {
	.grade-trabalhos .wp-block-post-featured-image img { transition: none; }
	.grade-trabalhos .wp-block-post-featured-image a:hover img { transform: none; }
}