/* Mobile overrides for the blog review documentation partial. */

@media (max-width: 1024px) {
    .blog-detail__content .blog-bewertungen-admin,
    .blog-detail__content .blog-bewertungen-dokumentation {
        padding: 1.15rem;
        border-radius: 1rem;
    }

    .blog-detail__content .blog-bewertungen-admin__grid {
        grid-template-columns: 1fr;
    }

    .blog-detail__content .blog-bewertungen-admin__checkbox {
        padding-top: 0;
        justify-content: flex-start;
    }

    .blog-detail__content .blog-bewertungen-admin__item-head {
        flex-direction: column;
        align-items: stretch;
    }

    .blog-detail__content .blog-bewertungen-admin__item-actions {
        width: 100%;
    }

    .blog-detail__content .blog-bewertungen-admin__item-actions .btn,
    .blog-detail__content .blog-bewertungen-admin__item-actions form {
        width: 100%;
    }

    .blog-detail__content .blog-bewertungen-admin__item-actions form .btn {
        width: 100%;
    }

    .blog-detail__content .blog-bewertungen-admin__order-actions {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.4rem;
    }

    .blog-detail__content .blog-bewertungen-admin__meta {
        word-break: break-word;
    }

    .blog-detail__content .blog-bewertungen-admin__autofill-controls {
        flex-direction: column;
        align-items: stretch;
    }

    .blog-detail__content .blog-bewertungen-admin__autofill-controls .btn,
    .blog-detail__content .blog-bewertungen-admin__autofill-controls input {
        width: 100%;
    }

    .blog-detail__content .blog-bewertungen-admin__screenshot-item {
        grid-template-columns: 1fr;
    }

    .blog-detail__content .blog-bewertungen-admin__screenshot-item img {
        width: 100%;
        height: auto;
        max-height: 210px;
    }

    .blog-detail__content .blog-bewertungen-dokumentation__facts {
        grid-template-columns: 1fr;
    }

    .blog-detail__content .blog-bewertungen-dokumentation__rating-row {
        flex-wrap: wrap;
    }

    .blog-detail__content .blog-bewertungen-dokumentation__verify-actions .btn,
    .blog-detail__content .blog-bewertungen-dokumentation__verify-actions a.btn {
        width: 100%;
        justify-content: center;
    }

    .blog-detail__content .blog-bewertungen-dokumentation__links a {
        overflow-wrap: anywhere;
        word-break: break-word;
    }
}

@media (max-width: 640px) {
    .blog-detail__content .blog-bewertungen-admin,
    .blog-detail__content .blog-bewertungen-dokumentation {
        padding: 0.9rem;
    }

    .blog-detail__content .blog-bewertungen-dokumentation__card {
        padding: 0.95rem;
    }

    .blog-detail__content .blog-bewertungen-dokumentation__notice {
        padding: 0.65rem 0.75rem;
        font-size: 0.86rem;
    }

    .blog-detail__content .blog-bewertungen-dokumentation__stars {
        font-size: 0.88rem;
    }

    .blog-detail__content .blog-bewertungen-dokumentation__block--response .blog-bewertungen-dokumentation__text {
        font-size: 1.02rem;
        line-height: 1.7;
    }

    .blog-detail__content .blog-bewertungen-dokumentation__block.blog-bewertungen-dokumentation__block--response h4 {
        font-size: 1.12rem;
        margin-bottom: 0.6rem;
    }

    .blog-review-verification-modal .support-modal__card,
    .blog-review-response-generator-modal .support-modal__card {
        width: 100%;
        padding: 1rem;
    }

    .blog-review-response-generator-modal [data-review-response-text] {
        min-height: 14rem;
    }

    .blog-detail__content .blog-bewertungen-admin__response-copy-status {
        font-size: 0.82rem;
    }
}