/* ==========================================================================
   Casa Enedina Editora — identidade visual para o OMP (Default Theme)
   Baseado nos posts do Instagram @casaenedinaeditora
   Aplicar em: Configurações > Website > Aparência > (Avançado) Folha de estilo
   Cor base no tema: #2F4A39
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,700;1,500;1,700&family=Inter:wght@400;500;700&family=Courier+Prime:wght@400;700&display=swap");

:root {
	/* Paleta extraída das imagens */
	--ce-areia:          #DCCFBC; /* fundo dos posts */
	--ce-papel:          #F5EFE3; /* papel rasgado / cartões */
	--ce-divisor:        #CEC1B0; /* linhas finas */
	--ce-terracota:      #B5542A; /* títulos, porta */
	--ce-terracota-txt:  #9A4521; /* links (contraste AA sobre papel e areia) */
	--ce-tijolo:         #913E1C; /* soleira, moldura da lousa */
	--ce-mostarda:       #E2A733; /* porta aberta, livros */
	--ce-fita:           rgba(226, 179, 91, .75); /* fita adesiva */
	--ce-verde:          #2F4A39; /* moldura da porta, estante, frase-assinatura */
	--ce-verde-lousa:    #3A5043; /* lousa */
	--ce-salvia:         #4F695C; /* livros verdes */
	--ce-texto:          #1E1A14; /* texto corrido */

	--ce-serif: "Playfair Display", Georgia, "Times New Roman", serif;
	--ce-sans:  "Inter", "Helvetica Neue", Arial, sans-serif;
	--ce-mono:  "Courier Prime", "Courier New", monospace;
}

/* ---------- Base ---------- */
html,
body {
	background: var(--ce-areia);
	color: var(--ce-texto);
	font-family: var(--ce-sans);
}

body {
	font-size: 15px;
	line-height: 1.6;
}

a {
	color: var(--ce-terracota-txt);
	text-decoration-color: rgba(154, 69, 33, .35);
	text-underline-offset: 3px;
}

a:hover,
a:focus {
	color: var(--ce-tijolo);
	text-decoration-color: currentColor;
}

h1, h2, h3,
.page_title,
.pkp_structure_main h1,
.pkp_structure_main h2 {
	font-family: var(--ce-serif);
	font-style: italic;
	font-weight: 700;
	color: var(--ce-terracota);
	line-height: 1.15;
}

h4, h5, h6 {
	font-family: var(--ce-sans);
	color: var(--ce-texto);
}

::selection {
	background: var(--ce-mostarda);
	color: var(--ce-texto);
}

/* ---------- Cabeçalho (a "estante") ---------- */
.pkp_structure_head {
	background-color: var(--ce-verde);
	border-bottom: 6px solid var(--ce-mostarda);
}

.pkp_site_name .is_text,
.pkp_site_name > a {
	font-family: var(--ce-serif);
	font-style: italic;
	font-weight: 700;
	font-size: 2rem;
	color: var(--ce-papel);
	letter-spacing: .01em;
	text-decoration: none;
}

.pkp_site_name .is_text:hover,
.pkp_site_name > a:hover {
	color: var(--ce-mostarda);
}

/* Menu principal
   O tema pinta .pkp_site_nav_menu com a "cor base" (azul #1E6292 de fábrica).
   No desktop deixamos transparente; no celular ele vira o painel verde. */
.pkp_navigation_primary_row,
.pkp_structure_head .pkp_site_nav_menu {
	background: transparent;
}

@media (max-width: 991px) {
	.pkp_structure_head .pkp_site_nav_menu {
		background: var(--ce-verde);
		border-bottom: 6px solid var(--ce-mostarda);
	}
}

/* Item ativo do menu */
.pkp_navigation_primary > li > a[aria-current],
.pkp_navigation_primary > li.current > a {
	color: var(--ce-mostarda);
	border-bottom-color: var(--ce-mostarda);
}

