/*
   Festival accent colour.

   theme.min.css is a vendored, compiled Bootstrap theme with no source, so the
   accent is overridden here rather than edited into a 370KB generated file that
   a theme update would overwrite. Load this after theme.min.css.

   Most of the theme reads the accent through var(--ar-primary), so redefining it
   below recolours 92 of the 118 places it is used. The remaining 26 are baked
   literals inside component rules, and each of those rules is repeated here.

   The derived shades follow Bootstrap's own convention, verified against the
   values the theme shipped for its cyan: hover is a 15% shade, active a 20%
   shade, active border a 25% shade, and the focus ring a 15% tint.

     base             #92278f    rgb(146, 39, 143)
     shade 15%        #7c217a
     shade 20%        #751f72
     shade 25%        #6e1d6b
     tint  15%        rgb(162, 71, 160)
*/

:root {
    --ar-primary: #92278f;
    --ar-primary-rgb: 146, 39, 143;
}

/* --- Components carrying a literal accent in the compiled theme ----------- */

.btn-primary {
    --ar-btn-bg: #92278f;
    --ar-btn-border-color: #92278f;
    --ar-btn-hover-bg: #7c217a;
    --ar-btn-hover-border-color: #751f72;
    --ar-btn-focus-shadow-rgb: 162, 71, 160;
    --ar-btn-active-bg: #751f72;
    --ar-btn-active-border-color: #6e1d6b;
    --ar-btn-disabled-bg: #92278f;
    --ar-btn-disabled-border-color: #92278f;
}

.btn-outline-primary {
    --ar-btn-color: #92278f;
    --ar-btn-border-color: #92278f;
    --ar-btn-hover-bg: #92278f;
    --ar-btn-hover-border-color: #92278f;
    --ar-btn-focus-shadow-rgb: 146, 39, 143;
    --ar-btn-active-bg: #92278f;
    --ar-btn-active-border-color: #92278f;
    --ar-btn-disabled-color: #92278f;
    --ar-btn-disabled-border-color: #92278f;
}

.pagination {
    --ar-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(146, 39, 143, 0.25);
    --ar-pagination-active-border-color: #92278f;
}

.form-select:focus {
    box-shadow: 0 0 0 0 rgba(146, 39, 143, 0.25);
}

.form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(146, 39, 143, 0.25);
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #92278f;
    border-color: #92278f;
}

.nav-link:focus-visible {
    box-shadow: 0 0 0 0.25rem rgba(146, 39, 143, 0.25);
}

[data-bs-theme=dark] .alert-primary {
    --ar-alert-bg: rgba(146, 39, 143, .05);
    --ar-alert-border-color: rgba(146, 39, 143, .25);
}

/* Flatpickr draws the left edge of a selected range with a solid shadow. */
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 #92278f;
}