/*
Theme Name: Jogos Online (Astra filho)
Template: astra
Description: Tema filho do Astra para o jogos-online.com — cabeçalho, rodapé com menu e visual escuro.
Version: 1.0.0
Text Domain: jogos-online-astra-child
*/

/* ===== Base (cabeçalho, páginas internas, formulário) ===== */
body{background:#0F1018!important;color:#F2F2F7;font-family:'Nunito',system-ui,sans-serif}
.wp-site-blocks{padding:0!important}
.jp-top{background:#1A1B28;padding:12px max(16px,env(safe-area-inset-left,0px));display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.jp-top a{text-decoration:none;color:#F2F2F7}
.jp-logo{display:flex;align-items:center;gap:10px}
.jp-logo b{width:40px;height:40px;border-radius:10px;background:#6842FF;display:flex;align-items:center;justify-content:center;font-family:'Lilita One',sans-serif;font-weight:400;font-size:22px;color:#fff}
.jp-logo span{font-family:'Lilita One',sans-serif;font-size:22px;line-height:.95}
.jp-voltar{padding:10px 18px;border-radius:22px;background:#2A2B3D;font-weight:800}
.jp-voltar:hover{background:#6842FF}
.jp-main{padding:40px 16px 64px!important;margin:0!important}
.jp-main h1,.jp-main h2,.jp-main h3{font-family:'Lilita One',sans-serif;font-weight:400;color:#F2F2F7;letter-spacing:.01em}
.jp-main h1{font-size:clamp(32px,5vw,46px);margin:0 0 20px}
.jp-main h2{font-size:24px;margin-top:32px}
.jp-main p,.jp-main li{color:#D9D9E6;font-size:17px;line-height:1.6}
.jp-main a{color:#B9A8FF}.jp-main a:hover{color:#A6F23A}
.jp-main .fluentform .ff-el-input--label label{color:#F2F2F7!important;font-weight:700}
.jp-main .fluentform .ff-el-form-control{background:#1A1B28!important;color:#F2F2F7!important;border:1px solid #3A3B52!important;border-radius:10px!important;font-family:inherit}
.jp-main .fluentform .ff-el-form-control::placeholder{color:#8C8DA3}
.jp-main .fluentform .ff-btn-submit{background:#6842FF!important;color:#fff!important;border:0!important;border-radius:22px!important;padding:12px 28px!important;font-weight:800!important}
.jp-main .ff-message-success{background:#1A1B28;color:#A6F23A;border:1px solid #2A2B3D}
.jo-foot{background:#1A1B28;padding:24px max(16px,env(safe-area-inset-left,0px));display:flex;flex-wrap:wrap;gap:12px 28px;color:#A9AABF;font-size:14px;font-family:'Nunito',system-ui,sans-serif}
.jo-foot a,.jo-cookies{color:#A9AABF}.jo-foot a:hover,.jo-cookies:hover{color:#F2F2F7}
.jo-cookies{background:none;border:0;padding:0;font:inherit;cursor:pointer;text-decoration:underline}

/* ===== Logo (ficha) ===== */
.jp-logo.jo-logo2 svg{flex:0 0 44px;display:block}.jp-logo.jo-logo2 span{font-family:'Baloo 2',sans-serif;font-weight:800;font-size:28px;line-height:1;color:#fff}.jp-logo.jo-logo2 span i{font-style:normal;color:#A6F23A}

/* ===== Conteúdo das páginas internas no Astra ===== */
body.jo-int .site-content{padding:40px 16px 64px!important;margin:0!important}
body.jo-int .site-content h1,body.jo-int .site-content h2,body.jo-int .site-content h3{font-family:'Lilita One',sans-serif;font-weight:400;color:#F2F2F7;letter-spacing:.01em}
body.jo-int .site-content h1{font-size:clamp(32px,5vw,46px);margin:0 0 20px}
body.jo-int .site-content h2{font-size:24px;margin-top:32px}
body.jo-int .site-content p,body.jo-int .site-content li{color:#D9D9E6;font-size:17px;line-height:1.6}
body.jo-int .site-content a{color:#B9A8FF}body.jo-int .site-content a:hover{color:#A6F23A}
body.jo-int .site-content .fluentform .ff-el-input--label label{color:#F2F2F7!important;font-weight:700}
body.jo-int .site-content .fluentform .ff-el-form-control{background:#1A1B28!important;color:#F2F2F7!important;border:1px solid #3A3B52!important;border-radius:10px!important;font-family:inherit}
body.jo-int .site-content .fluentform .ff-el-form-control::placeholder{color:#8C8DA3}
body.jo-int .site-content .fluentform .ff-btn-submit{background:#6842FF!important;color:#fff!important;border:0!important;border-radius:22px!important;padding:12px 28px!important;font-weight:800!important}
body.jo-int .site-content .ff-message-success{background:#1A1B28;color:#A6F23A;border:1px solid #2A2B3D}

/* ===== Rodapé com menu ===== */
.jo-fmenu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 40px;width:100%;max-width:1400px;margin:0 auto 22px;padding:30px 0 26px;border-bottom:1px solid #2A2B3D;text-align:left}.jo-fmenu .jo-ft{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 14px;padding-bottom:8px;border-bottom:2px solid #A6F23A;font:800 13px/1.2 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#A6F23A}.jo-fmenu .jo-ft a{font:600 13px/1.2 system-ui,sans-serif;letter-spacing:0;text-transform:none;color:#A6F23A!important}.jo-fmenu ul{list-style:none;margin:0;padding:0;columns:2;column-gap:24px}.jo-fmenu li{break-inside:avoid;margin:0 0 9px}.jo-fmenu .jo-freg{grid-column:1/-1}.jo-fmenu .jo-freg ul{columns:6}.jo-fmenu a{color:#C9CADB!important;text-decoration:none;font-size:14px}.jo-fmenu a:hover{color:#fff!important;text-decoration:underline}footer.jo-foot.jo-foot2{flex-direction:column;flex-wrap:wrap}.jo-fbase{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;align-items:center;width:100%}@media(max-width:1000px){.jo-fmenu .jo-freg ul{columns:4}}@media(max-width:760px){.jo-fmenu{grid-template-columns:1fr;gap:26px}.jo-fmenu .jo-freg ul{columns:2}}

/* ===== Ajustes do Astra ===== */
body.jo-int,body.jo-home{background:#0F1018!important;color:#F2F2F7;font-family:Nunito,system-ui,sans-serif;font-size:clamp(1.125rem,1.125rem + ((1vw - 3.2px) * 0.3125),1.375rem)!important;line-height:1.4}
body.jo-int a,body.jo-home a,.jo-int .entry-content a,.jo-home .entry-content a{text-decoration:none!important}
.jo-int .entry-content>*{margin-top:1.2rem;margin-bottom:0}.jo-int .entry-content>*:first-child{margin-top:0}
.jo-int .entry-content p{margin-bottom:0}
.jo-int .site-content>.ast-container{max-width:792px!important;padding-left:16px!important;padding-right:16px!important;display:block}
.jo-int #primary,.jo-int .ast-article-single,.jo-int .ast-article-post,.jo-int article{background:transparent!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important}
.jo-int .entry-header{margin:0!important;padding:0!important;text-align:left}
.jo-int .entry-content{margin:0!important}
.jo-int .site-content h1.entry-title{color:#F2F2F7}
.jo-int .site-content table{border-color:#2A2B3D}.jo-int .site-content td,.jo-int .site-content th{border-color:#2A2B3D;color:#D9D9E6}
.jo-int .site-content strong{color:#F2F2F7}
.jo-home .site-content>.ast-container{max-width:none!important;padding:0!important;display:block}
.jo-home #primary,.jo-home article,.jo-home .ast-article-single{margin:0!important;padding:0!important;background:transparent!important}
.jo-home .entry-content>.wp-block-html:first-child,.jo-home .entry-content>.jo{margin-top:0!important}
.jo-home .entry-header{display:none}
.ast-scroll-to-top-right{display:none!important}
.jo-int .error-404,.jo-int .error-404 .page-content,.jo-int .ast-archive-description,.jo-int .ast-row,.jo-int .search .ast-article-post{background:transparent!important;box-shadow:none!important}
.jo-int .error-404 .page-title,.jo-int .error-404 h1{color:#F2F2F7!important;font-family:"Lilita One",sans-serif}
.jo-int .error-404 .page-sub-title,.jo-int .error-404 p{color:#D9D9E6!important}
.jo-int .search-field{background:#1A1B28!important;color:#F2F2F7!important;border:1px solid #3A3B52!important}
#colophon,#masthead,.site-footer,.ast-mobile-header-wrap,.site-header{display:none!important}