/*
Theme Name: Cobra
Author: Cristian Cobra
Description: Tema de blocos do site Cristian Cobra (sem Divi). Paleta café e Open Sans no theme.json.
Version: 0.4.2
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: cobra
*/

/* ---------- Cabeçalho ---------- */
.cabecalho {
	position: sticky;
	top: 0;
	z-index: 100;
	transition: background-color .25s ease, box-shadow .25s ease;
}
.admin-bar .cabecalho { top: 32px; }
.cabecalho .logo img { height: 46px; width: auto; display: block; }
.cabecalho .logo .logo-claro { display: none; }
.cabecalho .wp-block-navigation { font-weight: 600; font-size: 14px; }
.cabecalho .current-menu-item > a { color: var(--wp--preset--color--folha); }

/* Na home o cabeçalho fica por cima do vídeo, transparente e com texto claro;
   ao rolar (classe .rolou, via assets/js/cabecalho.js) volta a ser Papel. */
.home .cabecalho {
	position: fixed;
	left: 0;
	right: 0;
	background-color: transparent !important;
}
.home .cabecalho:not(.rolou) .wp-block-navigation,
.home .cabecalho:not(.rolou) .wp-block-navigation a { color: var(--wp--preset--color--papel); }
.home .cabecalho:not(.rolou) .current-menu-item > a { color: var(--wp--preset--color--crema); }
.home .cabecalho:not(.rolou) .wp-block-navigation__responsive-container-open { color: var(--wp--preset--color--papel); }
.home .cabecalho:not(.rolou) .logo .logo-claro { display: block; }
.home .cabecalho:not(.rolou) .logo .logo-normal { display: none; }
.home .cabecalho.rolou {
	background-color: var(--wp--preset--color--papel) !important;
	box-shadow: 0 1px 0 rgba(43, 29, 22, .12);
}

