/* GETCOURSE — ANSWERS FEED / Mobile v0.1.9 */

@media (max-width:767px) {
    body.psych-answers-feed .main-page-container {
        width:calc(100% - 20px)!important;
        margin:0 auto!important;
        padding:18px 0 92px!important;
    }

    body.psych-answers-feed .gc-account-logo {
        margin-bottom:12px!important;
    }

    body.psych-answers-feed .pa-page-header {
        margin-bottom:12px!important;
    }

    body.psych-answers-feed .pa-page-header h1 {
        font-size:24px!important;
    }

    body.psych-answers-feed .pa-filter-toggler {
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        min-height:38px!important;
        margin:0 0 9px!important;
        padding:0 12px!important;
        border:1px solid var(--pa-border)!important;
        border-radius:10px!important;
        background:#FFF!important;
        color:var(--pa-secondary)!important;
        font-size:12px!important;
        font-weight:600!important;
        cursor:pointer!important;
    }

    body.psych-answers-feed form.pa-filter-panel {
        display:none!important;
        flex-direction:column!important;
        align-items:stretch!important;
        gap:7px!important;
        margin-bottom:12px!important;
        padding:10px!important;
        border-radius:12px!important;
    }

    body.psych-answers-feed form.pa-filter-panel[style*="display: block"],
    body.psych-answers-feed form.pa-filter-panel[style*="display:block"] {
        display:flex!important;
    }

    body.psych-answers-feed .pa-filter-count,
    body.psych-answers-feed .pa-filter-check,
    body.psych-answers-feed .dropdown-filter,
    body.psych-answers-feed .pa-select {
        width:100%!important;
        min-width:0!important;
    }

    body.psych-answers-feed .pa-filter-count,
    body.psych-answers-feed .pa-filter-check,
    body.psych-answers-feed .pa-select__trigger {
        min-height:40px!important;
    }

    body.psych-answers-feed .pa-filter-reset {
        width:100%!important;
        min-height:34px!important;
        justify-content:center!important;
        margin:0!important;
    }

    body.psych-answers-feed .pa-select__menu {
        position:fixed!important;
        left:12px!important;
        right:12px!important;
        top:auto!important;
        bottom:
            calc(
                76px +
                env(safe-area-inset-bottom,0px)
            )!important;
        width:auto!important;
        max-width:none!important;
        max-height:52dvh!important;
        padding:7px!important;
        border-radius:14px!important;
        box-shadow:0 18px 46px rgba(16,24,40,.22)!important;
    }

    body.psych-answers-feed .pa-select__option {
        min-height:40px!important;
        padding:9px 10px!important;
        font-size:12px!important;
    }

    body.psych-answers-feed .pa-layout {
        display:block!important;
        margin:0!important;
    }

    body.psych-answers-feed .pa-layout > .col-md-2.answers-page-filter {
        display:none!important;
    }

    body.psych-answers-feed .pa-layout > .answers-list {
        width:100%!important;
        padding:0!important;
    }

    body.psych-answers-feed .pa-layout > .answers-list > h3 {
        margin-bottom:9px!important;
        font-size:16px!important;
    }

    body.psych-answers-feed .pa-answer-card {
        grid-template-columns:36px minmax(0,1fr)!important;
        gap:9px!important;
        margin-bottom:10px!important;
        padding:11px!important;
        border-radius:12px!important;
    }

    body.psych-answers-feed .pa-answer-card > .user-image {
        width:36px!important;
    }

    body.psych-answers-feed .pa-answer-card > .user-image img {
        width:34px!important;
        height:34px!important;
    }

    body.psych-answers-feed .pa-answer-status {
        min-height:23px!important;
        padding:0 8px!important;
        font-size:12px!important;
    }

    body.psych-answers-feed .pa-answer-card .show-lesson-link {
        font-size:11px!important;
    }

    body.psych-answers-feed .pa-answer-card .user-profile-link {
        font-size:12px!important;
    }

    body.psych-answers-feed .pa-answer-card .answer-date {
        font-size:12px!important;
    }

    body.psych-answers-feed .pa-answer-card .answer-main-content {
        padding:10px!important;
    }

    body.psych-answers-feed .pa-answer-card .answer-text {
        font-size:12px!important;
    }

    body.psych-answers-feed .pa-answer-card .gc-comment-form {
        padding:8px!important;
    }

    body.psych-answers-feed .pa-answer-card .new-comment-textarea,
    body.psych-answers-feed .pa-answer-card .emoji-wysiwyg-editor {
        min-height:62px!important;
        font-size:12px!important;
    }

    body.psych-answers-feed .pa-answer-card .lesson-answer-form {
        grid-column:1 / -1!important;
    }

    body.psych-answers-feed .pa-answer-card .answer-controls {
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:6px!important;
        margin-top:10px!important;
        padding-top:10px!important;
    }

    body.psych-answers-feed .pa-answer-card .answer-controls > .btn,
    body.psych-answers-feed .pa-answer-card .answer-controls .btn-group,
    body.psych-answers-feed .pa-answer-card .answer-controls .btn-group > .btn {
        width:100%!important;
        margin:0!important;
    }

    body.psych-answers-feed .pa-answer-card .answer-status-review-info,
    body.psych-answers-feed .pa-answer-card .public-level-block {
        grid-column:1 / -1!important;
        margin:0!important;
    }

    body.psych-answers-feed .pa-answer-card .dropdown-menu {
        min-width:210px!important;
    }
}


