/* ==========================================================================
   DPD theme: cherry red with black text. Applied with <body class="theme-dpd">
   on every DPD page (and a DPD driver's own page). Buttons are cherry red with
   white text and turn black on hover; links and menu items turn black on hover.
   Courier Exchange pages keep the green theme.
   ========================================================================== */

.theme-dpd {
    --dpd-cherry: #d2042d;
    --dpd-cherry-soft: #fce8ec;
    --dpd-black: #000000;

    --app-ink: #000000;
    --app-teal: var(--dpd-cherry);
    --app-teal-soft: var(--dpd-cherry-soft);
    --app-navy: var(--dpd-cherry);
    --app-navy-hover: var(--dpd-black);
    --app-willow: var(--dpd-cherry);
    --app-line: #ecdfe2;
    --app-canvas: #fbf8f8;
    color: #000000;
}

/* Buttons: cherry red with white text, black on hover. */
.theme-dpd .btn-primary,
.theme-dpd .btn-success {
    background: var(--dpd-cherry);
    border-color: var(--dpd-cherry);
    color: #ffffff;
}

.theme-dpd .btn-primary:hover,
.theme-dpd .btn-primary:focus,
.theme-dpd .btn-primary:active,
.theme-dpd .btn-success:hover,
.theme-dpd .btn-success:focus,
.theme-dpd .btn-success:active {
    background: var(--dpd-black);
    border-color: var(--dpd-black);
    color: #ffffff;
}

.theme-dpd .btn-primary:disabled,
.theme-dpd .btn-primary.disabled {
    background: var(--dpd-cherry);
    border-color: var(--dpd-cherry);
    color: #ffffff;
    opacity: 0.55;
}

.theme-dpd .btn-outline-primary,
.theme-dpd .btn-outline-secondary {
    border-color: var(--dpd-cherry);
    color: #000000;
}

.theme-dpd .btn-outline-primary:hover,
.theme-dpd .btn-outline-primary:focus,
.theme-dpd .btn-outline-primary:active,
.theme-dpd .btn-outline-secondary:hover,
.theme-dpd .btn-outline-secondary:focus,
.theme-dpd .btn-outline-secondary:active {
    background: var(--dpd-black);
    border-color: var(--dpd-black);
    color: #ffffff;
}

.theme-dpd .btn-outline-secondary.disabled {
    border-color: #d9c4c9;
    color: #8a7a7e;
}

/* Sidebar and business switcher. */
.theme-dpd .sidebar-link:hover,
.theme-dpd .sidebar-link:focus {
    background: var(--dpd-cherry-soft);
    color: #000000;
}

.theme-dpd .sidebar-link.active {
    background: var(--dpd-cherry);
    color: #ffffff;
}

.theme-dpd .sidebar-link.active .sidebar-icon {
    color: #ffffff;
}

.theme-dpd .sidebar-link.active:hover,
.theme-dpd .sidebar-link.active:focus {
    background: var(--dpd-black);
    color: #ffffff;
}

.theme-dpd .business-switch-option.active {
    background: var(--dpd-cherry);
    color: #ffffff;
}

.theme-dpd .business-switch-option:hover {
    color: #000000;
}

.theme-dpd .business-switch-option.active:hover {
    background: var(--dpd-black);
    color: #ffffff;
}

/* Links: black text with a cherry underline, all black on hover. */
.theme-dpd a:not(.btn):not(.sidebar-link):not(.business-switch-option) {
    color: #000000;
    text-decoration-color: var(--dpd-cherry);
}

.theme-dpd a:not(.btn):not(.sidebar-link):not(.business-switch-option):hover {
    color: #000000;
    text-decoration-color: #000000;
}

.theme-dpd summary.text-primary {
    color: var(--dpd-cherry) !important;
}

.theme-dpd summary.text-primary:hover {
    color: #000000 !important;
}

/* Forms. */
.theme-dpd .form-control:focus,
.theme-dpd .form-select:focus {
    border-color: var(--dpd-cherry);
    box-shadow: 0 0 0 0.2rem rgba(210, 4, 45, 0.18);
}

.theme-dpd .icon-field:focus-within > .fi {
    color: var(--dpd-cherry);
}

/* Cards, pills and figures use cherry and black instead of green and blue. */
.theme-dpd .tone-success { --tone: var(--dpd-cherry); --tone-bg: var(--dpd-cherry-soft); --tone-ink: #000000; }
.theme-dpd .tone-info    { --tone: #000000; --tone-bg: #efefef; --tone-ink: #000000; }

.theme-dpd .text-success {
    color: var(--dpd-cherry) !important;
}

.theme-dpd .rec-link:hover,
.theme-dpd .rec-link:focus-within {
    border-color: #000000;
}

.theme-dpd .user-indicator {
    background: var(--dpd-cherry);
}