/*
 * SunucuRadar yorumlar sekmesi mobil son düzenleme.
 */

@media (max-width: 760px) {
    body:has(.sr-comments-shell)
    .comment-owner-note {
        position: relative !important;
        min-height: 30px !important;
        margin: 0 0 7px !important;
        padding: 7px 9px 7px 31px !important;
        display: flex !important;
        align-items: center !important;
        overflow: hidden !important;
        border:
            1px solid rgba(96, 165, 250, .18) !important;
        border-radius: 8px !important;
        color: #b9c7d9 !important;
        background:
            linear-gradient(
                135deg,
                rgba(30, 64, 175, .10),
                rgba(2, 8, 18, .42)
            ) !important;
        font-size: 7.5px !important;
        font-weight: 750 !important;
        line-height: 1.3 !important;
    }

    body:has(.sr-comments-shell)
    .comment-owner-note::before {
        content: "◆" !important;
        position: absolute !important;
        left: 9px !important;
        top: 50% !important;
        width: 14px !important;
        height: 14px !important;
        display: grid !important;
        place-items: center !important;
        border-radius: 5px !important;
        color: #052e16 !important;
        background: #86efac !important;
        font-size: 6px !important;
        transform: translateY(-50%) !important;
    }

    body:has(.sr-comments-shell)
    .comment-insights {
        grid-template-columns:
            minmax(0, .74fr)
            minmax(0, 1.26fr) !important;
        gap: 5px !important;
        margin-bottom: 5px !important;
    }

    body:has(.sr-comments-shell)
    .comment-score-card,
    body:has(.sr-comments-shell)
    .comment-distribution-card {
        min-height: 74px !important;
        padding: 7px !important;
    }

    body:has(.sr-comments-shell)
    .comment-score-card {
        gap: 3px !important;
    }

    body:has(.sr-comments-shell)
    .comment-score-card > strong {
        font-size: 16px !important;
    }

    body:has(.sr-comments-shell)
    .comment-stars {
        gap: 1px !important;
    }

    body:has(.sr-comments-shell)
    .comment-stars span {
        font-size: 7px !important;
    }

    body:has(.sr-comments-shell)
    .comment-score-label,
    body:has(.sr-comments-shell)
    .comment-score-card small {
        font-size: 7px !important;
    }

    body:has(.sr-comments-shell)
    .comment-distribution-card {
        gap: 5px !important;
    }

    body:has(.sr-comments-shell)
    .comment-dist-row {
        grid-template-columns:
            50px minmax(0, 1fr) 14px !important;
        gap: 5px !important;
    }

    body:has(.sr-comments-shell)
    .comment-dist-row > span,
    body:has(.sr-comments-shell)
    .comment-dist-row > strong {
        font-size: 7.5px !important;
    }

    body:has(.sr-comments-shell)
    .comment-dist-row > div {
        height: 4px !important;
    }

    body:has(.sr-comments-shell)
    .comment-sentiment-card {
        min-height: 38px !important;
        padding: 6px 8px !important;
        grid-template-columns:
            26px minmax(0, 1fr) !important;
        gap: 7px !important;
    }

    body:has(.sr-comments-shell)
    .comment-sentiment-icon {
        width: 26px !important;
        height: 26px !important;
        border-radius: 8px !important;
        font-size: 13px !important;
    }

    body:has(.sr-comments-shell)
    .comment-sentiment-card span,
    body:has(.sr-comments-shell)
    .comment-sentiment-card p {
        font-size: 7px !important;
    }

    body:has(.sr-comments-shell)
    .comment-sentiment-card strong {
        font-size: 9px !important;
    }

    body:has(.sr-comments-shell)
    .comment-metric-strip {
        gap: 4px !important;
        margin-bottom: 6px !important;
    }

    body:has(.sr-comments-shell)
    .comment-metric-strip > div {
        min-height: 38px !important;
        padding: 6px 7px !important;
        gap: 2px !important;
    }

    body:has(.sr-comments-shell)
    .comment-metric-strip span {
        font-size: 7px !important;
    }

    body:has(.sr-comments-shell)
    .comment-metric-strip strong {
        font-size: 10px !important;
    }

    body:has(.sr-comments-shell)
    .comment-metric-strip small {
        font-size: 6.5px !important;
    }

    body:has(.sr-comments-shell)
    .comment-compose {
        margin: 0 0 6px !important;
        padding: 7px !important;
    }

    body:has(.sr-comments-shell)
    .comment-compose form {
        gap: 5px !important;
    }

    body:has(.sr-comments-shell)
    .comment-compose label {
        margin: 0 !important;
        font-size: 8px !important;
    }

    body:has(.sr-comments-shell)
    .comment-compose textarea {
        min-height: 58px !important;
        padding: 8px !important;
        border-radius: 8px !important;
        font-size: 8.5px !important;
        line-height: 1.4 !important;
    }

    body:has(.sr-comments-shell)
    .comment-compose button,
    body:has(.sr-comments-shell)
    .comment-compose .button {
        min-height: 29px !important;
        padding: 6px 8px !important;
        border-radius: 8px !important;
        font-size: 8px !important;
    }

    body:has(.sr-comments-shell)
    .premium-empty,
    body:has(.sr-comments-shell)
    .empty {
        padding: 9px 8px !important;
        font-size: 7px !important;
    }

    body:has(.sr-comments-shell)
    .sr-sidebar > .sr-side-card:nth-child(2),
    body:has(.sr-comments-shell)
    .sr-sidebar > .sr-vote-card {
        display: none !important;
    }

    body:has(.sr-comments-shell)
    .sr-sidebar {
        margin-top: 7px !important;
    }

    body:has(.sr-comments-shell)
    .sr-sidebar > .sr-side-card:first-child {
        padding: 9px !important;
    }

    body:has(.sr-comments-shell)
    .sr-sidebar > .sr-side-card:first-child h3 {
        margin-bottom: 7px !important;
        font-size: 11px !important;
    }

    body:has(.sr-comments-shell)
    .detail-actions {
        gap: 5px !important;
    }

    body:has(.sr-comments-shell)
    .detail-actions .button {
        min-height: 31px !important;
        padding: 6px !important;
        font-size: 7.5px !important;
    }

    body:has(.sr-comments-shell)
    .detail-actions .js-media-video {
        grid-column: 1 / -1 !important;
    }

    body:has(.sr-comments-shell)
    .sr-live-chat {
        right: 16px !important;
        bottom: 16px !important;
    }

    body:has(.sr-comments-shell)
    .sr-live-chat-button {
        width: 46px !important;
        min-width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
        border-radius: 15px !important;
    }

    body:has(.sr-comments-shell)
    .sr-live-chat-button::before {
        width: 29px !important;
        height: 29px !important;
        border-radius: 9px !important;
        font-size: 11px !important;
    }

    body:has(.sr-comments-shell)
    .sr-live-chat-button .sr-live-dot {
        top: 4px !important;
        right: 4px !important;
        width: 8px !important;
        height: 8px !important;
    }
}