/* Fabula Core Alfa 2.5 — restaura as regras editoriais do BlogHash original.
 * Base examinada: BlogHash/assets/css/style.css e seus valores padrão de tipografia.
 * Este arquivo é carregado ANTES de fabula-legacy.css para que estilos específicos dos
 * guias, bestiários e patch notes continuem com precedência.
 * 1rem do BlogHash equivalia a 10px (html 62.5%).
 */

/* O BlogHash usa a mesma familia, Be Vietnam Pro, mas com entrelinha de 1.75.
   Mantemos o tamanho geral configuravel pelo Personalizador. */
body {line-height:1.75;}
.entry-content {line-height:1.75;}
/* BlogHash: o corpo de postagens individuais tem padrão de 1.6rem = 16px;
   o restante do site usa 1.7rem = 17px (respeitando o ajuste Fabula). */
.single .entry-content {font-size:clamp(13px, calc(var(--fabula-body-size) - 1px), 22px);}

/* Hierarquia e espacamentos originais dos titulos de CONTEUDO do BlogHash.
   Nao inclui titulos de cartoes, widgets, posts relacionados ou formulario. */
.entry-content :is(h1,h2,h3,h4,h5,h6){
 font-family:"Be Vietnam Pro",Arial,sans-serif;
 font-weight:700;
 line-height:1.4;
 text-rendering:optimizeLegibility;
}
.entry-content :is(h1,h2,h3){margin-top:20px;margin-bottom:12px;}
.entry-content :is(h4,h5,h6){margin-top:24px;margin-bottom:8px;}
.entry-content h1{font-size:40px;}
.entry-content h2{font-size:36px;}
.entry-content h3{font-size:28px;}
.entry-content h4{font-size:24px;}
.entry-content h5{font-size:20px;}
.entry-content h6{font-size:18px;font-weight:600;line-height:1.72;}
.single .fabula-single>.entry-header>.entry-title{font-size:40px;line-height:1.4;font-weight:700;}
/* O titulo hierarquico de PAGINAS mantem o tamanho 34px solicitado. */

/* Shortcode [notification] do plugin de botoes/shortcodes Fabula.
   As quatro variantes Bootstrap sao alert-info, alert-success,
   alert-warning e alert-danger. Restaurar margem superior e inferior
   dos paragrafos DIRETOS, como no BlogHash (1.6rem = 16px), evitando
   texto desalinhado em avisos azuis, verdes, amarelos e vermelhos.
   Nao generalizar para .alert: tipos personalizados (Moogle, Uolon,
   Fall Guys e avisos de eventos) possuem margens editoriais proprias. */
.entry-content .alert:is(.alert-info, .alert-success, .alert-warning, .alert-danger) > p {
    margin-top: 16px;
    margin-bottom: 16px;
}

/* Preservar o espacamento especial dos paragrafos do painel de replay
   de FFXIV, que pode incorporar notificacoes dentro do painel. */
.entry-content .ffxiv-replay-panel .alert:is(.alert-info, .alert-success, .alert-warning, .alert-danger) > p {
    margin: 0 0 18px;
}

/* Tabelas: fragmento fiel das regras do BlogHash, com seletores limitados ao
   conteudo para evitar alterar tabelas do painel, widgets e plugins. */
:where(.entry-content) table:not(.variations):not(.shop_table) {
    border-collapse: collapse;
    width: 100%;
    margin: 20px auto;
    border-radius: 0;
    background-color: rgba(190, 190, 190, 0.20);
}

:where(.entry-content) table:not(.variations):not(.shop_table) tbody,
:where(.entry-content) table:not(.variations):not(.shop_table) tfoot,
:where(.entry-content) table:not(.variations):not(.shop_table) thead {
    border: 1px solid rgba(185, 185, 185, 0.4);
    color: inherit;
}

:where(.entry-content) table:not(.variations):not(.shop_table) caption,
:where(.entry-content) table:not(.variations):not(.shop_table) td,
:where(.entry-content) table:not(.variations):not(.shop_table) tr {
    text-align: start;
}

:where(.entry-content) table:not(.variations):not(.shop_table) th {
    font-weight: 600;
}

:where(.entry-content) table:not(.variations):not(.shop_table) td,
:where(.entry-content) table:not(.variations):not(.shop_table) th {
    padding: 10px;
}

:where(.entry-content) table:not(.variations):not(.shop_table) tbody tr:nth-child(odd) {
    border-bottom: 0;
    background-color: #fff;
}

:where(.entry-content) table:not(.variations):not(.shop_table) thead tr,
:where(.entry-content) table:not(.variations):not(.shop_table) tfoot tr {
    background: transparent;
}

:where(.entry-content) table:not(.variations):not(.shop_table) tfoot td,
:where(.entry-content) table:not(.variations):not(.shop_table) tfoot th,
:where(.entry-content) table:not(.variations):not(.shop_table) thead td,
:where(.entry-content) table:not(.variations):not(.shop_table) thead th {
    font-weight: 500;
    text-align: start;
}

:where(.entry-content) table:not(.variations):not(.shop_table) caption {
    font-weight: 500;
}


/* O BlogHash tambem define cores para tabelas de calendario do editor. */
.entry-content .wp-block-calendar tbody td,
.entry-content .wp-block-calendar th {border-color:rgba(185,185,185,.4);}
.entry-content .wp-block-calendar table th {background:rgba(185,185,185,.4);}

/* Titulos ajustados proporcionalmente como no BlogHash em telas pequenas.
   O proprio tema preserva estilos responsivos de menu/cartoes no layout. */
@media(max-width:1024px){
 .entry-content h1{font-size:34px;}
 .entry-content h2{font-size:30px;}
 .entry-content h3{font-size:24px;}
 .entry-content h4{font-size:21px;}
 .entry-content h5{font-size:18px;}
 .entry-content h6{font-size:16px;}
 .single .fabula-single>.entry-header>.entry-title{font-size:34px;}
}
@media(max-width:520px){
 .entry-content h1{font-size:32px;}
 .entry-content h2{font-size:29px;}
 .entry-content h3{font-size:22px;}
 .entry-content h4{font-size:20px;}
 .entry-content h5{font-size:18px;}
 .entry-content h6{font-size:16px;}
 .single .fabula-single>.entry-header>.entry-title{font-size:32px;}
}