/* ==================== Home Page ==================== */

.home-projects-toolbar {
    background-color: var(--waterstons-blue-primary);
    padding: 6px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.home-projects-title {
    color: var(--waterstons-white) !important;
    font-weight: 700;
    margin: 0;
    white-space: nowrap;
    font-size: 1.75rem !important;
    padding-right: 10px;
}

.home-projects-search {
    flex: 1;
    max-height: 2rem;
}

    .home-projects-search .mud-input-control,
    .home-projects-search .mud-input-control > .mud-input-control-input-container,
    .home-projects-search .mud-input-outlined {
        background-color: var(--waterstons-white) !important;
        border-radius: 9999px !important;
        max-height: 1.75rem;
        max-width: 70%;
    }

    .home-projects-search .mud-input-outlined-border {
        border-color: transparent !important;
    }

    .home-projects-search input,
    .home-projects-search .mud-input-slot {
        color: var(--waterstons-blue-primary) !important;
    }

.home-add-review-btn {
    background-color: var(--waterstons-orange) !important;
    color: var(--waterstons-blue-primary) !important;
    border-radius: 10px !important;
    font-weight: 700;
    margin-right: 6px !important;
}

.home-projects-main {
    border: 4px solid var(--waterstons-green);
    padding: 0 !important;
    border-radius: 15px !important;
    overflow: hidden;

    .mud-table-head .mud-table-cell {
        background-color: var(--waterstons-green) !important;
        font-size: 1.3rem;
        font-weight: 700;
        pointer-events: none;
    }
}


.home-projects-table {
    position: relative;
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

.home-projects-table .col-narrow {
    width: 1%;
    white-space: nowrap;
}

.home-projects-table .va-middle {
    vertical-align: middle;
}

.home-projects-table .mud-table-row {
    cursor: pointer;
    transition: transform 0.12s ease, box-shadow 0.12s ease;
    padding-top: 20px !important;
}

.home-projects-table .mud-table-row:has(.td-project-name:hover) {
    transform: translateY(-2px);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(10px);
    z-index: 5;
}

/* Bottom row handling (hover / z-index / overflow) */
.home-projects-table .mud-table-body .mud-table-row:last-child {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.home-projects-table .mud-table-body .mud-table-row:last-child .mud-table-cell:first-child {
    border-bottom-left-radius: 10px;
}
.home-projects-table .mud-table-body .mud-table-row:last-child .mud-table-cell:last-child {
    border-bottom-right-radius: 10px;
}
/* --- */

.home-projects-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--waterstons-white);
    padding-left: 10px;
}

.home-projects-footer-left,
.home-projects-footer-right {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.mud-popover {
    background: rgba(20 0 0 / 0.1) !important;
    opacity: 0.1;
    margin-top: -7px !important;
    backdrop-filter: blur(5px);


    .mud-menu-item {
        background: var(--waterstons-blue-secondary);
        color: var(--waterstons-white);
        border-radius: 5px;

        &:hover {
            background: var(--waterstons-blue-primary);
        }
    }
}

.mud-menu-list {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 4px !important;
}

.home-projects-footer-right {
    margin-left: auto;
}

.home-footer-label,
.home-footer-range {
    color: var(--waterstons-white) !important;
    white-space: nowrap;
}

.home-footer-menu .mud-button-root,
.home-footer-trigger,
.home-projects-footer .mud-icon-button {
    color: var(--waterstons-white) !important;
}

.home-projects-footer .mud-icon-button.mud-disabled,
.home-projects-footer .mud-icon-button:disabled {
    color: var(--waterstons-blue-secondary) !important;
}

.home-footer-menu .mud-button-root {
    min-width: 0;
    padding-inline: 0.35rem;
}

.home-filter-menu .mud-popover-open {
    transform-origin: left top;
}

.home-rows-menu .mud-popover-open {
    transform-origin: right top;
}