/*
 * Sidrolândia Agora
 * Hotfix mobile: matérias, banners e produtos afiliados v1.0.0
 */

@media (max-width: 820px) {

    .materia-layout,
    .article-layout,
    .article-grid,
    .post-layout,
    .post-grid,
    .article-wrapper:has(.materia-sidebar),
    .article-container:has(.materia-sidebar),
    .container:has(> .materia-sidebar),
    main:has(.materia-sidebar) > .container {
        display: block !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        overflow: visible !important;
    }

    .materia-main,
    .article-main,
    .article-content,
    .materia-content,
    .article-body,
    .materia-body,
    .post-content,
    .entry-content {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        grid-column: 1 / -1 !important;
        grid-area: auto !important;
        float: none !important;
        clear: both !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        position: static !important;
        inset: auto !important;
        transform: none !important;
        overflow: visible !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
    }

    .materia-sidebar,
    .article-sidebar,
    .post-sidebar,
    aside.materia-sidebar {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
        grid-area: auto !important;
        float: none !important;
        clear: both !important;
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;
        margin: 28px 0 0 !important;
        padding: 0 !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .sidro-ad-slot,
    .banner,
    .banner-slot,
    .materia-sidebar .sidro-ad-slot,
    .article-content .sidro-ad-slot,
    .materia-content .sidro-ad-slot,
    .post-content .sidro-ad-slot {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        float: none !important;
        clear: both !important;
        position: static !important;
        inset: auto !important;
        transform: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .sidro-ad-slot picture,
    .banner-slot picture,
    .banner picture {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

    .sidro-ad-slot img,
    .banner-slot img,
    .banner img {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center !important;
        float: none !important;
        clear: both !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .bnr-affiliate-card,
    .bnr-affiliate-card.is-inline,
    .bnr-affiliate-card.is-sidebar {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        float: none !important;
        clear: both !important;
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;
        margin: 22px 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .bnr-affiliate-card * {
        box-sizing: border-box !important;
        min-width: 0 !important;
    }

    .bnr-affiliate-image {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        float: none !important;
        margin: 0 !important;
    }

    .bnr-affiliate-image img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
        float: none !important;
        margin: 0 auto !important;
    }

    .bnr-affiliate-content {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        padding: 14px 16px 16px !important;
    }

    .bnr-affiliate-content strong,
    .bnr-affiliate-content p,
    .bnr-affiliate-price {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
    }

    .bnr-affiliate-button {
        display: inline-flex !important;
        width: auto !important;
        max-width: 100% !important;
    }

    .article-content img,
    .materia-content img,
    .article-body img,
    .materia-body img,
    .post-content img,
    .entry-content img,
    .article-content iframe,
    .materia-content iframe,
    .post-content iframe,
    .article-content video,
    .materia-content video,
    .post-content video {
        max-width: 100% !important;
    }

    .article-content table,
    .materia-content table,
    .post-content table {
        max-width: 100% !important;
    }
}

@media (max-width: 520px) {
    .bnr-affiliate-card,
    .bnr-affiliate-card.is-inline,
    .bnr-affiliate-card.is-sidebar {
        border-radius: 10px !important;
        margin: 18px 0 !important;
    }

    .bnr-affiliate-label {
        width: 100% !important;
        padding: 9px 13px !important;
    }

    .bnr-affiliate-content {
        padding: 12px 14px 15px !important;
    }

    .bnr-affiliate-content strong {
        font-size: 1.05rem !important;
        line-height: 1.25 !important;
    }

    .bnr-affiliate-button {
        min-height: 42px !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .materia-sidebar,
    .article-sidebar,
    .post-sidebar {
        margin-top: 22px !important;
    }
}