/*!
 * QuantKey overrides for Skote bootstrap.min.css (Skote 4.4.0 / Bootstrap 5.3.8)
 *
 * Load immediately after public/assets/css/bootstrap.min.css.
 *
 * Brand colours now come from the SCSS build (resources/scss/_quantkey-variables.scss,
 * `npm run build:theme`): --bs-red/--bs-danger and every danger component are amber
 * (#EFAC03) in the compiled file, so only what the variables cannot express is kept here.
 *
 * History: this file started as the extracted hand edits to the Skote 3.x compiled CSS
 * (deployment/tools/css_override_diff.py, STOCK 4240f8f3 vs CURRENT 76c60cae). For the
 * 4.4 move, rules made redundant by the variables were removed after re-parsing the
 * compiled output, and Bootstrap 5.1 state rules were converted to 5.3 --bs-btn-* vars.
 * [changed] = differs from stock Skote, [compat] = keeps a 3.x class working.
 */

/* ========================================================================
   Buttons
   ======================================================================== */

/* .btn-danger: no override. Base, hover/focus/active and disabled colours come from
   $danger (#EFAC03) with Bootstrap's normal shade-color logic, like the other solid
   buttons. (The 3.x light-amber #fff7e5 hover was an accidental hand edit; removed.) */

/* [compat] Bootstrap 5.3 special-cases light/dark buttons (much darker hover on
   .btn-light, lighter hover on .btn-dark) and picks white text on secondary/dark.
   These restore the Skote 3.x (Bootstrap 5.1) colours. */
.btn-secondary {
    --bs-btn-color: #eff2f7;
    --bs-btn-disabled-color: #eff2f7;
}

.btn-light {
    --bs-btn-hover-bg: #f1f4f8;
    --bs-btn-hover-border-color: #f1f3f8;
    --bs-btn-active-bg: #f2f5f9;
    --bs-btn-active-border-color: #f1f3f8;
}

.btn-outline-light {
    --bs-btn-color: #212529;
}

.btn-dark {
    --bs-btn-color: #eff2f7;
    --bs-btn-hover-color: #eff2f7;
    --bs-btn-hover-bg: #2c3136;
    --bs-btn-hover-border-color: #2a2e33;
    --bs-btn-active-bg: #2a2e33;
    --bs-btn-active-border-color: #272c30;
    --bs-btn-disabled-color: #eff2f7;
}

.btn-outline-dark {
    --bs-btn-hover-color: #eff2f7;
}

/* .btn-outline-danger: no override needed; with $danger = #EFAC03 the compiled
   --bs-btn-* values equal the 3.x hand edits (colour, border, hover/active fill,
   white hover text, disabled colour, transparent disabled background). */

/* ========================================================================
   Forms, validation and inputs
   (kept: the compiled file uses var(--bs-form-invalid-*) = #EFAC03, but these
   could not be proven cascade-equivalent automatically; harmless duplicates)
   ======================================================================== */

/* [changed] */
.invalid-feedback {
    color: #EFAC03;
}

/* [changed] */
.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #EFAC03;
}

/* [changed] */
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #EFAC03;
}

/* [changed] */
.form-select.is-invalid,
.was-validated .form-select:invalid {
    border-color: #EFAC03;
}

/* [changed] */
.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
    border-color: #EFAC03;
}

/* [changed] */
.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
    border-color: #EFAC03;
}

/* [changed] */
.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
    background-color: #EFAC03;
}

/* [changed] */
.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #EFAC03;
}

/* ========================================================================
   Colour utilities, alerts, badges, text/background helpers
   ======================================================================== */

/* [compat] Danger utilities stay red, as before the 4.4 build.
   In 3.x only the components with hard-coded colours (.btn-danger, .btn-outline-danger,
   validation, .border-danger, form-check/switch danger, toast borders) were amber.
   Everything that reads the danger variables (.text-danger - the grid trash icons -
   .bg-danger, .text-bg-danger, .link-danger, .badge.bg-danger, .bg-danger-subtle,
   .text-danger-emphasis, focus rings, invalid-focus shadows) was Skote 3.x red #f46a6a
   or Laravel Bootstrap's default tokens, because Skote 3.x never branded
   --bs-danger-rgb and never defined the -subtle/-emphasis tokens. Skote 4.4 compiles
   all of them from $danger, so they are pinned back here. --bs-danger itself stays
   amber (it was amber in 3.x too). Values measured from the 3.x stack in a headless
   browser (scratch tool: computed colours, old vs new). */
:root,
[data-bs-theme=light] {
    --bs-danger-rgb: 244, 106, 106;
    --bs-danger-text-emphasis: #58151c;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545;
}

