/**
 * Pacific Plugins — Brand color overrides
 * Primary:  #4f6370  (slate blue-gray)
 * Accent:   #70a9a8  (teal)
 *
 * Loaded after core.min.css to override the default purple primary.
 */

/* ── CSS variable overrides ──────────────────────────────────────────── */
:root {
    --bs-primary:              #4f6370;
    --bs-primary-rgb:          79, 99, 112;
    --bs-primary-text-emphasis:#2d3d47;
    --bs-primary-bg-subtle:    #ecf0f2;
    --bs-primary-border-subtle:#b8c4ca;
    --bs-link-color:           #4f6370;
    --bs-link-color-rgb:       79, 99, 112;
    --bs-link-hover-color:     #3a4b56;
    --bs-link-hover-color-rgb: 58, 75, 86;

    --pp-accent:               #70a9a8;
    --pp-accent-rgb:           112, 169, 168;
    --pp-accent-soft:          #e8f4f4;
    --pp-accent-dark:          #5a9190;
}

/* ── Primary button ──────────────────────────────────────────────────── */
.btn-primary {
    --bs-btn-color:             #fff;
    --bs-btn-bg:                #4f6370;
    --bs-btn-border-color:      #4f6370;
    --bs-btn-hover-color:       #fff;
    --bs-btn-hover-bg:          #435561;
    --bs-btn-hover-border-color:#3a4b56;
    --bs-btn-focus-shadow-rgb:  79, 99, 112;
    --bs-btn-active-color:      #fff;
    --bs-btn-active-bg:         #3a4b56;
    --bs-btn-active-border-color:#334249;
    --bs-btn-disabled-color:    #fff;
    --bs-btn-disabled-bg:       #4f6370;
    --bs-btn-disabled-border-color: #4f6370;
}

.btn-primary:not(.btn-noshadow):hover,
.btn-primary:not(.btn-noshadow):not(.btn-soft):focus,
.btn-primary:not(.btn-noshadow):not(.btn-soft):active {
    box-shadow: 0 4px 11px rgba(79, 99, 112, 0.35) !important;
}

.btn-outline-primary {
    --bs-btn-color:              #4f6370;
    --bs-btn-border-color:       #4f6370;
    --bs-btn-hover-color:        #fff;
    --bs-btn-hover-bg:           #4f6370;
    --bs-btn-hover-border-color: #4f6370;
    --bs-btn-active-color:       #fff;
    --bs-btn-active-bg:          #4f6370;
    --bs-btn-active-border-color:#4f6370;
}

/* ── Background utilities ────────────────────────────────────────────── */
.bg-primary {
    background-color: #4f6370 !important;
}

.bg-primary-soft {
    color: #2d3d47 !important;
    background-color: #ecf0f2 !important;
}

.bg-primary-soft-hover:hover {
    background-color: #ecf0f2 !important;
}

/* ── Text utilities ──────────────────────────────────────────────────── */
.text-primary {
    color: #4f6370 !important;
}

/* ── Border utilities ────────────────────────────────────────────────── */
.border-primary {
    border-color: #4f6370 !important;
}

/* ── Badge ───────────────────────────────────────────────────────────── */
.badge.bg-primary,
.text-bg-primary {
    background-color: #4f6370 !important;
    color: #fff !important;
}

/* ── Links ───────────────────────────────────────────────────────────── */
a {
    color: #4f6370;
}
a:hover {
    color: #3a4b56;
}

/* ── Nav active indicator ────────────────────────────────────────────── */
.navbar .nav-item.active .nav-link,
.navbar .nav-link.active {
    color: #4f6370 !important;
}

/* ── Soft button (pill badges used in nav) ───────────────────────────── */
.btn-soft-static.btn-primary:not([aria-expanded="true"]):not(.active),
.btn-soft.btn-primary:not(:hover):not([aria-expanded="true"]):not(.active) {
    background-color: #ecf0f2;
    border-color:     #ecf0f2;
    color:            #4f6370;
}

/* ── Breadcrumb active ───────────────────────────────────────────────── */
.breadcrumb-item.active {
    color: #4f6370;
}

/* ── Focus ring ──────────────────────────────────────────────────────── */
.form-control:focus,
.form-select:focus {
    border-color: rgba(79, 99, 112, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(79, 99, 112, 0.25);
}

/* ── Accent color utilities ──────────────────────────────────────────── */
.bg-accent {
    background-color: var(--pp-accent) !important;
}
.bg-accent-soft {
    background-color: var(--pp-accent-soft) !important;
    color: #2d3d47 !important;
}
.text-accent {
    color: var(--pp-accent) !important;
}
