/* ==========================================================
   MAURADIAN GUTTERS
   INTERACTION R1 — RIGHT PANEL RESTORATION
   ========================================================== */

.app-shell {
    grid-template-columns:
        var(--mg-county-width, 205px)
        minmax(0, 1fr)
        300px !important;
}

/* The existing right-column location remains authoritative. */
.right-panel {
    display: flex !important;
    flex-direction: column !important;

    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;

    height: 100% !important;

    gap: 10px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    opacity: 1 !important;
    visibility: visible !important;

    background:
        linear-gradient(
            180deg,
            #04121e 0%,
            #020a13 100%
        ) !important;

    border:
        1px solid rgba(244,182,0,.28) !important;

    border-radius: 4px !important;
}

/*
 Hide the old descriptive/service copy.
 Keep ONLY:
   - our project video
   - genuine selected-city post panel
*/
.right-panel > * {
    display: none !important;
}

.right-panel > .d1r1-video-card,
.right-panel > .latest-city-panel {
    display: block !important;
}

/* ----------------------------------------------------------
   ONE VERTICAL VIDEO
   ---------------------------------------------------------- */

.d1r1-video-card {
    flex: 0 0 auto !important;

    width: calc(100% - 16px) !important;

    margin: 8px 8px 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    overflow: hidden !important;

    background: #01070d !important;

    border:
        1px solid rgba(244,182,0,.38) !important;

    border-radius: 4px !important;

    opacity: 1 !important;
    visibility: visible !important;
}

.d1r1-video-heading {
    display: block !important;

    margin: 0 !important;
    padding: 9px 10px !important;

    color: #f4b600 !important;

    font-size: 10px !important;
    font-weight: 900 !important;

    letter-spacing: .13em !important;
    text-transform: uppercase !important;

    border-bottom:
        1px solid rgba(244,182,0,.28) !important;
}

#d1r1-project-video {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    aspect-ratio: 9 / 16 !important;

    max-height: 470px !important;

    object-fit: cover !important;

    margin: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    background: #000 !important;
}

/* ----------------------------------------------------------
   REAL CITY POST / PROJECT
   ---------------------------------------------------------- */

.latest-city-panel {
    flex: 0 0 auto !important;

    width: calc(100% - 16px) !important;

    margin: 0 8px 8px !important;
    padding: 11px !important;

    box-sizing: border-box !important;

    color: #f4f4f4 !important;

    background: #03101a !important;

    border:
        1px solid rgba(244,182,0,.30) !important;

    border-radius: 4px !important;

    opacity: 1 !important;
    visibility: visible !important;
}

.latest-city-panel h4 {
    color: #f4b600 !important;

    font-size: 11px !important;
    font-weight: 900 !important;

    letter-spacing: .09em !important;
    text-transform: uppercase !important;
}

/*
 No fabricated content.
 Existing intelligence gate adds this class when there
 is no actual qualifying city evidence.
*/
.latest-city-panel.d1r1-no-real-post {
    display: none !important;
}

/* Smaller desktop fallback. */
@media (max-width: 1180px) {
    .app-shell {
        grid-template-columns:
            var(--mg-county-width, 180px)
            minmax(0, 1fr)
            260px !important;
    }

    .right-panel {
        width: 260px !important;
        min-width: 260px !important;
        max-width: 260px !important;
    }

    #d1r1-project-video {
        max-height: 415px !important;
    }
}