.link-danger:focus,
.link-danger:hover {
    color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}

.badge.bg-danger[href]:focus,
.badge.bg-danger[href]:hover {
    background-color: #f35757 !important;
}

/* Skote 3.x hard-coded red tints (never hand-branded; .alert-danger: see Alerts). */
.table-danger {
    --bs-table-bg: #fde1e1;
    --bs-table-border-color: #e4cbcb;
    --bs-table-striped-bg: #f0d6d6;
    --bs-table-active-bg: #e4cbcb;
    --bs-table-hover-bg: #ead0d0;
}

.list-group-item-danger {
    --bs-list-group-color: #924040;
    --bs-list-group-bg: #fde1e1;
    --bs-list-group-border-color: var(--bs-border-color);
    --bs-list-group-action-hover-color: #924040;
    --bs-list-group-action-hover-bg: #e4cbcb;
    --bs-list-group-action-active-color: #924040;
    --bs-list-group-action-active-bg: #e4cbcb;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #924040;
    --bs-list-group-active-border-color: #924040;
}

.invalid-tooltip {
    background-color: rgba(244, 106, 106, .9);
}

/* [changed] literal amber (ignores .border-opacity-* like the 3.x edit did) */
.border-danger {
    border-color: #EFAC03 !important;
}

/* [changed] amber text on the Skote 3.x red tint, as in 3.x */
.badge-soft-danger {
    color: #EFAC03;
    background-color: rgba(244, 106, 106, .18);
}

/* [changed] */
.badge-soft-danger[href]:focus,
.badge-soft-danger[href]:hover {
    color: #EFAC03;
    background-color: rgba(244, 106, 106, .4);
}

/* [compat] In 3.x these Bootstrap 5.3 helpers came only from Laravel's Bootstrap
   (public/css/app.css) with its default tokens; Skote 4.4 now defines them with
   Skote tokens. Keep the 3.x colours. */
.bg-primary-subtle {
    background-color: #cfe2ff !important;
}

.border-secondary-subtle {
    border-color: #c4c8cb !important;
}

/* [compat] .bg-soft was removed in Skote 4.x (Bootstrap 5.3 has .bg-*-subtle).
   Same values as Skote 3.x (danger kept at the old 3.x red tint).
   Only referenced inside Blade comments in auth views today. */
.bg-primary.bg-soft {
    background-color: rgba(85, 110, 230, .25) !important;
}

.bg-secondary.bg-soft {
    background-color: rgba(116, 120, 141, .25) !important;
}

.bg-success.bg-soft {
    background-color: rgba(52, 195, 143, .25) !important;
}

.bg-info.bg-soft {
    background-color: rgba(80, 165, 241, .25) !important;
}

.bg-warning.bg-soft {
    background-color: rgba(241, 180, 76, .25) !important;
}

.bg-danger.bg-soft {
    background-color: rgba(244, 106, 106, .25) !important;
}

.bg-pink.bg-soft {
    background-color: rgba(232, 62, 140, .25) !important;
}

.bg-light.bg-soft {
    background-color: rgba(239, 242, 247, .25) !important;
}

.bg-dark.bg-soft {
    background-color: rgba(52, 58, 64, .25) !important;
}

/* ========================================================================
   Alerts
   ======================================================================== */

/* [compat] Bootstrap 5.3 alerts use the *-text-emphasis / *-bg-subtle tokens
   (darker text, 25% background); Skote 3.x used Bootstrap 5.1's tint/shade
   values, restored here. Danger keeps the Skote 3.x red tint. */
.alert-primary {
    --bs-alert-color: #33428a;
    --bs-alert-bg: #dde2fa;
    --bs-alert-border-color: #ccd4f8;
    --bs-alert-link-color: #29356e;
}

.alert-secondary {
    --bs-alert-color: #464855;
    --bs-alert-bg: #e3e4e8;
    --bs-alert-border-color: #d5d7dd;
    --bs-alert-link-color: #383a44;
}

.alert-success {
    --bs-alert-color: #1f7556;
    --bs-alert-bg: #d6f3e9;
    --bs-alert-border-color: #c2eddd;
    --bs-alert-link-color: #195e45;
}

.alert-info {
    --bs-alert-color: #306391;
    --bs-alert-bg: #dcedfc;
    --bs-alert-border-color: #cbe4fb;
    --bs-alert-link-color: #264f74;
}

.alert-warning {
    --bs-alert-color: #916c2e;
    --bs-alert-bg: #fcf0db;
    --bs-alert-border-color: #fbe9c9;
    --bs-alert-link-color: #745625;
}

