/* Comunidade: grupo de WhatsApp em destaque e Facebook como link secundário. */
html body #ThemeboxesColumn #OldstyllerFacebook .OldStyllerWhatsappLink {
    display: block;
    color: #654722;
    text-decoration: none;
}
html body #ThemeboxesColumn #OldstyllerFacebook .OldstyllerFacebook__heading {
    display: block;
    text-align: center;
}
html body #ThemeboxesColumn #OldstyllerFacebook .OldStyllerWhatsappLink img {
    display: block;
    border: 0;
    border-radius: 6px;
}
html body #ThemeboxesColumn #OldstyllerFacebook .OldstyllerFacebook__action {
    display: block;
    padding: 6px 3px;
    border: 1px solid #24633c;
    border-radius: 5px;
    background: #236b3e;
    color: #fff8e7 !important;
    text-align: center;
}
html body #ThemeboxesColumn #OldstyllerFacebook .OldStyllerWhatsappLink:hover .OldstyllerFacebook__action {
    background: #1b5430;
}
html body #ThemeboxesColumn #OldstyllerFacebook .OldStyllerFacebookSmall {
    display: block;
    margin-top: 8px;
    padding-top: 6px;
    border-top: 1px solid #c2ac80;
    color: #654722 !important;
    font: 10px/1.4 Verdana, Arial, sans-serif !important;
    text-align: center;
    text-decoration: underline;
}
html body #ThemeboxesColumn #OldstyllerFacebook a:focus-visible {
    outline: 2px solid #26753f;
    outline-offset: 3px;
}

/* Lateral direita: largura original da coluna, alinhamento preservado. */
@media screen and (min-width: 901px) {
    html body #ThemeboxesColumn {
        top: 40px !important;
        right: -15px !important;
    }
    html body #ThemeboxesColumn #NewcomerBox,
    html body #ThemeboxesColumn #OldstyllerFacebook,
    html body #ThemeboxesColumn #OldStyllerTopLevel {
        width: 180px !important;
        max-width: 180px !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    html body #ThemeboxesColumn #NewcomerBox {
        height: 208px !important;
    }
    html body #ThemeboxesColumn #NewcomerBox::before {
        font: bold 13px/18px Georgia, serif !important;
    }
    html body #ThemeboxesColumn #NewcomerBox::after {
        font: 10px/14px Arial, sans-serif !important;
    }
    html body #ThemeboxesColumn #NewcomerBox .OldStyllerSupportArt {
        left: 10px !important;
        width: 158px !important;
        height: 106px !important;
    }
    html body #ThemeboxesColumn #NewcomerBox .ThemeboxButton {
        left: 10px !important;
        width: 158px !important;
        height: 28px !important;
    }
    html body #ThemeboxesColumn #NewcomerBox .ButtonText {
        width: 156px !important;
    }
    html body #ThemeboxesColumn #NewcomerBox .ButtonText::after {
        font: bold 12px/26px Georgia, serif !important;
    }
    html body #ThemeboxesColumn #OldstyllerFacebook .OldstyllerFacebook__heading,
    html body #ThemeboxesColumn #OldStyllerTopLevel .OldStyllerTopLevel__heading {
        font: bold 13px/18px Georgia, serif !important;
    }
    html body #ThemeboxesColumn #OldstyllerFacebook .OldstyllerFacebook__action {
        font: bold 11px/15px Georgia, serif !important;
    }
    html body #ThemeboxesColumn #OldStyllerTopLevel .OldStyllerTopLevel__subheading {
        font: 10px/14px Arial, sans-serif !important;
    }
    html body #ThemeboxesColumn #OldStyllerTopLevel .OldStyllerTopLevel__name,
    html body #ThemeboxesColumn #OldStyllerTopLevel .OldStyllerTopLevel__level {
        font-size: 11px !important;
    }
    html body #ThemeboxesColumn #OldStyllerTopLevel .OldStyllerTopLevel__link {
        font: 11px/15px Arial, sans-serif !important;
    }
}