/* FONT SCALE / v0.1.1 */
@media (max-width:767px) {
    body.psych-answers-feed .pa-answer-card .answer-text {
        font-size:12px!important;
        line-height:1.55!important;
    }

    body.psych-answers-feed .pa-answer-card .user-profile-link {
        font-size:12px!important;
    }

    body.psych-answers-feed .pa-answer-card .show-lesson-link,
    body.psych-answers-feed .pa-filter-toggler,
    body.psych-answers-feed .pa-filter-check,
    body.psych-answers-feed .pa-filter-count,
    body.psych-answers-feed .pa-select__trigger,
    body.psych-answers-feed .pa-select__option {
        font-size:11px!important;
    }
}


/* =========================================================
   MOBILE WIDTH FIX / v0.1.2
   Reset native GetCourse widths inside answer cards.
   ========================================================= */
@media (max-width:767px) {
    body.psych-answers-feed .pa-layout,
    body.psych-answers-feed .pa-answers-column,
    body.psych-answers-feed .pa-answers-column > .answers-list,
    body.psych-answers-feed .pa-answers-column .answers-list {
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
        margin-left:0 !important;
        margin-right:0 !important;
        float:none !important;
        box-sizing:border-box !important;
    }

    body.psych-answers-feed .pa-answer-card {
        display:grid !important;
        grid-template-columns:42px minmax(0,1fr) !important;
        column-gap:10px !important;
        row-gap:0 !important;
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
        box-sizing:border-box !important;
    }

    body.psych-answers-feed .pa-answer-card > .user-image {
        grid-column:1 !important;
        grid-row:1 !important;
        width:42px !important;
        max-width:42px !important;
        min-width:42px !important;
        margin:0 !important;
        float:none !important;
    }

    body.psych-answers-feed .pa-answer-card > .answer-content {
        grid-column:2 !important;
        grid-row:1 !important;
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
        margin:0 !important;
        padding:0 !important;
        float:none !important;
        box-sizing:border-box !important;
    }

    body.psych-answers-feed .pa-answer-card .answer-status,
    body.psych-answers-feed .pa-answer-card .show-lesson-link,
    body.psych-answers-feed .pa-answer-card .title,
    body.psych-answers-feed .pa-answer-card .answer-main-content,
    body.psych-answers-feed .pa-answer-card .comments,
    body.psych-answers-feed .pa-answer-card .comment-list,
    body.psych-answers-feed .pa-answer-card .comments-tree-wrapper,
    body.psych-answers-feed .pa-answer-card .comments-tree,
    body.psych-answers-feed .pa-answer-card .comments-container,
    body.psych-answers-feed .pa-answer-card .gc-comment-form,
    body.psych-answers-feed .pa-answer-card .new-comment,
    body.psych-answers-feed .pa-answer-card .gc-comment-form form,
    body.psych-answers-feed .pa-answer-card .textarea-block {
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
        margin-left:0 !important;
        margin-right:0 !important;
        float:none !important;
        box-sizing:border-box !important;
    }

    body.psych-answers-feed .pa-answer-card .answer-main-content {
        display:block !important;
    }

    body.psych-answers-feed .pa-answer-card .answer-text {
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
        white-space:normal !important;
        overflow-wrap:anywhere !important;
        word-break:normal !important;
        box-sizing:border-box !important;
    }

    body.psych-answers-feed .pa-answer-card .b-like-and-subscribe-notifications {
        display:flex !important;
        align-items:center !important;
        flex-wrap:wrap !important;
        gap:5px !important;
        width:100% !important;
        max-width:none !important;
        white-space:normal !important;
    }

    body.psych-answers-feed .pa-answer-card .new-comment-textarea,
    body.psych-answers-feed .pa-answer-card .emoji-wysiwyg-editor {
        display:block !important;
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
        box-sizing:border-box !important;
    }

    body.psych-answers-feed .pa-answer-card .lesson-answer-form {
        grid-column:1 / -1 !important;
        grid-row:2 !important;
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
        margin:12px 0 0 !important;
        padding:0 !important;
        float:none !important;
        box-sizing:border-box !important;
    }

    body.psych-answers-feed .pa-answer-card .answer-controls {
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
        box-sizing:border-box !important;
    }

    body.psych-answers-feed .pa-answer-card .answer-status-review-info,
    body.psych-answers-feed .pa-answer-card .public-level-block {
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
    }
}


