/**
 * Calendário Editorial — CSS público (shortcode/bloco).
 * Variáveis compartilhadas da suíte de plugins (ver references/design-system.md).
 */
:root {
	/* Paleta padrão do Calendário Editorial — rosa coral inspirado na
	   identidade visual do adelinedaniele.com. O usuário pode trocar a cor
	   primária em Configurações; isto é só o valor inicial. */
	--mp-color-primary: #d9647a;
	--mp-color-primary-dark: #b84f63;
	--mp-color-accent: #f59e0b;
	--mp-color-success: #16a34a;
	--mp-color-danger: #dc2626;
	--mp-color-text: #1f2933;
	--mp-color-text-muted: #6b7280;
	--mp-color-bg: #ffffff;
	--mp-color-bg-subtle: #f5f7fa;
	--mp-color-border: #e2e8f0;

	/* Azul-céu — o mesmo tom usado nos links ativos do blog — marca "hoje"
	   no calendário, ecoando o "você está aqui" que ele já usa no menu. */
	--ced-color-hoje: #4ba8d6;

	--mp-radius-sm: 4px;
	--mp-radius-md: 8px;
	--mp-radius-lg: 14px;

	--mp-space-1: 4px;
	--mp-space-2: 8px;
	--mp-space-3: 16px;
	--mp-space-4: 24px;
	--mp-space-5: 32px;

	--mp-font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--mp-font-size-sm: 0.875rem;
	--mp-font-size-base: 1rem;
	--mp-font-size-lg: 1.25rem;
}

/* Sem cartão/sombra própria de propósito: o calendário deve se ler como
   parte do conteúdo do blog, não como um widget embutido — herda a fonte e
   a cor de texto do tema em vez de impor as suas. */
.ced-public {
	font-family: inherit;
	color: inherit;
	max-width: 100%;
	box-sizing: border-box;
}
.ced-public * {
	box-sizing: border-box;
}

.ced-public__toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var( --mp-space-2 );
	margin-bottom: var( --mp-space-3 );
}
.ced-public__mes {
	margin: 0;
	font-size: var( --mp-font-size-lg );
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	text-align: center;
	flex: 1;
}

.ced-public .mp-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 8px 14px;
	border-radius: var( --ced-radius, var( --mp-radius-md ) );
	border: 1px solid var( --mp-color-border );
	background: var( --mp-color-bg );
	color: var( --mp-color-text );
	text-decoration: none;
}
.ced-public .mp-button:hover {
	border-color: var( --mp-color-primary );
	color: var( --mp-color-primary );
}

.ced-public .ced-weekdays {
	display: none;
}
.ced-public .ced-week {
	display: block;
	margin-bottom: var( --mp-space-2 );
}
@media ( min-width: 700px ) {
	.ced-public .ced-weekdays {
		display: grid;
		grid-template-columns: repeat( 7, 1fr );
		gap: var( --mp-space-2 );
		font-weight: 600;
		text-align: center;
		color: var( --mp-color-text-muted );
		font-size: var( --mp-font-size-sm );
		margin-bottom: var( --mp-space-1 );
	}
	.ced-public .ced-week {
		display: grid;
		grid-template-columns: repeat( 7, 1fr );
		gap: var( --mp-space-2 );
	}
}

.ced-public .ced-day {
	display: block;
	border: 1px solid var( --mp-color-border );
	border-radius: var( --mp-radius-sm );
	padding: var( --mp-space-2 );
	margin-bottom: var( --mp-space-2 );
	background: var( --mp-color-bg-subtle );
	min-width: 0;
	overflow: hidden;
}
@media ( min-width: 700px ) {
	.ced-public .ced-day {
		margin-bottom: 0;
		min-height: 90px;
	}
}
.ced-public .ced-day--fora-do-mes {
	opacity: 0.45;
}
.ced-public .ced-day--hoje {
	border-color: var( --ced-color-hoje );
	box-shadow: 0 0 0 1px var( --ced-color-hoje );
}
.ced-public .ced-day--vazio {
	background: transparent;
}

.ced-public .ced-day__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var( --mp-space-1 );
	margin-bottom: var( --mp-space-1 );
}
.ced-public .ced-day__weekday-mobile {
	font-size: var( --mp-font-size-sm );
	color: var( --mp-color-text-muted );
	font-weight: 600;
}
@media ( min-width: 700px ) {
	.ced-public .ced-day__weekday-mobile {
		display: none;
	}
}
.ced-public .ced-day__number {
	font-weight: 600;
	color: var( --mp-color-text );
	font-size: var( --mp-font-size-sm );
}

.ced-public .ced-day__ideas {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

/* Nada de fundo/borda/cantos arredondados aqui — o título fica em texto
   normal, só com o pontinho colorido do status ao lado. */
.ced-idea--publico {
	display: flex;
	align-items: flex-start;
	gap: 7px;
	min-width: 0;
	font-size: var( --mp-font-size-sm );
	line-height: 1.35;
}
.ced-idea--publico .ced-idea__ponto {
	width: 8px;
	height: 8px;
	margin-top: 0.35em;
	border-radius: 50%;
	background: var( --ced-chip-color, var( --mp-color-primary ) );
	flex-shrink: 0;
}
.ced-idea--publico .ced-idea__titulo {
	flex: 1 1 auto;
	min-width: 0;
	color: inherit;
	/* Título quebra em várias linhas normalmente — só corta com reticências
	   se passar de 3 linhas, o que só acontece com títulos bem grandes. */
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
a.ced-idea__titulo {
	text-decoration: underline;
	text-decoration-color: transparent;
	text-underline-offset: 2px;
	transition: text-decoration-color 0.15s ease;
}
a.ced-idea__titulo:hover,
a.ced-idea__titulo:focus {
	text-decoration-color: currentColor;
}

.ced-aviso-admin {
	background: var( --mp-color-bg-subtle );
	border: 1px dashed var( --mp-color-border );
	border-radius: var( --mp-radius-sm );
	padding: var( --mp-space-2 ) var( --mp-space-3 );
	color: var( --mp-color-text-muted );
	font-size: var( --mp-font-size-sm );
}