/* ==========================================================
   PRODUCTION INTERFACE OVERRIDES MAPPING
   ========================================================== */

/* 🔥 THE FLUID DOMAIN SHRINK CORE */
.umdh-url-row a {
    display: inline-block !important;
    max-width: 65% !important;
    min-width: 1px !important;
    width: auto !important;
    font-size: calc(0.60vw + 0.52em) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    vertical-align: bottom !important;
    word-break: break-all !important;
    box-sizing: border-box !important;
}

/* 2-COLUMN MATRIX VIEW CONFIGURATIONS (Triggered dynamically over 25 sites) */
.umdh-grid-layout {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    clear: both !important;
}

.umdh-grid-layout .umdh-card {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    min-height: 185px !important;
    align-items: stretch !important;
    margin-bottom: 0 !important;
}

.umdh-grid-layout .umdh-card > div:first-child {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    box-sizing: border-box !important;
    align-items: stretch !important;
    flex: 1 !important;
    border-bottom: none !important;
}

.umdh-grid-layout .umdh-image-block {
    width: 40% !important;
    min-width: 40% !important;
    max-width: 40% !important;
    padding: 10px !important;
    background: #f0f0f1 !important;
    border-right: 1px solid #dcdcde !important;
}

.umdh-grid-layout .umdh-image-block a {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    max-height: 120px !important;
    max-width: 120px !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

.umdh-grid-layout .umdh-right-metadata-cell {
    width: 60% !important;
    min-width: 60% !important;
    max-width: 60% !important;
    padding: 0 !important;
}

.umdh-grid-layout .umdh-right-metadata-cell > div:first-child {
    padding: 15px 15px 5px 15px !important;
}

/* Forces buttons row underneath both columns across the full base floor */
.umdh-grid-layout .umdh-button-row {
    width: 100% !important;
    clear: both !important;
    display: flex !important;
    border-top: 1px solid #dcdcde !important;
}

.umdh-grid-layout .umdh-right-metadata-cell .umdh-button-row {
    display: none !important;
}