/* =========================================================
   MOBILE CARD COMPOSITION / v0.1.3
   Full-width content + visible student avatar.
   ========================================================= */
@media (max-width:767px) {
    body.psych-answers-feed .pa-answer-card {
        position:relative !important;
        display:block !important;
        width:100% !important;
        padding:14px !important;
        box-sizing:border-box !important;
    }

    /* Student avatar: keep it in the compact heading zone only */
    body.psych-answers-feed .pa-answer-card > .user-image {
        position:absolute !important;
        top:16px !important;
        left:14px !important;
        display:block !important;
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        max-width:42px !important;
        margin:0 !important;
        padding:0 !important;
        float:none !important;
        overflow:hidden !important;
        border-radius:50% !important;
        z-index:3 !important;
    }

    body.psych-answers-feed .pa-answer-card > .user-image img,
    body.psych-answers-feed .pa-answer-card > .user-image .user-profile-image {
        display:block !important;
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        max-width:42px !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        border-radius:50% !important;
        object-fit:cover !important;
        opacity:1 !important;
        visibility:visible !important;
    }

    body.psych-answers-feed .pa-answer-card > .answer-content {
        display:block !important;
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
        margin:0 !important;
        padding:0 !important;
        float:none !important;
        box-sizing:border-box !important;
    }

    /* Only the top metadata makes room for the avatar. */
    body.psych-answers-feed .pa-answer-card .answer-status,
    body.psych-answers-feed .pa-answer-card .show-lesson-link {
        margin-left:54px !important;
        max-width:calc(100% - 54px) !important;
        box-sizing:border-box !important;
    }

    body.psych-answers-feed .pa-answer-card .answer-status {
        min-height:24px !important;
        margin-bottom:7px !important;
    }

    body.psych-answers-feed .pa-answer-card .show-lesson-link {
        min-height:18px !important;
        margin-bottom:12px !important;
    }

    /* From here on the full card width is available. */
    body.psych-answers-feed .pa-answer-card .title,
    body.psych-answers-feed .pa-answer-card .answer-main-content,
    body.psych-answers-feed .pa-answer-card .comments,
    body.psych-answers-feed .pa-answer-card .lesson-answer-form {
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
        margin-left:0 !important;
        margin-right:0 !important;
        box-sizing:border-box !important;
    }

    body.psych-answers-feed .pa-answer-card .title {
        margin-top:2px !important;
        margin-bottom:10px !important;
    }

    body.psych-answers-feed .pa-answer-card .answer-main-content {
        padding:11px 12px !important;
    }

    body.psych-answers-feed .pa-answer-card .lesson-answer-form {
        margin-top:14px !important;
    }

    /* The duplicate avatar inside .title remains hidden. */
    body.psych-answers-feed .pa-answer-card .title > .user-image {
        display:none !important;
    }
}


/* DYNAMIC COMMENTS */
@media (max-width:767px) {
    body.psych-answers-feed .pa-answer-card .pa-comment {
        margin-top:7px!important;
    }

    body.psych-answers-feed .pa-answer-card .pa-comment__body {
        grid-template-columns:30px minmax(0,1fr)!important;
        column-gap:9px!important;
        padding:10px!important;
        border-radius:10px!important;
    }

    body.psych-answers-feed .pa-answer-card
    .pa-comment__body > .user-image-wrapper,
    body.psych-answers-feed .pa-answer-card
    .pa-comment__body > .user-image-wrapper img {
        width:30px!important;
        height:30px!important;
        min-width:30px!important;
        max-width:30px!important;
    }

    body.psych-answers-feed .pa-answer-card
    .pa-comment__body > .title .user-profile-link {
        font-size:11px!important;
    }

    body.psych-answers-feed .pa-answer-card
    .pa-comment__body > .text,
    body.psych-answers-feed .pa-answer-card
    .pa-comment__body .text-content {
        font-size:11px!important;
        line-height:1.5!important;
    }

    body.psych-answers-feed .pa-answer-card
    .pa-comment__body .comment-time,
    body.psych-answers-feed .pa-answer-card
    .pa-comment__body .comment-time > .value,
    body.psych-answers-feed .pa-answer-card
    .pa-comment__body .b-like-and-subscribe-notifications {
        font-size:9px!important;
    }
}


