/**
 * PlanningCS - Custom Overrides for Reback Template
 */

/* Primary color override: fire red */
:root,
[data-bs-theme="light"],
[data-bs-theme="dark"] {
    --bs-primary: #ce2029;
    --bs-primary-rgb: 206, 32, 41;
}

.bg-primary {
    background-color: #ce2029 !important;
}

.btn-primary {
    --bs-btn-bg: #ce2029;
    --bs-btn-border-color: #ce2029;
    --bs-btn-hover-bg: #b01c24;
    --bs-btn-hover-border-color: #a5191f;
    --bs-btn-active-bg: #a5191f;
    --bs-btn-active-border-color: #99171d;
    --bs-btn-disabled-bg: #ce2029;
    --bs-btn-disabled-border-color: #ce2029;
}

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

.btn-soft-primary {
    --bs-btn-color: #ce2029;
    --bs-btn-bg: rgba(206, 32, 41, 0.1);
    --bs-btn-hover-bg: #ce2029;
    --bs-btn-hover-color: #fff;
}

.text-primary {
    color: #ce2029 !important;
}

a {
    color: #ce2029;
}

.badge-soft-primary,
.badge.bg-primary-subtle {
    color: #ce2029 !important;
}

.progress-bar,
.form-check-input:checked {
    background-color: #ce2029;
}

.form-check-input:checked {
    border-color: #ce2029;
}

.nav-pills .nav-link.active {
    background-color: #ce2029;
}

.page-item.active .page-link {
    background-color: #ce2029;
    border-color: #ce2029;
}

/* Masonry card layout using CSS columns */
.masonry {
    column-count: 1;
    column-gap: 1.5rem;
}
/* display:inline-block + page-break-inside prevent column splits in Chrome/Edge */
/* :not(script) prevents script tags from becoming visible with inline-block */
.masonry > *:not(script) {
    break-inside: avoid;
    page-break-inside: avoid;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
    .masonry { column-count: 2; }
}
@media (min-width: 1200px) {
    .masonry { column-count: 3; }
}
@media (min-width: 1400px) {
    .masonry.masonry-4 { column-count: 4; }
}

/* 7-column grid for calendar views */
.row-cols-7 > * {
    flex: 0 0 auto;
    width: 14.285714%;
}

@media (min-width: 768px) {
    .row-cols-md-7 > * {
        flex: 0 0 auto;
        width: 14.285714%;
    }
}

/* Dashboard selector pill */
.btn[href*="view="]:not(.btn-primary) {
    color: var(--bs-secondary-color);
}
.btn[href*="view="]:not(.btn-primary):hover {
    background-color: rgba(var(--bs-primary-rgb), .08);
    color: var(--bs-primary);
}

/* Availability toggle transition */
.availability-toggle {
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

/* Sort icons in staff table */
.sort-icon {
    font-size: .75em;
    vertical-align: middle;
    cursor: pointer;
}

/* Rounded nav arrows */
.btn.rounded-circle {
    font-size: 1.1rem;
    line-height: 1;
}

/* Progress bar override for primary color */
.progress-bar.bg-primary {
    background-color: #ce2029 !important;
}

/* ApexCharts tooltip font */
.apexcharts-tooltip {
    font-family: inherit !important;
    font-size: 12px !important;
}
.apexcharts-xaxis-label,
.apexcharts-yaxis-label {
    font-family: inherit !important;
}