.pkp_navigation_primary > li > a {
	font-family: var(--ce-mono);
	font-size: .85rem;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--ce-papel);
	border-bottom: 2px solid transparent;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
	color: var(--ce-mostarda);
	border-bottom-color: var(--ce-mostarda);
	text-decoration: none;
}

.pkp_navigation_primary ul {
	background: var(--ce-papel);
	border: 1px solid var(--ce-divisor);
	box-shadow: 0 6px 18px rgba(30, 26, 20, .15);
}

/* Submenus (Sobre, menu do usuário): o tema usa o azul #006798 */
.pkp_navigation_primary ul a,
.pkp_structure_head .dropdown-menu a {
	color: var(--ce-texto);
	border-left-color: transparent;
}

.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:focus,
.pkp_structure_head .dropdown-menu a:hover,
.pkp_structure_head .dropdown-menu a:focus {
	background: var(--ce-areia);
	border-left-color: var(--ce-terracota);
	color: var(--ce-tijolo);
}

/* Menu do usuário e busca */
.pkp_navigation_user_wrapper a,
.pkp_navigation_search_wrapper a {
	color: var(--ce-papel);
}

/* "Buscar" com a mesma voz do menu */
.pkp_navigation_search_wrapper a {
	font-family: var(--ce-mono);
	font-size: .85rem;
	letter-spacing: .12em;
	text-transform: uppercase;
	border-bottom: 2px solid transparent;
}

.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_search_wrapper a:focus {
	border-bottom-color: var(--ce-mostarda);
	text-decoration: none;
}

.pkp_navigation_user_wrapper a:hover,
.pkp_navigation_search_wrapper a:hover {
	color: var(--ce-mostarda);
}

.pkp_navigation_user .task_count {
	background: var(--ce-mostarda);
	color: var(--ce-texto);
}

/* ---------- Conteúdo (o "papel") ---------- */
.pkp_structure_content {
	background: var(--ce-papel);
	box-shadow: 0 2px 14px rgba(30, 26, 20, .10);
}

.pkp_structure_main::before,
.pkp_structure_main::after {
	background: var(--ce-divisor); /* linha vertical entre conteúdo e barra lateral */
}

.cmp_breadcrumbs,
.cmp_breadcrumbs a {
	font-family: var(--ce-mono);
	font-size: .8rem;
	letter-spacing: .06em;
	color: var(--ce-salvia);
}

hr {
	border: 0;
	border-top: 1px solid var(--ce-divisor);
}

/* ---------- Botões ---------- */
.cmp_button,
.cmp_form .buttons button,
.pkp_button,
button.submit,
.cmp_manuscript_button,
.obj_galley_link {
	background: var(--ce-terracota);
	border: 0;
	border-radius: 3px;
	box-shadow: none;
	color: #FFFFFF;
	font-family: var(--ce-sans);
	font-weight: 700;
	text-shadow: none;
}

.cmp_button:hover,
.cmp_form .buttons button:hover,
.pkp_button:hover,
button.submit:hover,
.cmp_manuscript_button:hover,
.obj_galley_link:hover {
	background: var(--ce-tijolo);
	color: #FFFFFF;
}

.cmp_button:focus-visible,
.cmp_form .buttons button:focus-visible,
.obj_galley_link:focus-visible,
a:focus-visible {
	outline: 3px solid var(--ce-mostarda);
	outline-offset: 2px;
}

/* ---------- Barra lateral: cartões de papel com fita adesiva ---------- */
.pkp_structure_sidebar .pkp_block {
	position: relative;
	margin: 2.25rem 1rem;
	padding: 1.75rem 1.25rem 1.25rem;
	background: #FBF8F1;
	box-shadow: 0 3px 10px rgba(30, 26, 20, .12);
	transform: rotate(-.4deg);
}

.pkp_structure_sidebar .pkp_block:nth-child(even) {
	transform: rotate(.4deg);
}

.pkp_structure_sidebar .pkp_block::before {
	content: "";
	position: absolute;
	top: -12px;
	right: 18%;
	width: 84px;
	height: 24px;
	background: var(--ce-fita);
	transform: rotate(4deg);
}

