/*
Theme Name: Jade Amorim
Theme URI: https://jadeamorim.com
Author: Ana Lívia Medeiros
Author URI: https://wa.me/5524992053317
Description: Tema sob medida para Jade Amorim: papel sépia, títulos serifados e leitura confortável para textos longos. Tudo editável pelo Editor do site.
Template: twentytwentyfive
Version: 1.0.3
Requires at least: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jade-amorim
*/

/* ---------- base ---------- */
html, body { overflow-x: clip; }
body {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .14 0 0 0 0 .11 0 0 0 0 .09 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
::selection { background: var(--wp--preset--color--accent-2); color: var(--wp--preset--color--base); }
a:focus-visible, button:focus-visible, input:focus-visible, .wp-element-button:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent-2); outline-offset: 3px;
}
img { height: auto; }

h1, h2, h3, .wp-block-site-title { overflow-wrap: normal; word-break: normal; hyphens: manual; }

/* rótulo pequeno em versalete (ex.: "01 — Sobre mim") */
.rotulo {
	font-family: var(--wp--preset--font-family--lora);
	font-size: .78rem !important;
	font-weight: 600;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent);
	margin-bottom: .6rem !important;
}
.secao-noite .rotulo, .has-noite-background-color .rotulo { color: var(--wp--preset--color--areia); }

/* faixa de palavras */
.faixa-palavras { font-family: var(--wp--preset--font-family--cormorant); font-style: italic; letter-spacing: .02em; }

/* ---------- cabeçalho ---------- */
.cabecalho { border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 18%, transparent); }
.cabecalho .wp-block-site-title a { text-decoration: none; }
.cabecalho .wp-block-navigation a { text-decoration: none; }
.cabecalho .wp-block-navigation a:hover { text-decoration: underline; text-underline-offset: .3em; }
.cabecalho .wp-block-navigation .current-menu-item > a { text-decoration: underline; text-underline-offset: .3em; }

/* ---------- imagens com cara de colagem ---------- */
.wp-block-image.is-style-polaroid img,
.is-style-polaroid img {
	background: #fbf7f0; padding: 10px 10px 34px; box-shadow: 0 10px 30px -12px rgba(36,28,23,.45);
}
.wp-block-image.is-style-fita { position: relative; }
.wp-block-image.is-style-fita::before {
	content: ""; position: absolute; z-index: 2; top: -12px; left: 50%; width: 110px; height: 28px;
	transform: translateX(-50%) rotate(-3deg);
	background: rgba(226, 213, 193, .82); box-shadow: 0 1px 2px rgba(0,0,0,.08);
}
.wp-block-image.is-style-fita img { box-shadow: 0 10px 30px -14px rgba(36,28,23,.5); }
.gira-esq { transform: rotate(-2.5deg); }
.gira-dir { transform: rotate(2deg); }

/* fotos em retrato com recorte padrão (4:5) e galeria quadrada */
.wp-block-image.is-style-fita img, .wp-block-image.is-style-polaroid img { aspect-ratio: 4 / 5; object-fit: cover; width: 100%; }
.galeria-caderno.wp-block-gallery.has-nested-images figure.wp-block-image img { aspect-ratio: 1 / 1; object-fit: cover; height: auto; }

/* colagem do topo */
.colagem { position: relative; padding-bottom: 14%; }
.colagem > .wp-block-image:first-child { width: 80%; margin-left: auto !important; margin-right: 0 !important; transform: rotate(2deg); }
.colagem > .wp-block-image:nth-child(2) { position: absolute; left: 0; bottom: 0; width: 46%; margin: 0 !important; transform: rotate(-4deg); z-index: 3; }

/* cartões de serviço */
.cartao { border-top: 2px solid var(--wp--preset--color--contrast); height: 100%; }
.cartao .numero { font-family: var(--wp--preset--font-family--cormorant); font-style: italic; font-size: 1.6rem; color: var(--wp--preset--color--accent-2); }

/* listas do portfólio */
.lista-portfolio { list-style: none; padding-left: 0; }
.lista-portfolio li { padding: .9rem 0; border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 16%, transparent); }

/* galeria do caderno */
.galeria-caderno.wp-block-gallery img { filter: saturate(.92); }

