/* Upstream Gardens Admin Theme */
/* Light mode variables */
:root {
    --w-color-primary: #7c0a02;
    --w-color-primary-200: #a61a10;
    --w-color-secondary: #7c0a02;
    --w-color-secondary-100: #f5e6e5;
    --upstream-bg: #ffffff;
    --upstream-bg-alt: #f5f5f5;
    --upstream-text: #363936;
    --upstream-border: #e3e3e3;
}

/* Dark mode variables */
.w-theme-dark {
    --upstream-bg: #1a1a1a;
    --upstream-bg-alt: #2d2d2d;
    --upstream-text: #e0e0e0;
    --upstream-border: #404040;
}

/*login*/
body.login, main.content-wrapper {
    background-color: var(--upstream-bg);
    color: var(--upstream-text);
}

.login label {
    color: var(--upstream-text);
}

.login ul.fields > li {
    background-color: var(--upstream-bg);
    border: none;
}

.login .submit > button.button {
    background-color: var(--upstream-bg);
    border: 2px solid var(--w-color-primary);
    color: var(--w-color-primary);
    border-radius: 5px;
}

.login .submit > button.button:hover {
    background-color: var(--w-color-primary);
    border: 2px solid var(--w-color-primary);
    color: white;
    border-radius: 5px;
}

.login ul.fields > li.full {
    background-color: var(--upstream-bg-alt);
    border: 1px solid var(--w-color-primary);
    color: var(--upstream-text);
}

.login input:not([type="submit"]), select, .login.full .iconfield .input::before {
    color: var(--upstream-text);
}

.login ul.fields > li:first-child {
    background-color: var(--upstream-bg-alt);
    border-bottom: none;
}

.login-logo {
    font-size: 2rem;
    color: var(--w-color-primary);
    font-family: "Architects Daughter", sans-serif;
}

header.merged.nice-padding, header, header.has-form {
    background-color: var(--upstream-bg);
    color: var(--w-color-primary);
    border-bottom: 1px solid var(--w-color-primary);
}

header.merged.nice-padding {
    padding-left: 4rem;
}

header h1, header h2, header .user-name {
    color: var(--w-color-primary);
}

header > .field-content {
    border: 1px solid var(--w-color-primary);
}

header .button {
    background-color: var(--w-color-primary);
    color: #ffffff;
    border: 1px solid var(--upstream-bg);
}

header.merged.nice-padding > .row > .col1 {
    display: none;
}

/*Side Nav*/
.sidebar__inner {
    background: var(--upstream-bg-alt);
}

.sidebar-custom-branding > .upstream-nav-logo {
    fill: var(--w-color-primary);
    padding: 1rem;
}

.sidebar-menu-item__link {
    color: var(--upstream-text);
}

.sidebar-menu-item--active, .sidebar-menu-item__link--active {
    background: var(--w-color-primary);
}

.sidebar__collapse-toggle {
    background-color: var(--upstream-bg-alt);
    color: var(--upstream-text);
}

.sidebar-menu-item__link:focus, .sidebar-menu-item__link:hover {
    text-shadow: none;
    color: var(--w-color-primary);
}

.sidebar-menu-item.sidebar-menu-item--active > .sidebar-menu-item__link:hover {
    color: white;
}

.nav-main .account, .nav-main .account:hover {
    border-top: 2px solid var(--w-color-primary);
    background-color: var(--upstream-bg-alt);
    color: var(--w-color-primary);
    text-shadow: none;
}

.nav-search input {
    background-color: unset;
}

.sidebar-search__input {
    background-color: var(--upstream-bg-alt);
}

.nav-main a {
    color: var(--upstream-text);
    background-color: var(--upstream-bg-alt);
}

.nav-main a:active, .nav-main a:hover, .menu-item, .menu-active {
    color: var(--w-color-primary);
    text-shadow: none;
}

.nav-main .menu-active > a {
    border-left-color: var(--w-color-primary);
    color: var(--w-color-primary);
    background-color: var(--upstream-border);
}

.nav-main a:active, .nav-main a:hover, .menu-active {
    background: var(--upstream-border);
    color: var(--w-color-primary);
}

.sidebar-sub-menu-panel {
    background: var(--w-color-primary);
}

.sidebar-sub-menu-panel ul > li {
    color: white;
}

