/* ========================================================================== */
/*                        1ST CHOPWELL SCOUTS – THEME                         */
/* ========================================================================== */

/* PRIMARY COLOURS */
:root {
    --scout-purple: #7413dc;
    --scout-purple-dark: #5b0fb0;
    --scout-purple-soft: #9b5ff4;      /* soft breadcrumb purple */
    --scout-purple-light: #e8d9ff;
    --scout-purple-lighter: #f3ecff;
    --scout-hover: #eee5ff;
}

/* ========================================================================== */
/*                                HEADER BAR                                  */
/* ========================================================================== */

#custom-header {
    background: var(--scout-purple);
    color: white;
    padding: 12px 15px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    border-bottom: 2px solid var(--scout-purple-dark);
    position: relative;       /* scrolls normally */
    margin-bottom: 0;         /* sits flush with breadcrumbs */
}

/* ========================================================================== */
/*                        BREADCRUMB BAR UNDER HEADER                         */
/* ========================================================================== */

#topbar {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
}

/* breadcrumb bar itself */
#topbar-breadcrumbs {
    background: var(--scout-purple-soft) !important;
    border: none !important;
    padding: 10px 15px !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
}

/* make sure inner breadcrumb container isn’t shoved left */
#topbar-breadcrumbs .breadcrumbs {
    margin: 0 !important;
}

/* breadcrumb text + icons → white */
#topbar-breadcrumbs *,
#topbar-breadcrumbs svg path {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* we still zero margins on .bar, but NOT padding */
#topbar .bar {
    margin: 0 !important;
}

/* hide the entire topbar-top row (buttons + search) */
#topbar-top {
    display: none !important;
}

/* ========================================================================== */
/*                               GENERAL THEME                                */
/* ========================================================================== */

/* Links */
a,
.menu a {
    color: var(--scout-purple) !important;
}

/* Hover on folder/file rows */
.item:hover {
    background: var(--scout-hover) !important;
}

/* Selected rows */
.active,
.selected {
    background: var(--scout-purple-light) !important;
}

/* Buttons & UI accents */
.button,
.badge,
.files-button,
.popup-tools button,
.popup-caption {
    --fg: var(--scout-purple) !important;
    --accent: var(--scout-purple) !important;
    color: var(--scout-purple) !important;
}

/* Generic SVG icons (pagination, etc.) */
svg path {
    stroke: var(--scout-purple) !important;
}

/* ========================================================================== */
/*                               FOLDER ICONS                                 */
/* ========================================================================== */

/* Folder back */
.svg-folder-bg {
    fill: #b78bff !important;
}

/* Folder front */
.svg-folder-fg {
    fill: var(--scout-purple) !important;
}

/* Hover tint */
a:hover .svg-folder-bg {
    fill: #d7c2ff !important;
}
a:hover .svg-folder-fg {
    fill: #8f1dff !important;
}

/* ========================================================================== */
/*                           POPUP VIEWER / LIGHTBOX                          */
/* ========================================================================== */

.popup-caption {
    background: var(--scout-purple-dark) !important;
    color: white !important;
}

.popup-tools button svg path {
    stroke: white !important;
    fill: white !important;
}

/* Hide EXIF GPS */
.files-icon-overlay .svg-path-marker,
.popup-exif .exif-gps {
    display: none !important;
}

/* ========================================================================== */
/*                              SIDEBAR / MENU                                */
/* ========================================================================== */

#menu {
    background: var(--scout-purple-lighter) !important;
}

#menu a {
    color: var(--scout-purple) !important;
}

#menu .active > a {
    background: var(--scout-purple-light) !important;
}

/* ========================================================================== */
/*                     FULL DOWNLOAD-PREVENTION CONTROLS                      */
/* ========================================================================== */

a[download],
.popup-tools .popup-download],
.popup-download,
button[data-action="download"],
a[data-action="download"] {
    display: none !important;
}

/* Prevent mobile long-press saving */
img,
video {
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
}

/* ========================================================================== */
/*                                WELCOME BOX                                 */
/* ========================================================================== */

#welcome-box {
    background: var(--scout-purple-lighter);
    border-left: 5px solid var(--scout-purple);
    padding: 20px;
    margin: 10px 15px 25px;
    border-radius: 8px;
}

#welcome-box h2 {
    margin: 0 0 10px 0;
    color: var(--scout-purple);
}

.crumb:first-child {
    margin-left: 0px !important;
}

/* ========================================================================== */
/*                                END OF FILE                                 */
/* ========================================================================== */