/* NEW COMMENTS */
@media (max-width:767px) {
    body.psych-answers-feed .pa-answer-card
    .pa-comment .fresh-comment.pa-comment__body,
    body.psych-answers-feed .pa-answer-card
    .pa-comment__body.fresh-comment {
        border-color:#F2C94C!important;
        background:#FFF!important;
        box-shadow:
            0 0 0 1px rgba(242,201,76,.10)!important;
    }
}


/* MARKED ANSWERS */
@media (max-width:767px) {
    body.psych-answers-feed .pa-answer-card.marked {
        border-color:#F2C94C!important;
        box-shadow:
            0 0 0 1px rgba(242,201,76,.10),
            0 6px 18px rgba(16,24,40,.04)!important;
    }

    body.psych-answers-feed .pa-answer-card.marked::after {
        top:11px;
        right:12px;
        min-height:22px;
        padding:0 7px;
        font-size:9px;
    }

    body.psych-answers-feed .pa-answer-card.marked .answer-status {
        padding-right:76px!important;
    }
}


/* REJECTED / NOT ACCEPTED */
@media (max-width:767px) {
    body.psych-answers-feed .pa-answer-status.pa-answer-status--danger,
    body.psych-answers-feed .pa-answer-card.status-declined .pa-answer-status,
    body.psych-answers-feed .pa-answer-card.status-not_accepted .pa-answer-status,
    body.psych-answers-feed .pa-answer-card.status-not-accepted .pa-answer-status {
        background:#FEF3F2!important;
        color:#B42318!important;
        border:1px solid #FECDCA!important;
    }
}


/* TYPOGRAPHY SCALE / v0.1.8 */
@media (max-width:767px) {
    body.psych-answers-feed {
        font-size:14px!important;
    }

    body.psych-answers-feed .page-header h1 {
        font-size:24px!important;
        line-height:1.2!important;
    }

    body.psych-answers-feed .answers-page-filter-toggler,
    body.psych-answers-feed .pa-select__trigger,
    body.psych-answers-feed .pa-select__option,
    body.psych-answers-feed .pa-filter-check,
    body.psych-answers-feed .pa-filter-count,
    body.psych-answers-feed .pa-filter-reset a {
        font-size:13px!important;
        line-height:1.35!important;
    }

    body.psych-answers-feed .pa-answer-card .pa-answer-status {
        font-size:12px!important;
        line-height:1.3!important;
    }

    body.psych-answers-feed .pa-answer-card .show-lesson-link {
        font-size:13px!important;
        line-height:1.4!important;
    }

    body.psych-answers-feed .pa-answer-card .user-profile-link {
        font-size:14px!important;
        line-height:1.35!important;
    }

    body.psych-answers-feed .pa-answer-card .answer-date,
    body.psych-answers-feed .pa-answer-card .answer-status-review-info,
    body.psych-answers-feed .pa-answer-card .public-level-block {
        font-size:11px!important;
        line-height:1.4!important;
    }

    body.psych-answers-feed .pa-answer-card .answer-text {
        font-size:15px!important;
        line-height:1.6!important;
    }

    body.psych-answers-feed .pa-answer-card .btn,
    body.psych-answers-feed .pa-answer-card .dropdown-menu,
    body.psych-answers-feed .pa-answer-card .dropdown-menu a {
        font-size:13px!important;
    }

    body.psych-answers-feed .pa-answer-card .new-comment-textarea,
    body.psych-answers-feed .pa-answer-card .emoji-wysiwyg-editor {
        font-size:14px!important;
        line-height:1.5!important;
    }

    body.psych-answers-feed .pa-answer-card
    .pa-comment__body > .title .user-profile-link {
        font-size:13px!important;
    }

    body.psych-answers-feed .pa-answer-card
    .pa-comment__body > .text,
    body.psych-answers-feed .pa-answer-card
    .pa-comment__body .text-content {
        font-size:13px!important;
        line-height:1.55!important;
    }

    body.psych-answers-feed .pa-answer-card
    .pa-comment__body .comment-time,
    body.psych-answers-feed .pa-answer-card
    .pa-comment__body .comment-time > .value,
    body.psych-answers-feed .pa-answer-card
    .pa-comment__body .b-like-and-subscribe-notifications {
        font-size:11px!important;
    }

    body.psych-answers-feed .pa-answer-card.marked::after {
        font-size:10px!important;
    }
}


/* =========================================================
   NATIVE ANSWER HIDE FIX / v0.1.9
   GetCourse hides reviewed answers by setting inline display:none.
   The custom card layout uses display:grid/block !important, so
   without this override the reviewed card remains visible.
   ========================================================= */
body.psych-answers-feed .pa-answer-card[style*="display: none"],
body.psych-answers-feed .pa-answer-card[style*="display:none"] {
    display:none !important;
}