/* ──────────────────────────────────────────────────────────────────────
   Provider journey theme overrides
   Scope: any element inside .provider-theme gets the Provider sage-green
   palette (matching the landing-page hero CTA) instead of the default
   Time coral. Only color is overridden — layout, spacing, and typography
   are inherited from the underlying components.
   Primary:   #4F6B4A   Secondary (light): #8FA688
   ────────────────────────────────────────────────────────────────────── */

.provider-theme {
    --provider-primary: #4F6B4A;
    --provider-primary-dark: #3F5A3B;
    --provider-secondary: #8FA688;
    --provider-secondary-soft: #CADBC5;
    --provider-tint: #F1F5EF;
}

/* Bootstrap primary buttons inside Provider pages */
.provider-theme .btn-primary {
    background-color: var(--provider-primary);
    border-color: var(--provider-primary);
    /* Explicit color needed: `.provider-theme a` (specificity 0,1,1) would otherwise
beat `.btn-primary` (0,1,0) and paint anchor-styled buttons dark-blue-on-dark-blue. */
    color: #fff;
}

.provider-theme .btn-primary:hover,
.provider-theme .btn-primary:focus {
    background-color: var(--provider-primary-dark);
    border-color: var(--provider-primary-dark);
    color: #fff;
}

.provider-theme .btn-outline-primary {
    color: var(--provider-primary);
    border-color: var(--provider-primary);
}

.provider-theme .btn-outline-primary:hover,
.provider-theme .btn-outline-primary:focus {
    background-color: var(--provider-primary);
    border-color: var(--provider-primary);
    color: #fff;
}

.provider-theme a {
    color: var(--provider-primary);
}

.provider-theme a:hover {
    color: var(--provider-primary-dark);
}

/* Welcome / step-label coral accents → blue */
.provider-theme .welcome-wave,
.provider-theme .welcome-how__icon,
.provider-theme .welcome-path__icon,
.provider-theme .welcome-path__cta,
.provider-theme .welcome-path__title {
    color: var(--provider-primary);
}

.provider-theme .welcome-path {
    border-color: var(--provider-secondary-soft);
}

.provider-theme .welcome-path:hover {
    border-color: var(--provider-primary);
    box-shadow: 0 12px 32px rgba(79, 107, 74, 0.18);
}

/* Page heading icon (engagement create) */
.provider-theme .page-heading__icon {
    color: var(--provider-primary);
}

/* Status chip + pill accents */
.provider-theme .status-chip--neutral {
    background-color: var(--provider-tint);
    border-color: var(--provider-secondary-soft);
    color: var(--provider-primary-dark);
}

.provider-theme .request-pill {
    background-color: var(--provider-tint);
    border-color: var(--provider-secondary-soft);
    color: var(--provider-primary-dark);
}

/* Start dashboard card accents */
.provider-theme .start-card,
.provider-theme .request-card {
    border-color: var(--provider-secondary-soft);
}

/* Public accept page banner */
.provider-theme .public-request__nonprofit-banner {
    background-color: var(--provider-tint);
    border-left: 4px solid var(--provider-primary);
    padding: 1rem 1.25rem;
    border-radius: 0.75rem;
}

/* Helper avatar placeholder ring */
.provider-theme .helper-invite-avatar--placeholder {
    background-color: var(--provider-tint);
    color: var(--provider-primary);
}