/* Liturgia Diária — estilos do widget
   Usa as mesmas variáveis do tema (--cor-vinho, --cor-dourado, --cor-creme...)
   quando disponíveis; caso o tema ativo não as defina, os valores abaixo
   servem de reserva (fallback). */

.liturgia-widget {
	--lit-vinho:  var( --cor-vinho, #8B0000 );
	--lit-dourado: var( --cor-dourado, #B8912E );
	--lit-creme:  var( --cor-creme, #FBF7EC );
	--lit-creme-forte: var( --cor-creme-forte, #F2ECDA );
	--lit-texto:  var( --cor-texto, #2B2420 );
	--lit-texto-suave: var( --cor-texto-suave, #6B5F52 );
	--lit-fonte-display: var( --fonte-display, Georgia, serif );
	--lit-fonte-corpo: var( --fonte-corpo, sans-serif );
	max-width: 760px;
	margin: 0 auto;
	font-family: var( --lit-fonte-corpo );
	color: var( --lit-texto );
}

.liturgia-seletor {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
	padding: 12px 16px;
	background: var( --lit-creme-forte );
	border-radius: 8px;
}
.liturgia-seletor label { font-weight: 600; font-size: 0.9rem; }
.liturgia-seletor input[type="date"] {
	padding: 6px 10px;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 6px;
	font-family: inherit;
}
.liturgia-seletor .botao-pequeno {
	padding: 7px 16px;
	border: none;
	border-radius: 6px;
	background: var( --lit-vinho );
	color: #fff;
	cursor: pointer;
	font-weight: 600;
}
.liturgia-seletor .botao-pequeno:hover { opacity: .9; }
.liturgia-seletor .link-hoje { margin-left: auto; font-size: .9rem; color: var( --lit-vinho ); text-decoration: none; font-weight: 600; }
.liturgia-seletor .link-hoje:hover { text-decoration: underline; }
.liturgia-seletor .liturgia-seta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	color: var( --lit-vinho );
	text-decoration: none;
	font-weight: 700;
	border: 1px solid rgba(0,0,0,.1);
}
.liturgia-seletor .liturgia-seta:hover { background: var( --lit-vinho ); color: #fff; }

/* Calendário do mês (dias já disponíveis no arquivo) */
.liturgia-calendario {
	margin-bottom: 18px;
	padding: 10px 16px;
	background: #fff;
	border: 1px solid rgba(0,0,0,.08);
	border-radius: 8px;
}
.liturgia-calendario summary {
	cursor: pointer;
	font-weight: 600;
	color: var( --lit-vinho );
	text-transform: capitalize;
}
.liturgia-calendario-grade {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 6px;
	margin-top: 12px;
}
.liturgia-dia-botao {
	display: block;
	text-align: center;
	padding: 6px 0;
	border-radius: 6px;
	font-size: .85rem;
	text-decoration: none;
	background: var( --lit-creme );
	color: var( --lit-texto );
}
.liturgia-dia-botao:hover { background: var( --lit-vinho ); color: #fff; }
.liturgia-dia-botao.selecionado { background: var( --lit-vinho ); color: #fff; font-weight: 700; }
.liturgia-dia-botao.indisponivel {
	background: transparent;
	color: rgba(0,0,0,.28);
	cursor: default;
}
.liturgia-calendario-legenda { font-size: .8rem; color: var( --lit-texto-suave ); margin-top: 10px; margin-bottom: 0; }

.liturgia-conteudo {
	background: #fff;
	border: 1px solid rgba(0,0,0,.08);
	border-top: 5px solid var( --lit-vinho );
	border-radius: 10px;
	padding: 26px 28px 30px;
	box-shadow: 0 8px 24px rgba(43,36,32,.08);
}

.liturgia-cabecalho { margin-bottom: 20px; }
.liturgia-data {
	display: inline-block;
	font-size: .8rem;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var( --lit-texto-suave );
	margin-bottom: 4px;
}
.liturgia-cabecalho h3 {
	font-family: var( --lit-fonte-display );
	font-size: 1.5rem;
	margin: 2px 0 8px;
	line-height: 1.25;
}
.liturgia-selo-cor {
	display: inline-block;
	font-size: .75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .05em;
	padding: 3px 12px;
	border-radius: 999px;
	background: var( --lit-creme-forte );
	color: var( --lit-vinho );
}
.liturgia-selo-tempo {
	display: inline-block;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .03em;
	padding: 3px 12px;
	margin-right: 6px;
	border-radius: 999px;
	background: var( --lit-vinho );
	color: #fff;
}
.liturgia-aviso-tempo { margin-bottom: 14px; }

/* Cores litúrgicas — a borda superior do card e o selo mudam de acordo com o dia */
.liturgia-cor-verde   { border-top-color: #1D7A42; }
.liturgia-cor-verde   .liturgia-selo-cor { color: #1D7A42; }
.liturgia-cor-vermelho,
.liturgia-cor-vermelha { border-top-color: #8B0000; }
.liturgia-cor-roxo    { border-top-color: #5B3A8E; }
.liturgia-cor-roxo    .liturgia-selo-cor { color: #5B3A8E; }
.liturgia-cor-branco,
.liturgia-cor-branca  { border-top-color: var( --lit-dourado ); }
.liturgia-cor-branco  .liturgia-selo-cor,
.liturgia-cor-branca  .liturgia-selo-cor { color: var( --lit-dourado ); }
.liturgia-cor-rosa,
.liturgia-cor-rosea   { border-top-color: #C97AA0; }
.liturgia-cor-rosa    .liturgia-selo-cor,
.liturgia-cor-rosea   .liturgia-selo-cor { color: #C97AA0; }

.liturgia-abas {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	border-bottom: 2px solid var( --lit-creme-forte );
	margin-bottom: 20px;
}
.liturgia-aba-botao {
	background: none;
	border: none;
	border-bottom: 3px solid transparent;
	padding: 9px 4px;
	margin-right: 18px;
	font-family: inherit;
	font-size: .95rem;
	font-weight: 600;
	color: var( --lit-texto-suave );
	cursor: pointer;
}
.liturgia-aba-botao.ativa,
.liturgia-aba-botao:hover {
	color: var( --lit-vinho );
	border-bottom-color: var( --lit-vinho );
}

.liturgia-aba-painel { display: none; animation: liturgia-fade .2s ease; }
.liturgia-aba-painel.ativa { display: block; }
@keyframes liturgia-fade { from { opacity: 0; } to { opacity: 1; } }

.liturgia-referencia-topo {
	font-weight: 700;
	font-size: 1.05rem;
	margin-bottom: 6px;
}
.liturgia-titulo-leitura {
	font-style: italic;
	color: var( --lit-texto-suave );
	margin-bottom: 10px;
}
.liturgia-referencia {
	font-family: var( --lit-fonte-display );
	font-style: italic;
	color: var( --lit-texto-suave );
	margin-bottom: 14px;
}
.liturgia-refrao {
	background: var( --lit-creme );
	padding: 10px 14px;
	border-radius: 6px;
	margin-bottom: 14px;
}
.liturgia-texto p { line-height: 1.75; margin-bottom: 1em; }

/* Número do versículo: negrito e menor que o texto, como na Canção Nova */
.liturgia-versiculo {
	font-weight: 700;
	font-size: .72em;
	vertical-align: text-top;
	position: relative;
	top: 1px;
}

/* Saudações e respostas litúrgicas (Palavra do Senhor / Graças a Deus, etc.) */
.liturgia-dialogo {
	font-style: italic;
	color: var( --lit-vinho );
	margin: 10px 0 16px;
	line-height: 1.6;
}
.liturgia-aclamacao {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	font-size: .9rem;
}

/* Crédito da fonte litúrgica (CNBB) */
.liturgia-credito {
	font-size: .72rem;
	color: var( --lit-texto-suave );
	margin-top: 18px;
	padding-top: 10px;
	border-top: 1px dotted rgba(0,0,0,.15);
	line-height: 1.5;
}

.liturgia-oracoes {
	margin-top: 22px;
	padding-top: 16px;
	border-top: 1px dashed rgba(0,0,0,.15);
}
.liturgia-oracoes summary {
	cursor: pointer;
	font-weight: 700;
	color: var( --lit-vinho );
}
.liturgia-oracoes p { margin-top: 10px; line-height: 1.7; }

.liturgia-aviso {
	background: var( --lit-creme );
	border-radius: 8px;
	padding: 22px 24px;
	text-align: center;
}

@media (max-width: 600px) {
	.liturgia-conteudo { padding: 20px 18px 24px; }
	.liturgia-seletor .link-hoje { margin-left: 0; width: 100%; }
}