@charset "UTF-8";

.repurate-logo {
    background-color: rgba(255, 255, 255, 0.92);
    background-blend-mode: lighten;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 65%;
    background-position:center;
    background-position-y: 70%;
}

.body {
    background-color: rgba(216, 240, 255, 1.00);
}

#flash-message{
    z-index: 10000;
}

.group-members-list-mobile {
    display: none;
}

.auth-nav-search {
    width: 360px;
}

.auth-nav-search-mobile {
    width: 100%;
}

/* ---- Django Form Error Styling (clean + red) ---- */
.errorlist {
    color: #dc3545 !important;   /* Bootstrap red */
    margin-top: 4px;
    padding-left: 1.25rem;       /* restores bullet indentation */
}

.errorlist li {
    color: #dc3545 !important;
    font-weight: normal;         /* normal weight */
    font-size: 0.875rem;         /* Bootstrap equivalent (14px) */
    list-style: disc !important; /* restore bullet */
}

@media (max-width: 1200px) {
    .g-sidenav-show .main-content {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .g-sidenav-show .sidenav.fixed-start ~ .main-content {
        margin-left: 0 !important;
    }

    #transact .table-responsive,
    #transact .table-responsive-cards,
    #needs_rating .table-responsive,
    #needs_rating .table-responsive-cards,
    #dispute .table-responsive,
    #dispute .table-responsive-cards {
        overflow-x: visible;
    }

    .table-cards thead {
        display: none;
    }

    .table-cards tbody tr {
        display: block;
        border: 1px solid #e5e7eb;
        border-radius: 0.75rem;
        padding: 0.75rem;
        margin: 0.75rem 0;
        background: #fff;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }

    .table-cards tbody td {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0.35rem 0;
        border: 0;
        white-space: normal;
        min-width: 0;
        max-width: 100%;
    }

    .table-cards td[data-label="Status"] {
        align-items: flex-start;
    }

    .table-cards .transaction-status-stack {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
        min-width: 0;
    }

    .table-cards .transaction-status-stack .badge {
        white-space: nowrap;
        text-align: center;
    }

    .table-cards .transaction-status-meta {
        display: flex;
        align-items: center;
    }

    .table-cards tbody td > * {
        max-width: 100%;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .table-cards .badge {
        display: inline-block;
        max-width: 100%;
        white-space: normal;
        text-align: left;
    }

    .table-cards .badge.badge-sm,
    .table-cards .badge.bg-info,
    .table-cards .badge.bg-success,
    .table-cards .badge.bg-warning,
    .table-cards .badge.bg-secondary,
    .table-cards .badge.bg-danger {
        white-space: nowrap;
        min-width: 4.75rem;
        text-align: center;
    }

    #recent_transactions .recent-tx-action {
        min-width: 3.25rem;
        min-height: 2.25rem;
        padding: 0.35rem 0.6rem;
    }

    #recent_transactions .recent-tx-action i {
        font-size: 1rem;
    }

    @media (max-width: 576px) {
        #recent_transactions .recent-tx-action {
            min-width: 4.25rem;
            min-height: 2.75rem;
            padding: 0.45rem 0.85rem;
        }

        #recent_transactions .recent-tx-action i {
            font-size: 1.25rem;
        }
    }

    .table-cards .col-2,
    .table-cards .col-4,
    .table-cards .col-6,
    .table-cards .col-8 {
        width: auto;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .table-cards.table-cards-stack tbody td {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.35rem;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .table-cards.table-cards-stack tbody td::before {
        margin-bottom: 0.1rem;
    }

    .group-members-card {
        overflow-x: hidden;
    }

    .group-members-body {
        padding: 0.75rem !important;
        overflow-x: hidden;
    }

    .group-members-table {
        width: 100%;
    }

    .group-members-table tbody tr {
        margin: 0.5rem 0;
    }

    .group-members-table tbody td {
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start;
        gap: 0.35rem;
        min-width: 0;
    }

    .group-members-table tbody td > * {
        max-width: 100%;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .group-members-table-desktop {
        display: none;
    }

    .group-members-list-mobile {
        display: block;
    }

    .table-cards tbody td::before {
        content: attr(data-label);
        flex: 0 0 auto;
        font-weight: 600;
        color: #6c757d;
    }

    .table-cards .text-truncate,
    .table-cards .text-nowrap {
        white-space: normal;
    }

    .article-list-container .article .cover {
        display: none;
    }

    .article-list-container,
    .category-detail {
        overflow-x: hidden;
    }

    .article-list-container .card,
    .category-detail .card {
        max-width: 100%;
        width: 100%;
    }

    .article-list-container .list-group,
    .article-list-container .list-group-item,
    .category-detail .list-group,
    .category-detail .list-group-item {
        white-space: normal;
        word-break: break-word;
        overflow-wrap: anywhere;
    }
}

@media (max-width: 991.98px) {
    .auth-nav-search {
        display: none;
    }
}