/* blog */
.wp-block-post-template .wp-block-post-featured-image img { box-shadow: 0 10px 24px -16px rgba(36,28,23,.55); }
.wp-block-post-title a { text-decoration: none; }
.wp-block-post-title a:hover { text-decoration: underline; text-underline-offset: .2em; }
.leitura .wp-block-post-content > p:first-of-type::first-letter {
	font-family: var(--wp--preset--font-family--cormorant); float: left; font-size: 4.4em; line-height: .82; padding: .06em .12em 0 0; color: var(--wp--preset--color--accent-2);
}

/* depoimentos */
.depoimento.wp-block-quote, .wp-block-quote.is-style-depoimento { border-left: 0; padding-left: 0; margin: 0; }
.depoimento.wp-block-quote p, .wp-block-quote.is-style-depoimento p { font-family: var(--wp--preset--font-family--cormorant); font-size: 1.45rem; line-height: 1.35; font-style: italic; }
.depoimento.wp-block-quote cite, .wp-block-quote.is-style-depoimento cite { font-size: .85rem; letter-spacing: .08em; text-transform: uppercase; color: var(--wp--preset--color--suave); font-style: normal; }

/* faixas escuras */
.secao-noite :is(h1,h2,h3,h4,h5,h6), .secao-noite .wp-block-site-title a { color: var(--wp--preset--color--base); }
.wp-site-blocks > * + * { margin-block-start: 0; }
.wp-block-template-part > * + * { margin-block-start: 0; }
.secao-noite a:not(.wp-element-button) { color: var(--wp--preset--color--base); }
.secao-noite .wp-block-button:not(.is-style-outline) > .wp-block-button__link { background: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast); border-color: var(--wp--preset--color--base); }
.secao-noite .wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover { background: var(--wp--preset--color--areia); color: var(--wp--preset--color--contrast); }
.secao-noite .wp-block-button.is-style-outline > .wp-block-button__link { background: transparent; color: var(--wp--preset--color--base); border-color: var(--wp--preset--color--base); }
.secao-noite .wp-block-button.is-style-outline > .wp-block-button__link:hover { background: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast); }

/* redes sociais */
.redes.wp-block-social-links .wp-social-link { color: currentColor; background: transparent !important; }
.redes.wp-block-social-links .wp-social-link a { padding: .35em; }
.redes .wp-social-link-chain .wp-block-social-link-label { position: static !important; width: auto !important; height: auto !important; clip: auto !important; clip-path: none !important; overflow: visible !important; margin: 0 0 0 .35em !important; white-space: nowrap; font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; }
.redes.wp-block-social-links .wp-social-link { color: currentColor !important; }

/* textos de apoio */
.lead-italico { font-family: var(--wp--preset--font-family--cormorant); font-style: italic; font-weight: 500; line-height: 1.3; color: var(--wp--preset--color--accent-2); }
.autora { font-size: .95rem; color: var(--wp--preset--color--suave); }
.has-base-2-background-color .rotulo { color: var(--wp--preset--color--suave); }

/* botão contornado */
.wp-block-button.is-style-outline > .wp-block-button__link { background: transparent; color: var(--wp--preset--color--contrast); border: 1px solid var(--wp--preset--color--contrast); }
.wp-block-button.is-style-outline > .wp-block-button__link:hover { background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); }

/* seções coladas umas nas outras nas páginas de largura total */
.page-template-page-sem-titulo .wp-block-post-content > * { margin-block-start: 0; margin-block-end: 0; }

/* rodapé e créditos */
.rodape { border-top: 1px solid #3a302a; }
.creditos a { text-decoration: underline; text-underline-offset: .2em; }

/* formulário de newsletter (Reach) */
.newsletter input[type="email"], .newsletter input[type="text"] {
	background: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast);
	border: 1px solid var(--wp--preset--color--base); border-radius: 0; padding: .8em 1em; font: inherit; max-width: 100%;
}

@media (max-width: 781px) {
	.colagem { padding-bottom: 10%; max-width: 460px; margin-left: auto; margin-right: auto; }
	.gira-esq, .gira-dir { transform: none; }
	.esconde-celular { display: none !important; }
}
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition: none !important; } }