.alert-danger {  /* Skote 3.x hex, red tint (it was never branded amber) */
    --bs-alert-color: #924040;
    --bs-alert-bg: #fde1e1;
    --bs-alert-border-color: #fcd2d2;
    --bs-alert-link-color: #753333;
}

.alert-pink {
    --bs-alert-color: #8b2554;
    --bs-alert-bg: #fad8e8;
    --bs-alert-border-color: #f8c5dd;
    --bs-alert-link-color: #6f1e43;
}

.alert-light {
    --bs-alert-color: #8f9194;
    --bs-alert-bg: #fcfcfd;
    --bs-alert-border-color: #fafbfd;
    --bs-alert-link-color: #727476;
}

.alert-dark {
    --bs-alert-color: #1f2326;
    --bs-alert-bg: #d6d8d9;
    --bs-alert-border-color: #c2c4c6;
    --bs-alert-link-color: #191c1e;
}

/* ========================================================================
   Modals
   ======================================================================== */

/* [compat] Bootstrap 5.1 spread the modal header (title left, close right);
   5.3 relies on .btn-close margin-left:auto, which our custom close buttons lack. */
.modal-header {
    justify-content: space-between;
}

/* ========================================================================
   Component variables outside their wrapper
   ======================================================================== */

/* [compat] Bootstrap 5.3 defines component variables on the wrapper (.modal,
   .card, .dropdown-menu, .nav, .pagination, .list-group). Several of our pages use
   .modal-dialog/.modal-content inline (no .modal parent, e.g. profile, new
   organization, project integrations), and Bootstrap 5.1 styled them anyway.
   Defaults on :root restore that; the wrappers still override them as usual.
   Values copied from the compiled bootstrap.min.css (rebuild => re-check). */
:root {
    /* from .dropdown-menu */
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 0.8125rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-secondary-bg);
    --bs-dropdown-border-color: var(--bs-border-color);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: 0;
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - 0);
    --bs-dropdown-divider-bg: var(--bs-border-color);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
    --bs-dropdown-link-color: #212529;
    --bs-dropdown-link-hover-color: #1e2125;
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: var(--bs-emphasis-color);
    --bs-dropdown-link-active-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-disabled-color: #74788d;
    --bs-dropdown-item-padding-x: 1.5rem;
    --bs-dropdown-item-padding-y: 0.35rem;
    --bs-dropdown-header-color: #74788d;
    --bs-dropdown-header-padding-x: 1.5rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    /* from .nav */
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    /* from .card */
    --bs-card-spacer-y: 1.25rem;
    --bs-card-spacer-x: 1.25rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: 0;
    --bs-card-border-color: var(--bs-border-color);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - 0);
    --bs-card-cap-padding-y: 0.625rem;
    --bs-card-cap-padding-x: 1.25rem;
    --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
    --bs-card-bg: var(--bs-secondary-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 12px;
    /* from .pagination */
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.5rem;
    --bs-pagination-font-size: 0.8125rem;
    --bs-pagination-color: var(--bs-secondary-color);
    --bs-pagination-bg: var(--bs-secondary-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: #ced4da;
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: #eff2f7;
    --bs-pagination-hover-border-color: #ced4da;
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: #eff2f7;
    --bs-pagination-focus-box-shadow: 0 0 0 0.15rem rgba(85, 110, 230, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #556ee6;
    --bs-pagination-active-border-color: #556ee6;
    --bs-pagination-disabled-color: #ced4da;
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: #ced4da;
    /* from .list-group */
    --bs-list-group-color: #212529;
    --bs-list-group-bg: var(--bs-secondary-bg);
    --bs-list-group-border-color: var(--bs-border-color);
    --bs-list-group-border-width: var(--bs-border-width);
    --bs-list-group-border-radius: var(--bs-border-radius);
    --bs-list-group-item-padding-x: 1.25rem;
    --bs-list-group-item-padding-y: 0.75rem;
    --bs-list-group-action-color: var(--bs-secondary-color);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
    --bs-list-group-action-active-color: var(--bs-body-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-bg);
    --bs-list-group-disabled-color: #74788d;
    --bs-list-group-disabled-bg: var(--bs-secondary-bg);
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #556ee6;
    --bs-list-group-active-border-color: #556ee6;
    /* from .modal */
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: var(--bs-body-color);
    --bs-modal-bg: var(--bs-secondary-bg);
    --bs-modal-border-color: #f6f6f6;
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
}

@media(min-width: 576px) {
    :root {
        /* from .modal */
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
    }
}