/**
 * Área de Membros fooba.studio — Inscrições CSS.
 */

/* ── Formulário ────────────────────────────────────────────── */
.amf-insc-wrap { max-width: 640px; }

.amf-insc-form { display: flex; flex-direction: column; gap: 20px; }

.amf-insc-field { display: flex; flex-direction: column; gap: 6px; }

.amf-insc-field label {
	font-weight: 600;
	font-size:   14px;
	color:       var(--wp--preset--color--foreground, #1d2327);
}

.amf-insc-req { color: #d63638; }

.amf-insc-field input[type="text"],
.amf-insc-field input[type="email"],
.amf-insc-field input[type="tel"],
.amf-insc-field input[type="number"],
.amf-insc-field input[type="date"],
.amf-insc-field select,
.amf-insc-field textarea {
	width:         100%;
	box-sizing:    border-box;
	padding:       10px 14px;
	font-size:     14px;
	font-family:   inherit;
	border:        1.5px solid #d0d0d5;
	border-radius: 8px;
	background:    #fff;
	color:         #1d2327;
	transition:    border-color .15s;
}

.amf-insc-field input:focus,
.amf-insc-field select:focus,
.amf-insc-field textarea:focus {
	outline:      none;
	border-color: var(--wp--preset--color--primary, #005bea);
}

.amf-insc-radios,
.amf-insc-checks { display: flex; flex-direction: column; gap: 8px; }

.amf-insc-radio,
.amf-insc-check {
	display:     flex;
	align-items: center;
	gap:         8px;
	font-size:   14px;
	cursor:      pointer;
}

.amf-insc-field-aceite { margin-top: 4px; }

.amf-insc-aceite {
	display:     flex;
	align-items: flex-start;
	gap:         10px;
	font-size:   14px;
	line-height: 1.5;
	cursor:      pointer;
}

.amf-insc-aceite input[type="checkbox"] {
	flex-shrink: 0;
	margin-top:  3px;
	width:       18px;
	height:      18px;
}

.amf-insc-aceite-texto a { color: var(--wp--preset--color--primary, #005bea); }

.amf-insc-error {
	background:    #fdecea;
	color:         #b71c1c;
	padding:       10px 14px;
	border-radius: 8px;
	font-size:     13px;
}

.amf-insc-submit {
	padding:       12px 28px;
	background:    var(--wp--preset--color--primary, #005bea);
	color:         #fff;
	border:        none;
	border-radius: 8px;
	font-size:     15px;
	font-weight:   700;
	cursor:        pointer;
	font-family:   inherit;
	align-self:    flex-start;
	transition:    opacity .15s;
}

.amf-insc-submit:hover   { opacity: .88; }
.amf-insc-submit:disabled { opacity: .5; cursor: not-allowed; }

.amf-insc-success {
	text-align:  center;
	padding:     32px 16px;
	font-size:   16px;
	color:       #1b5e20;
}

.amf-insc-success i { font-size: 48px; display: block; margin-bottom: 12px; }

/* ── Avisos ────────────────────────────────────────────────── */
.amf-insc-aviso {
	display:       flex;
	align-items:   center;
	gap:           10px;
	padding:       14px 18px;
	border-radius: 10px;
	font-size:     14px;
	font-weight:   500;
	background:    #f5f5f5;
	color:         #333;
}

.amf-insc-aviso--info    { background: #e3f2fd; color: #0d47a1; }
.amf-insc-aviso--warning { background: #fff3e0; color: #e65100; }
.amf-insc-aviso--success { background: #e8f5e9; color: #1b5e20; }

.amf-insc-login-btn {
	background:    none;
	border:        none;
	cursor:        pointer;
	font-size:     inherit;
	font-family:   inherit;
	font-weight:   700;
	color:         var(--wp--preset--color--primary, #005bea);
	text-decoration: underline;
	padding:       0;
}

/* ── Cronograma ────────────────────────────────────────────── */
.amf-cron-wrap { max-width: 480px; }

.amf-cron-vagas {
	display:       inline-flex;
	align-items:   center;
	gap:           8px;
	background:    var(--wp--preset--color--primary, #005bea);
	color:         #fff;
	padding:       6px 16px;
	border-radius: 20px;
	font-size:     13px;
	font-weight:   600;
	margin-bottom: 20px;
}

.amf-cron-list {
	list-style: none;
	margin:     0;
	padding:    0;
	position:   relative;
}

.amf-cron-list::before {
	content:    '';
	position:   absolute;
	left:       19px;
	top:        0;
	bottom:     0;
	width:      2px;
	background: #e0e0e0;
}

.amf-cron-item {
	display:       flex;
	align-items:   center;
	gap:           14px;
	padding:       12px 0;
	position:      relative;
}

.amf-cron-icon {
	display:         flex;
	align-items:     center;
	justify-content: center;
	width:           40px;
	height:          40px;
	border-radius:   50%;
	background:      #f0f0f0;
	color:           #aaa;
	flex-shrink:     0;
	position:        relative;
	z-index:         1;
	font-size:       18px;
	transition:      background .2s, color .2s;
}

.amf-cron-item.is-done .amf-cron-icon  { background: #e8f5e9; color: #2e7d32; }
.amf-cron-item.is-current .amf-cron-icon { background: var(--wp--preset--color--primary, #005bea); color: #fff; }

.amf-cron-info { display: flex; flex-direction: column; gap: 2px; }

.amf-cron-label {
	font-weight: 600;
	font-size:   14px;
	color:       #1d2327;
}

.amf-cron-item.is-done .amf-cron-label    { color: #aaa; text-decoration: line-through; }
.amf-cron-item.is-current .amf-cron-label { color: var(--wp--preset--color--primary, #005bea); }

.amf-cron-date { font-size: 13px; color: #666; }

/* ── Título de seção no formulário ─────────────────────────── */
.amf-insc-section-title {
	border-bottom: 2px solid var(--wp--preset--color--primary, #005bea);
	padding-bottom: 6px;
	margin:         24px 0 4px;
}

.amf-insc-section-title h4 {
	margin:      0 0 4px;
	font-size:   16px;
	font-weight: 700;
	color:       var(--wp--preset--color--primary, #005bea);
}

/* ── Descrição / hint ──────────────────────────────────────── */
.amf-insc-hint {
	font-size:  12px;
	color:      #666;
	margin:     4px 0 0;
	display:    block;
	line-height: 1.4;
}

.amf-insc-cpf-erro {
	color: #b71c1c;
}

/* ── Upload de imagem ──────────────────────────────────────── */
.amf-insc-field input[type="file"] {
	padding:    6px 0;
	border:     none;
	background: transparent;
	cursor:     pointer;
}

/* ── Minhas Inscrições ─────────────────────────────────────── */
.amf-mi-wrap { max-width: 720px; }
.amf-mi-count { font-size: 13px; color: #666; margin: 0 0 12px; }

.amf-mi-item {
	border:        1px solid #e0e0e0;
	border-radius: 10px;
	overflow:      hidden;
	margin-bottom: 10px;
	background:    #fff;
}

.amf-mi-header {
	display:         flex;
	align-items:     center;
	gap:             10px;
	width:           100%;
	padding:         14px 16px;
	background:      none;
	border:          none;
	cursor:          pointer;
	font-family:     inherit;
	font-size:       14px;
	text-align:      left;
	flex-wrap:       wrap;
}
.amf-mi-header:hover { background: #f9f9f9; }

.amf-mi-processo { font-weight: 700; flex: 1; min-width: 140px; }
.amf-mi-destaque  { color: var(--wp--preset--color--primary, #005bea); font-weight: 600; }
.amf-mi-date      { font-size: 12px; color: #888; margin-left: auto; white-space: nowrap; }
.amf-mi-arrow     { font-size: 12px; color: #888; transition: transform .2s; flex-shrink: 0; }
.amf-mi-header[aria-expanded="true"] .amf-mi-arrow { transform: rotate(180deg); }

.amf-mi-status {
	display:     inline-block;
	padding:     2px 10px;
	border-radius: 12px;
	font-size:   11px;
	font-weight: 700;
	background:  #eee;
	color:       #555;
	white-space: nowrap;
}
.amf-status-pendente          { background: #f0f0f0; color: #555; }
.amf-status-em_analise        { background: #e3f2fd; color: #0d47a1; }
.amf-status-aprovado          { background: #e8f5e9; color: #1b5e20; }
.amf-status-reprovado         { background: #fdecea; color: #b71c1c; }
.amf-status-recurso_enviado   { background: #fff3e0; color: #e65100; }
.amf-status-avaliando_recurso { background: #fff8e1; color: #f57f17; }
.amf-status-recurso_aprovado  { background: #e8f5e9; color: #2e7d32; }
.amf-status-recurso_negado    { background: #fdecea; color: #c62828; }

.amf-mi-body { padding: 0 16px 16px; }

.amf-mi-dl { display: grid; grid-template-columns: auto 1fr; gap: 6px 16px; margin: 0; font-size: 13px; }
.amf-mi-dl dt { font-weight: 600; color: #555; white-space: nowrap; }
.amf-mi-dl dd { margin: 0; color: #1d2327; }

/* ── Badge "privado" no formulário de perfil ───────────────── */
.amf-private-badge {
	display:       inline-flex;
	align-items:   center;
	gap:           4px;
	background:    #e8f5e9;
	color:         #1b5e20;
	border:        1px solid #a5d6a7;
	border-radius: 12px;
	padding:       2px 10px;
	font-size:     11px;
	font-weight:   600;
	margin-left:   10px;
	vertical-align: middle;
}

/* ── Destaque quando vindo de ?amf_completar=documentos ─────── */
.amf-docs-highlight #amf_cpf,
.amf-docs-highlight #amf_rg {
	border:     2px solid var(--wp--preset--color--primary, #005bea) !important;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--primary, #005bea) 20%, transparent);
	animation:  amf-docs-pulse 1.5s ease-in-out 3;
}

@keyframes amf-docs-pulse {
	0%, 100% { box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--primary, #005bea) 20%, transparent); }
	50%       { box-shadow: 0 0 0 6px color-mix(in srgb, var(--wp--preset--color--primary, #005bea) 10%, transparent); }
}

.amf-docs-highlight .amf-docs-section {
	border:        2px solid var(--wp--preset--color--primary, #005bea);
	border-radius: 10px;
	padding:       16px;
	background:    color-mix(in srgb, var(--wp--preset--color--primary, #005bea) 4%, #fff);
}

/* ── Erro de validação ──────────────────────────────────────── */
.amf-field-error {
	color:      #d63638;
	font-size:  12px;
	margin-top: 4px;
	display:    block;
}

/* ── Aviso documentação pendente ───────────────────────────── */
.amf-insc-docs-pendentes {
	flex-direction: column;
	align-items:    flex-start;
	gap:            8px;
}
.amf-insc-link-completar {
	font-weight: 700;
	color:       var(--wp--preset--color--primary, #005bea);
}