/**
 * ImSexxy — Header global CSS
 *
 * Carregado em todas as páginas (home, archive, single, 404).
 * Extraído de home-fatal.css para ser compartilhado.
 *
 * @package 55acompanhantes
 * @since   5.0.2
 */

/* Tokens locais — independentes do home-fatal para funcionar em qualquer página */
.fm-header {
	--fmh-red:      #e25352;
	--fmh-red-lt:   #fff0f1;
	--fmh-text:     #1a1a1a;
	--fmh-text-2:   #6b7280;
	--fmh-bg-alt:   #f8f8fa;
	--fmh-border:   #e5e7eb;
	--fmh-max:      1200px;
	--fmh-font:     'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

	position: sticky; top: 0; z-index: 1000;
	background: #fff; border-bottom: 1px solid var(--fmh-border);
	height: 60px;
	font-family: var(--fmh-font);
	-webkit-font-smoothing: antialiased;
}
.fm-header *, .fm-header *::before, .fm-header *::after { box-sizing: border-box; }
.fm-header a { text-decoration: none; }

.fm-header__inner {
	display: flex; align-items: center;
	max-width: var(--fmh-max); margin: 0 auto;
	padding: 0 24px; height: 100%;
	gap: 16px;
}

.fm-header__logo {
	display: flex; align-items: center; gap: 8px;
	font-size: 32px; font-weight: 800; white-space: nowrap;
}
.fm-header__logo-mark {
	width: 32px; height: 32px; background: var(--fmh-red);
	border-radius: 8px; display: flex; align-items: center;
	justify-content: center; color: #fff; font-size: 21px;
	font-weight: 900;
}
.fm-header__logo-text { color: var(--fmh-text); }
.fm-header__logo-text b { color: var(--fmh-red); font-weight: 400; }

.fm-header__spacer { flex: 1; }

.fm-header__nav { display: flex; align-items: center; gap: 6px; }
.fm-header__link {
	padding: 8px 16px; font-size: 16px; font-weight: 500;
	color: var(--fmh-text-2); border-radius: 8px;
	transition: all .2s;
}
.fm-header__link:hover { color: var(--fmh-red); background: var(--fmh-red-lt); }
.fm-header__link--cta { color: var(--fmh-red); font-weight: 600; }

.fm-header__icons { display: flex; gap: 8px; margin-left: 12px; }
.fm-header__icon {
	width: 36px; height: 36px; border-radius: 8px;
	background: var(--fmh-bg-alt); border: 1px solid var(--fmh-border);
	display: flex; align-items: center; justify-content: center;
	color: var(--fmh-text-2); font-size: 16px; transition: all .2s;
	cursor: pointer;
}
.fm-header__icon:hover { color: var(--fmh-red); border-color: var(--fmh-red); }

/* Responsive */
@media (max-width: 768px) {
	.fm-header__inner { padding: 0 12px; gap: 8px; }
	.fm-header__logo { font-size: 22px; }
	.fm-header__logo-mark { width: 26px; height: 26px; font-size: 15px; }
	.fm-header__link { padding: 6px 8px; font-size: 12px; }
	.fm-header__link--cta { font-size: 12px; }
	.fm-header__icons { margin-left: 4px; gap: 4px; }
	.fm-header__icon { width: 30px; height: 30px; font-size: 13px; }
}

@media (max-width: 460px) {
	/* Em telas muito pequenas, esconde LOGIN (CADASTRE-SE fica como CTA principal) */
	.fm-header__nav .fm-header__link:not(.fm-header__link--cta) { display: none; }
	.fm-header__link--cta { padding: 6px 10px; }
}
