/* ============================================================
   VIDEOS PAGE — MOTIF + LAYOUT POLISH
   ============================================================ */

/* Main video content box */
.video-content,
#video-content {
    background: #fff;
    border: 1px solid #dde5ea;
    padding: 20px;
    border-radius: 8px;
    min-height: 300px;
}

/* Embedded iframe */
.video-content iframe {
    width: 100%;
    height: 450px;
    border: none;
    border-radius: 8px;
}

/* ============================================================
   ALBUM SELECTOR (top-left)
   ============================================================ */

.ui-album-selector .btn {
    margin-right: 6px;
}

.ui-album-selector .btn-primary {
    background-color: #d4a44a;
    border-color: #d4a44a;
    color: #222;
}

.ui-album-selector .btn-outline-primary {
    border-color: #d4a44a;
    color: #d4a44a;
}

.ui-album-selector .btn-outline-primary:hover {
    background-color: #d4a44a;
    color: #222;
}

/* “All” button styling */
.ui-album-selector .btn-secondary {
    background-color: #666;
    border-color: #666;
    color: #fff;
}

.ui-album-selector .btn-outline-secondary {
    border-color: #666;
    color: #666;
}

.ui-album-selector .btn-outline-secondary:hover {
    background-color: #666;
    color: #fff;
}

/* ============================================================
   VERTICAL TABS
   ============================================================ */

.videos-tabs .nav-link {
    border-radius: 4px;
    margin-bottom: 4px;
    color: #444;
    padding: 6px 10px;
    transition: background 0.15s ease, color 0.15s ease;
}

.videos-tabs .nav-link:hover {
    background-color: #f5f5f5;
}

.videos-tabs .nav-link.active {
    background-color: #f0f4f7;
    font-weight: bold;
    border-left: 3px solid #d4a44a;
}

/* ============================================================
   MOBILE TWEAKS
   ============================================================ */

@media (max-width: 700px) {
    .ui-album-selector .btn {
        margin-bottom: 4px;
    }
}