/*
Theme Name: Muralha Adentro
Description: Tema editorial do portal Muralha Adentro, baseado no layout aprovado.
Version: 1.0.2
Requires at least: 6.6
Requires PHP: 8.0
Author: Muralha Adentro
Text Domain: muralha-adentro
*/

.ma-page { padding: 32px 0 52px; }
.ma-page h1 { font: bold clamp(30px, 5vw, 54px)/1.06 Georgia, serif; margin: 14px 0 20px; }
.ma-article { max-width: 820px; margin: 0 auto; }
.ma-breadcrumb { color: #665d50; font-size: 13px; }
.ma-breadcrumb a { color: #a1000b; }
.ma-meta { color: #665d50; font-size: 14px; }
.ma-cover { border-radius: 14px; width: 100%; height: auto; margin: 18px 0 24px; }

.single-post .ma-cover {
    aspect-ratio: 1;
    max-width: 620px;
    margin-inline: auto;
}

.home-b .feature {
    aspect-ratio: 1;
    min-height: 0;
}

.home-b .mini img,
.reading-image {
    aspect-ratio: 1;
    height: auto;
    min-height: 0;
}
.ma-content { font-size: 17px; line-height: 1.75; overflow-wrap: break-word; }
.ma-content h2, .ma-content h3 { font-family: Georgia, serif; margin: 1.4em 0 .6em; }
.ma-content a { color: #a1000b; text-decoration: underline; text-underline-offset: 3px; }
.ma-content img, .ma-content video { max-width: 100%; height: auto; }
.ma-content iframe { max-width: 100%; }
.ma-content figure { max-width: 100%; margin: 1.3em 0; }
.ma-content figcaption { color: #665d50; font-size: 13px; }
.ma-content .wp-embed-aspect-16-9 iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; }
.ma-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin: 20px 0; }
.ma-grid .reading-slide { list-style: none; }
.ma-empty { background: #fffaf2; border: 1px solid #e8ded0; border-radius: 12px; padding: 20px; }
.ma-page .pagination { margin: 24px 0; }
.ma-page .pagination .page-numbers { display: inline-block; padding: 6px 10px; }
.ma-page .pagination .current { background: #be0010; border-radius: 5px; color: white; }
.home-b .ma-feature-only { grid-template-columns: 1fr; }
.ma-footer-list { list-style: none; margin: 0; padding: 0; }
.ma-footer-list li { margin-bottom: 5px; }
.ma-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 24px; padding: 24px 0; }
.ma-footer-grid h2, .ma-footer-grid h3 { margin-bottom: 10px; }
.ma-footer-grid a { color: #fff6eb; }
.ma-archive-links { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0; }
.ma-related { margin-top: 35px; }
@media(max-width:800px){.ma-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:520px){.ma-grid,.ma-footer-grid{grid-template-columns:1fr;}.ma-page{padding-top:22px;}.ma-content{font-size:16px;}}