.sidebar-sub-menu-item.sidebar-menu-item--active.sidebar-sub-menu-item--open {
    color: white;
}


.changelist-filter li.selected a {
    background-color: var(--w-color-primary);
    border: none;
}

.changelist-filter a:hover {
    background-color: var(--w-color-primary);
    color: white;
}

.changelist-filter a {
    background-color: var(--upstream-bg);
    border: 1px solid var(--upstream-text);
    color: var(--upstream-text);
}

.nav-submenu h2 {
    color: var(--upstream-text);
}

.sidebar-nav-toggle {
    background: var(--w-color-primary);
}

#account-settings {
    text-align: center;
    min-height: 50px;
}

.nav-submenu {
    background: var(--upstream-bg-alt);
}


/*Page views*/
.object > .title-wrapper {
    background: var(--upstream-bg-alt);
}

.object > .title-wrapper::before {
    background-color: var(--w-color-primary);
}

.nav-main .nav-footer {
    position: fixed;
    width: 200px;
    bottom: 0;
}

/* Dashboard and main content area */
.w-theme-dark .content-wrapper,
.w-theme-dark .w-main,
.w-theme-dark main,
.w-theme-dark .w-panel {
    background-color: var(--upstream-bg);
}

.w-theme-dark .w-panel {
    background-color: var(--upstream-bg-alt);
    border-color: var(--upstream-border);
}

/* Dashboard welcome heading */
.w-theme-dark h1,
.w-theme-dark h2,
.w-theme-dark h3 {
    color: var(--upstream-text);
}

/* Summary panels on dashboard */
.w-theme-dark .w-summary__list,
.w-theme-dark .summary,
.w-theme-dark .panel,
.w-theme-dark [class*="summary"] {
    background-color: var(--upstream-bg-alt);
}

.w-theme-dark .w-summary__item a,
.w-theme-dark .summary a,
.w-theme-dark .w-link {
    color: #e57373;
}

.w-theme-dark .w-summary__item a:hover,
.w-theme-dark .summary a:hover {
    color: #ff8a80;
}

/* Account/user section */
.w-theme-dark .w-userbar,
.w-theme-dark .account-details,
.w-theme-dark [class*="account"] {
    background-color: var(--upstream-bg-alt);
    color: var(--upstream-text);
}

.w-theme-dark .w-userbar a,
.w-theme-dark .account-details a {
    color: #e57373;
}

/* Sidebar footer (Account, Log out) */
.w-theme-dark .sidebar-footer,
.w-theme-dark .sidebar-account,
.w-theme-dark .sidebar-menu-item__link[href*="account"],
.w-theme-dark .sidebar-menu-item__link[href*="logout"] {
    color: var(--upstream-text);
}

/* Search input */
.w-theme-dark input,
.w-theme-dark .w-field__input input {
    background-color: var(--upstream-bg-alt);
    color: var(--upstream-text);
    border-color: var(--upstream-border);
}

/* General text color fix */
.w-theme-dark p,
.w-theme-dark span,
.w-theme-dark label,
.w-theme-dark .w-label {
    color: var(--upstream-text);
}

/* Buttons */
.w-theme-dark .button,
.w-theme-dark .w-button {
    background-color: var(--w-color-primary);
    color: white;
}

.w-theme-dark .button--secondary,
.w-theme-dark .w-button--secondary {
    background-color: var(--upstream-bg-alt);
    color: var(--upstream-text);
    border-color: var(--upstream-border);
}

/* Tables */
.w-theme-dark table,
.w-theme-dark .listing,
.w-theme-dark .w-table {
    background-color: var(--upstream-bg-alt);
    color: var(--upstream-text);
}

.w-theme-dark th,
.w-theme-dark td {
    border-color: var(--upstream-border);
}

.w-theme-dark tbody tr:hover {
    background-color: var(--upstream-border);
}

/* Dropdown menus */
.w-theme-dark .w-dropdown,
.w-theme-dark .dropdown,
.w-theme-dark [class*="dropdown"] {
    background-color: var(--upstream-bg-alt);
    border-color: var(--upstream-border);
}

/* Icons - make them visible */
.w-theme-dark .icon,
.w-theme-dark svg.icon {
    color: var(--upstream-text);
    fill: var(--upstream-text);
}