.pkp_block .title {
	font-family: var(--ce-mono);
	font-size: .75rem;
	font-style: normal;
	font-weight: 400;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--ce-tijolo);
}

/* ---------- Página inicial ---------- */
.pkp_page_index .homepage_image img {
	border-bottom: 6px solid var(--ce-mostarda);
}

/* Destaques (spotlights) */
.cmp_spotlights .obj_spotlight {
	background: var(--ce-areia);
	border-left: 6px solid var(--ce-terracota);
}

.cmp_spotlights .obj_spotlight .title a {
	font-family: var(--ce-serif);
	font-style: italic;
	color: var(--ce-terracota-txt);
}

.cmp_spotlights .obj_spotlight .type {
	font-family: var(--ce-mono);
	letter-spacing: .15em;
	text-transform: uppercase;
	color: var(--ce-salvia);
}

/* ---------- Catálogo / lista de livros ---------- */
.cmp_monographs_list .obj_monograph_summary .cover img,
.obj_monograph_full .cover img {
	box-shadow: 0 4px 14px rgba(30, 26, 20, .22);
	border-radius: 2px;
}

.obj_monograph_summary .title {
	font-family: var(--ce-serif);
	font-style: italic;
	font-weight: 700;
	color: var(--ce-terracota-txt);
}

.obj_monograph_summary .author,
.obj_monograph_summary .date {
	font-family: var(--ce-mono);
	font-size: .8rem;
	color: var(--ce-salvia);
}

.cmp_monographs_list .type,
.cmp_monographs_list h2.title {
	font-family: var(--ce-mono);
	font-style: normal;
	font-size: .8rem;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--ce-tijolo);
	border-bottom: 1px solid var(--ce-divisor);
}

/* Página do livro */
.obj_monograph_full .title {
	font-family: var(--ce-serif);
	font-style: italic;
	color: var(--ce-terracota);
}

.obj_monograph_full .entry_details .item .label,
.obj_monograph_full .main_entry .item .label {
	font-family: var(--ce-mono);
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--ce-tijolo);
}

/* Resumo como folha de caderno (pauta + margem vermelha) */
.obj_monograph_full .item.abstract {
	padding: 1rem 1rem 1rem 2.25rem;
	background-color: #FBF8F1;
	background-image:
		linear-gradient(90deg, transparent 1.4rem, rgba(181, 84, 42, .45) 1.4rem, rgba(181, 84, 42, .45) calc(1.4rem + 1px), transparent calc(1.4rem + 1px)),
		repeating-linear-gradient(180deg, transparent 0, transparent calc(1.6em - 1px), rgba(79, 105, 92, .18) calc(1.6em - 1px), rgba(79, 105, 92, .18) 1.6em);
	line-height: 1.6em;
}

/* ---------- Citação em destaque (estilo lousa) ---------- */
blockquote {
	margin: 1.5rem 0;
	padding: 1.25rem 1.5rem;
	background: var(--ce-verde-lousa);
	border: 8px solid var(--ce-tijolo);
	color: var(--ce-papel);
	font-family: var(--ce-serif);
	font-style: italic;
	font-size: 1.35rem;
}

blockquote cite,
blockquote footer {
	display: block;
	margin-top: .5rem;
	font-family: var(--ce-sans);
	font-style: normal;
	font-size: .75rem;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--ce-mostarda);
}

/* ---------- Avisos ---------- */
.cmp_announcements .obj_announcement_summary h2,
.cmp_announcements .obj_announcement_summary h3 {
	font-family: var(--ce-serif);
	font-style: italic;
}

.obj_announcement_summary .date {
	font-family: var(--ce-mono);
	color: var(--ce-salvia);
}

/* ---------- Formulários ---------- */
.cmp_form input[type="text"],
.cmp_form input[type="email"],
.cmp_form input[type="password"],
.cmp_form input[type="url"],
.cmp_form select,
.cmp_form textarea {
	background: #FFFFFF;
	border: 1px solid var(--ce-divisor);
	border-radius: 3px;
}