/* ---------- Hero da home ---------- */
.hero { min-height: 760px; }
.hero .foto img { border-radius: 50%; aspect-ratio: 1; object-fit: cover; }
/* Ícones nas cores que o site atual usa, quadrados */
.hero .redes .wp-social-link { border-radius: 4px; }
.hero .redes .wp-social-link a { padding: 7px; }
.hero .redes .wp-social-link-facebook { background-color: #3b5998; }
.hero .redes .wp-social-link-instagram { background-color: #ea2c59; }
.hero .redes .wp-social-link-youtube { background-color: #a82400; }

/* Capas: mesma altura para todas, grade 2x2 também no celular */
.capas { align-items: start; }
.capa { text-align: center; }
.capa .wp-block-image img {
	height: 180px;
	width: auto;
	max-width: 100%;
	object-fit: contain;
	box-shadow: 0 10px 24px rgba(0, 0, 0, .45);
	transition: transform .2s ease, box-shadow .2s ease;
}
.capa:hover img { transform: translateY(-6px); box-shadow: 0 16px 30px rgba(0, 0, 0, .6); }
.capa h3 a { color: var(--wp--preset--color--papel); }
.capa:hover h3 a { color: var(--wp--preset--color--crema); text-decoration: none; }
.capa .dados { color: var(--wp--preset--color--crema); font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }

@media (max-width: 781px) {
	.hero { min-height: 0; padding-top: 110px !important; }
	.hero .foto img { width: 220px !important; }
	.capas { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
	.capa .wp-block-image img { height: 130px; }
	.capa h3 { font-size: 14px !important; }
}

/* ---------- Últimos textos ---------- */
.cartao {
	background: var(--wp--preset--color--branco);
	height: 100%;
	box-shadow: 0 1px 3px rgba(43, 29, 22, .12);
}
.cartao .wp-block-post-featured-image { margin: 0; }
.cartao .wp-block-post-featured-image img { aspect-ratio: 16 / 10; object-fit: cover; width: 100%; }
.cartao .wp-block-post-excerpt { font-size: 14px; color: #4a3a31; }

/* ---------- Rodapé ---------- */
.rodape a { color: var(--wp--preset--color--papel); }
.rodape .wp-social-link { color: var(--wp--preset--color--cafe-com-leite); }

/* Sem espaço entre cabeçalho, conteúdo e rodapé (o blockGap do tema é para dentro das seções) */
.wp-site-blocks > * + * { margin-block-start: 0; }


/* ---------- Ícones (Font Awesome Free, mesma fonte que o Divi usava) ---------- */
@font-face { font-family: "FA"; font-weight: 900; font-display: block; src: url(assets/fonts/fa-solid-900.woff2) format("woff2"); }
@font-face { font-family: "FA Brands"; font-weight: 400; font-display: block; src: url(assets/fonts/fa-brands-400.woff2) format("woff2"); }
.icone { display: block; text-align: center; font-family: "FA"; font-weight: 900; font-size: 72px; line-height: 1; }
.icone.folha { color: var(--wp--preset--color--folha); font-size: 40px; }

/* ---------- Partes comuns das páginas ---------- */
.faixa h1 { color: var(--wp--preset--color--papel); font-size: 44px; margin: 0; }
.faixa .faixa-sub { font-size: 18px; margin-top: 4px; }
.livro img, .capa-livro img { box-shadow: 0 2px 18px rgba(0, 0, 0, .3); }
.livro img { max-width: 300px; width: 100%; display: block; margin: 0 auto; }
.livro-colunas { gap: 4% !important; }
.livro-colunas h2 { font-size: 30px; }
.livro-colunas p { font-size: 17px; }
.botoes-livro { flex-direction: column; align-items: flex-start; gap: 10px; margin-top: 30px; }
.livro-hero img { width: 100%; }

/* Morto Vivo: topo igual ao de mortovivo.cristiancobra.com.br/sobre/ (texto entre o guri e a caveirinha).
   No celular, texto em cima e os dois personagens lado a lado embaixo; acima de 700 px, três colunas.
   Só o topo usa as fontes do projeto (Luckiest Guy e Baloo 2); as seções de baixo seguem o tema. */
@font-face { font-family: "Luckiest Guy"; font-weight: 400; font-display: swap; src: url(assets/fonts/LuckiestGuy.woff2) format("woff2"); }
@font-face { font-family: "Baloo 2"; font-weight: 500 700; font-display: swap; src: url(assets/fonts/Baloo2.woff2) format("woff2"); }
.mv-topo {
	display: grid; grid-template-columns: 1fr 1fr; grid-template-areas: "texto texto" "guri caveirinha";
	align-items: end; column-gap: .5rem; padding: 2.5rem 16px 1.5rem; text-align: center;
	font-family: "Baloo 2", system-ui, sans-serif; font-weight: 500; line-height: 1.6;
}
.mv-topo > * { margin: 0 !important; }
.mv-topo .mv-texto { grid-area: texto; max-width: 36rem; margin: 0 auto 1.5rem !important; }
.mv-topo .mv-guri { grid-area: guri; justify-self: end; }
.mv-topo .mv-caveirinha { grid-area: caveirinha; justify-self: start; }
.mv-topo .mv-guri, .mv-topo .mv-caveirinha { width: 100%; max-width: 12rem; }
.mv-topo figure img { width: 100%; height: auto; display: block; }
.mv-topo .mv-apoio { font-weight: 700; text-transform: uppercase; letter-spacing: .14em; color: var(--wp--preset--color--folha); font-size: .9rem; margin: 0 0 .5rem; }
.mv-topo h1 {
	font-family: "Luckiest Guy", "Arial Black", sans-serif; font-weight: 400; line-height: 1.05; letter-spacing: .02em;
	text-transform: uppercase; font-size: clamp(3.6rem, 18vw, 6.5rem); margin: .1em 0 .25em;
}
.mv-topo h1 span { display: block; }
.mv-topo .mv-morto { color: #2e2582; }
.mv-topo .mv-vivo { color: #5c2a1e; }
.mv-topo .mv-texto p:not(.mv-apoio) { font-size: 1.2rem; margin: 0 0 1.5rem; color: var(--wp--preset--color--espresso); }
.mv-topo .wp-block-buttons { gap: .75rem; }
.mv-topo .wp-block-button__link, .mv-topo .wp-block-button.is-style-outline > .wp-block-button__link {
	padding: .7em 1.4em; border-radius: 999px; background: var(--wp--preset--color--crema); color: var(--wp--preset--color--espresso);
	font-family: inherit; font-weight: 700; font-size: 1.125rem; text-decoration: none;
	border: 2px solid var(--wp--preset--color--espresso); box-shadow: 0 3px 0 var(--wp--preset--color--espresso); transition: transform .1s, box-shadow .1s;
}
.mv-topo .wp-block-button.is-style-outline > .wp-block-button__link { background: transparent; color: var(--wp--preset--color--torra); border-color: var(--wp--preset--color--torra); }
.mv-topo .wp-block-button__link:hover { transform: translateY(-1px); box-shadow: 0 4px 0 var(--wp--preset--color--espresso); background: var(--wp--preset--color--crema); color: var(--wp--preset--color--espresso); }
.mv-topo .wp-block-button__link:active { transform: translateY(2px); box-shadow: 0 1px 0 var(--wp--preset--color--espresso); }
@media (min-width: 701px) {
	.mv-topo {
		grid-template-columns: minmax(0, 1fr) minmax(15rem, 1.6fr) minmax(0, 1fr); grid-template-areas: "guri texto caveirinha";
		align-items: center; column-gap: clamp(1rem, 3vw, 3rem); padding: 3rem clamp(16px, 4vw, 4rem);
	}
	.mv-topo .mv-texto { max-width: 30rem; margin: 0 auto !important; }
	.mv-topo .mv-guri, .mv-topo .mv-caveirinha { max-width: 20rem; }
	.mv-topo .mv-guri { justify-self: end; }
	.mv-topo .mv-caveirinha { justify-self: start; }
	.mv-topo h1 { font-size: clamp(3.5rem, 7vw, 7rem); }
}
@media (prefers-reduced-motion: reduce) { .mv-topo .wp-block-button__link { transition: none; } }
.mv-secao h2 { font-size: 30px; }
.mv-secao p { font-size: 17px; }
.mv-secao .wp-block-buttons { margin-top: 24px; }
.mv-topo .mv-texto p.mv-comece { font-size: 1rem; margin: 1.25rem 0 0; }
.mv-comece a { color: var(--wp--preset--color--folha); font-weight: 700; text-underline-offset: .18em; }
#onde-encontrar { scroll-margin-top: 100px; }
.mv-lugares { padding-left: 1.2em; font-size: 17px; }
.mv-lugares li { margin-bottom: 8px; }
.mv-educadores { margin-top: 28px; padding-left: 14px; border-left: 4px solid var(--wp--preset--color--crema); }
.mv-a-confirmar { color: var(--wp--preset--color--torra); }
.mv-projeto h3 { font-size: 20px; }
.mv-projeto p { font-size: 15px; }
.mv-logos { display: block; max-width: 100%; min-width: 0; overflow: hidden; margin-top: 24px; }
.mv-logos img { width: 100%; max-width: min(260px, 100%); height: auto; display: block; margin: 0 auto; }
@media (min-width: 700px) {
	.mv-logos img { max-width: 100%; }
	/* em "O projeto" a barra passa da coluna de 760 px e fica do tamanho da do topo (90% da tela) */
	.mv-projeto .mv-logos { width: 90vw; max-width: none; position: relative; left: 50%; transform: translateX(-50%); }
}
.mv-barra-topo { overflow: hidden; }
.mv-barra-topo .mv-logos { margin-top: 0; }
/* no celular a barra logo abaixo do topo some (empurrava o texto); a régua continua em "O projeto" */
@media (max-width: 699px) {
	.mv-barra-topo { display: none; }
}
.mv-anteriores .livro img { max-width: 200px; }

.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent; color: var(--wp--preset--color--torra);
	border: 2px solid var(--wp--preset--color--torra); padding: 8px 18px;
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover { background: var(--wp--preset--color--torra); color: var(--wp--preset--color--papel); }
.wp-block-button.contorno-claro > .wp-block-button__link { color: var(--wp--preset--color--papel); border-color: var(--wp--preset--color--papel); }
.wp-block-button.contorno-claro > .wp-block-button__link:hover { background: var(--wp--preset--color--papel); color: var(--wp--preset--color--espresso); }

/* Meus livros: cartões em 2 colunas */
.livros-grade { align-items: stretch; }
.cartao-livro { display: flex; flex-direction: column; }
.cartao-livro .capa-livro img { height: 280px; width: auto; max-width: 100%; object-fit: contain; }
.cartao-livro h2 { font-size: 30px; }
.cartao-livro p { font-size: 17px; }
.cartao-livro .wp-block-buttons { margin-top: auto; padding-top: 10px; }

/* Biografia */
.foto-redonda img { border-radius: 50%; aspect-ratio: 1; object-fit: cover; }
.bio p { font-size: 14px; }
.bio h1 { font-size: 30px; font-weight: 500; }
.bio h2 { font-size: 26px; font-weight: 500; margin-top: 2em; }

/* Sites */
.sites-hero { background-image: url(/wp-content/uploads/2026/10/doodle-tech.png); background-repeat: repeat; background-size: initial; }
.sites-hero h1 { color: var(--wp--preset--color--folha); font-size: clamp(40px, 5vw, 56px); font-weight: 700; line-height: 1.1; margin-top: 0; }
.sites-hero h2 { color: var(--wp--preset--color--torra); font-size: clamp(24px, 3vw, 32px); font-weight: 500; margin-bottom: 0; }
.sites-hero h3 { color: var(--wp--preset--color--folha); font-size: 22px; font-weight: 500; }
.botao-whatsapp .wp-block-button__link { font-size: 18px; font-weight: 600; border-radius: 12px; padding: 12px 22px; box-shadow: 0 6px 16px rgba(0, 0, 0, .2); }
.botao-whatsapp .wp-block-button__link::before { content: "\f232"; font-family: "FA Brands"; font-weight: 400; margin-right: 8px; }
.redes-sites .wp-social-link { background-color: var(--wp--preset--color--folha) !important; color: #fff !important; border-radius: 3px; }
.redes-sites .wp-social-link a { padding: 6px; }
.servicos-verdes { clip-path: polygon(0 110px, 100% 0, 100% 100%, 0 100%); margin-top: -110px !important; padding-top: 150px !important; }
.servicos-verdes h2 { color: #fff; font-size: 18px; font-weight: 500; margin: 14px 0 6px; }
.servicos-verdes p { font-size: 15px; line-height: 1.6; color: #fff; }
.print-site img { border: 2px solid var(--wp--preset--color--folha); border-radius: 10px; width: 100%; }
.trabalho h3 { color: var(--wp--preset--color--folha); font-size: 20px; font-weight: 700; margin: 14px 0 4px; }
.trabalho p { font-size: 14px; }
.experiencia .icone { font-size: 64px; color: #fff; }
.experiencia h2 { color: #fff; font-size: 36px; font-weight: 500; }
.experiencia a { color: #fff; font-size: 20px; }
.cc-whatsapp-float img { max-width: none; }

/* Editoração */
.abertura .kicker { color: var(--wp--preset--color--crema); font-size: 14px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 0; }
.abertura .faixa-sub { max-width: 760px; }
.abertura .wp-block-buttons { margin-top: 24px; }
.servico h3 { font-size: 20px; margin: 14px 0 6px; }
.servico p { font-size: 15px; }
.kicker-folha { color: var(--wp--preset--color--folha); font-size: 15px; letter-spacing: 2px; text-transform: uppercase; margin-top: 40px; }
.obra img { height: 240px; width: auto; max-width: 100%; object-fit: contain; box-shadow: 0 8px 20px rgba(43, 29, 22, .25); }
.obra h4 { font-size: 16px; margin: 14px 0 4px; }
.obra p { font-size: 14px; line-height: 1.6; }
.chamada h2 { color: var(--wp--preset--color--papel); font-size: 36px; }
.chamada p { font-size: 18px; }

/* ---------- Blog: lista, barra lateral e post ---------- */
.com-barra { gap: 0 !important; }
.com-barra > .wp-block-column:first-child { padding-right: 5.5%; }
.com-barra > .wp-block-column:last-child { border-left: 1px solid rgba(43, 29, 22, .1); padding-left: 30px; }
.titulo-pagina { font-size: 26px; font-weight: 500; }
.barra-lateral h4 { font-size: 18px; font-weight: 500; margin: 0 0 12px; }
.barra-lateral ul { list-style: none; padding: 0; margin: 0 0 40px; font-size: 14px; }
.barra-lateral li { margin-bottom: 8px; line-height: 1.5; }
.barra-lateral .wp-block-latest-comments { font-size: 14px; margin-bottom: 40px; }
.post-item { margin-bottom: 50px !important; gap: 30px !important; }
.post-item h2 { font-size: 26px; font-weight: 400; margin: 0 0 6px; }
.post-item h2 a { color: var(--wp--preset--color--torra); }
.post-meta { font-size: 14px; margin-bottom: 10px; }
.post-meta > *, .post-meta .wp-block-post-date { font-size: 14px; color: var(--wp--preset--color--espresso); margin: 0; }
.post-meta a { color: var(--wp--preset--color--folha); }
.post-item .wp-block-post-excerpt { font-size: 14px; }
.post-item .wp-block-post-excerpt__more-text { display: none; }
.post-cabecalho h1 { color: var(--wp--preset--color--papel); font-size: 40px; margin: 0; }
.post-dados { font-size: 13px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--wp--preset--color--crema); margin-top: 10px; }
.post-dados > *, .post-dados .wp-block-post-date, .post-dados a { color: var(--wp--preset--color--crema); font-size: 13px; margin: 0; }
.post-destaque { margin-bottom: 30px; }
.post-destaque img { width: auto !important; max-width: 100%; max-height: 520px; margin: 0 auto; display: block; }
.post-conteudo { font-size: 17px; line-height: 1.8; }
.post-navegacao { font-size: 14px; margin: 20px 0; }

@media (max-width: 781px) {
	.faixa h1 { font-size: 34px; }
	.livros-grade, .servicos-grade, .obras-grade.obras-destaque { grid-template-columns: 1fr !important; }
	.obras-grade, .portfolio-grade, .servicos-grade-sites { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
	.servicos-grade-sites { grid-template-columns: 1fr !important; }
	.obra img { height: 190px; }
	.cartao-livro .capa-livro img { height: 250px; }
	.botoes-livro { align-items: center; }
	.livro-colunas h2 { text-align: center; }
	.com-barra > .wp-block-column:first-child { padding-right: 0; }
	.com-barra > .wp-block-column:last-child { border-left: 0; padding-left: 0; }
	.servicos-verdes { clip-path: polygon(0 50px, 100% 0, 100% 100%, 0 100%); margin-top: -50px !important; padding-top: 90px !important; }
}
@media (min-width: 782px) and (max-width: 1100px) {
	.servicos-grade-sites { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
	.portfolio-grade { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

/* Ajustes da comparação com o Divi */
/* Parágrafo mais estreito que a faixa, mas começando na mesma linha do título */
.abertura .faixa-sub { margin-left: max(0px, calc((100% - 1080px) / 2)) !important; }
.icone.folha { font-size: 56px; }
.com-barra .wp-block-post-content { font-size: 14px; }
.com-barra .wp-block-post-content h2 { font-size: 26px; font-weight: 400; margin: 1.2em 0 .4em; }
.com-barra .wp-block-post-content .wp-block-columns { gap: 40px; }
.com-barra .wp-block-post-content .wp-block-column { flex: 1 1 0; }
/* Citações: a barra verde só nas que têm texto (o conteúdo antigo tem citações aninhadas e vazias) */
.com-barra .wp-block-quote { border: 0; padding: 0; margin: 0; font-size: 13px; }
.com-barra .wp-block-quote:has(> p) { border-left: 5px solid var(--wp--preset--color--folha); padding-left: 20px; margin-bottom: 20px; }
.com-barra .wp-block-quote:not(:has(p)) { display: none; }

/* Editoração: grades centralizadas. Com número ímpar de itens (5 serviços, 3 obras),
   a última linha fica no meio em vez de encostada à esquerda; a largura do item é sempre a mesma. */
.servicos-grade, .obras-grade { display: flex !important; flex-wrap: wrap; justify-content: center; }
.servicos-grade > .servico { flex: 0 0 calc((100% - 80px) / 3); }
.obras-grade > .obra { flex: 0 0 calc((100% - 72px) / 4); }
.obras-grade.obras-destaque > .obra { flex: 0 0 calc((100% - 24px) / 2); }
.secao-editoracao > h2 { font-size: clamp(30px, 3.6vw, 40px); margin-bottom: 60px; }
.kicker-folha { font-size: 18px; margin-top: 110px; margin-bottom: 36px; }
.secao-editoracao > .kicker-folha:first-of-type { margin-top: 0; }
@media (max-width: 781px) {
	.servicos-grade > .servico, .obras-grade.obras-destaque > .obra { flex-basis: 100%; }
	.obras-grade > .obra { flex-basis: calc((100% - 24px) / 2); }
}
.chamada .wp-block-buttons { gap: 16px; margin-top: 30px; }

/* Texto só para leitores de tela e buscadores (H1 de páginas com ilustração no topo, título nos botões) */
.screen-reader-text {
	border: 0; clip-path: inset(50%); height: 1px; margin: -1px !important; overflow: hidden;
	padding: 0 !important; position: absolute !important; width: 1px; word-wrap: normal !important;
}
/* O bloco escondido não pode empurrar o seguinte com o espaçamento entre blocos */
.screen-reader-text + * { margin-block-start: 0 !important; }

/* Meus livros: outras publicações (texto, no fim da página) */
.outras-publicacoes { border-top: 1px solid rgba(43, 29, 22, .12); }
.outras-publicacoes p { font-size: 15px; }
.outras-publicacoes h2:not(:first-child) { margin-top: 50px; }

/* ---------- Projetos culturais ---------- */
.servicos-grade.quatro > .servico { flex: 0 0 calc((100% - 120px) / 4); }
.projetos-grade { display: flex !important; flex-wrap: wrap; justify-content: center; align-items: stretch; }
.projetos-grade > .projeto { flex: 0 0 calc((100% - 60px) / 3); background: var(--wp--preset--color--branco); box-shadow: 0 1px 3px rgba(43, 29, 22, .12); padding-bottom: 22px; }
.projeto > * { margin-left: 22px !important; margin-right: 22px !important; }
.projeto > .projeto-imagem { margin: 0 0 18px !important; }
.projeto-imagem img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; }
.projeto-sem-imagem { aspect-ratio: 16 / 10; background: var(--wp--preset--color--folha); display: flex; align-items: center; justify-content: center; }
.projeto-sem-imagem .icone { color: var(--wp--preset--color--papel); font-size: 64px; }
.projeto-funcao { color: var(--wp--preset--color--folha); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 4px; }
.projeto h3 { font-size: 19px; margin-top: 0; margin-bottom: 8px; }
.projeto p { font-size: 14px; line-height: 1.6; }
.projeto .projeto-dados { color: #6b5a50; font-size: 13px; }
.projeto .projeto-links { font-size: 14px; font-weight: 600; }
.gestao-cultural h2 { margin-bottom: 24px; }
.gestao-cultural p { font-size: 16px; margin: 0 0 8px; }
.gestao-cultural .formacao { margin-top: 24px; padding-top: 18px; border-top: 1px solid rgba(43, 29, 22, .12); font-size: 14px; }
@media (max-width: 1100px) {
	.projetos-grade > .projeto { flex-basis: calc((100% - 30px) / 2); }
	.servicos-grade.quatro > .servico { flex-basis: calc((100% - 40px) / 2); }
}
@media (max-width: 781px) {
	.projetos-grade > .projeto, .servicos-grade.quatro > .servico { flex-basis: 100%; }
}

/* Menu: com 7 itens ele não cabe numa linha entre 600 e 780 px; o ícone de menu vale até 781 px
   (o WordPress só o usa abaixo de 600 px). */
@media (max-width: 781px) {
	.cabecalho .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	.cabecalho .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
}