.cmp_form input:focus,
.cmp_form select:focus,
.cmp_form textarea:focus {
	border-color: var(--ce-terracota);
	outline: 2px solid rgba(226, 167, 51, .6);
}

/* ---------- Rodapé ---------- */
.pkp_structure_footer_wrapper {
	background: var(--ce-areia);
	border-top: 1px solid var(--ce-divisor);
	color: var(--ce-texto);
}

.pkp_footer_content a {
	color: var(--ce-terracota-txt);
}

/* Frase-assinatura (inserida via HTML do rodapé) */
.ce-assinatura {
	margin: 0;
	font-family: var(--ce-serif);
	font-style: italic;
	font-size: 1.35rem;
	color: var(--ce-verde);
}

.ce-rodape-acoes {
	font-family: var(--ce-mono);
	font-size: .8rem;
	letter-spacing: .05em;
	color: var(--ce-tijolo);
}

/* Selo "Platform & workflow by OMP/PKP" removido do rodapé */
.pkp_brand_footer {
	display: none;
}

.pkp_footer_content {
	padding-top: 2rem;
	padding-bottom: 1rem;
}

/* ---------- Avisos de página (ex.: "Faça uma nova submissão") ----------
   Padrão do tema: fundo cinza #ddd e borda azul #006798 */
.cmp_notification {
	background: var(--ce-areia);
	border-left-color: var(--ce-terracota);
	color: var(--ce-texto);
}

/* Links "Editar" ao lado dos títulos (só aparecem para administradores) */
.cmp_edit_link,
h1 .cmp_edit_link,
h2 .cmp_edit_link,
h3 .cmp_edit_link {
	font-family: var(--ce-mono);
	font-style: normal;
	font-weight: 400;
	font-size: .75rem;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--ce-salvia);
}

.cmp_edit_link:hover {
	color: var(--ce-tijolo);
}

/* Paginação e visualizador de arquivos (também usam o azul do tema) */
.cmp_pagination a,
.cmp_pagination .current {
	color: var(--ce-terracota-txt);
}

.header_viewable_file {
	background: var(--ce-verde);
}

.header_viewable_file a:hover,
.header_viewable_file a:focus {
	background: var(--ce-salvia);
}

/* ---------- Página inicial (OMP 3.5) ---------- */
.page_homepage {
	--swiper-theme-color: var(--ce-terracota); /* bolinhas/setas dos destaques */
}

/* "Sobre a editora" na página inicial */
.homepage_about {
	position: relative;
	margin: 1rem 0 2.5rem;
	padding: 1.75rem 1.75rem 1.5rem 3rem;
	background-color: #FBF8F1;
	background-image:
		linear-gradient(90deg, transparent 1.9rem, rgba(181, 84, 42, .45) 1.9rem, rgba(181, 84, 42, .45) calc(1.9rem + 1px), transparent calc(1.9rem + 1px));
	box-shadow: 0 3px 10px rgba(30, 26, 20, .10);
}

.homepage_about::before {
	content: "";
	position: absolute;
	top: -12px;
	left: 12%;
	width: 96px;
	height: 26px;
	background: var(--ce-fita);
	transform: rotate(-3deg);
}

.homepage_about h2 {
	margin-top: 0;
	font-family: var(--ce-mono);
	font-style: normal;
	font-weight: 400;
	font-size: .8rem;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--ce-tijolo);
}

.page_homepage .additional_content {
	border-top: 1px solid var(--ce-divisor);
}

/* ---------- Telas pequenas ---------- */
@media (max-width: 991px) {
	.pkp_site_name .is_text,
	.pkp_site_name > a {
		font-size: 1.5rem;
	}

	.pkp_structure_sidebar .pkp_block,
	.pkp_structure_sidebar .pkp_block:nth-child(even) {
		transform: none;
		margin: 1.75rem 0;
	}

	.pkp_navigation_primary_wrapper {
		background: var(--ce-verde);
	}
}

@media (prefers-reduced-motion: reduce) {
	* {
		transition: none !important;
	}
}