/* html/body & spin */
html, body {
    touch-action: manipulation !important;
}

.spin:before {
    animation: spin 1s infinite linear;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Clipboard */
.js-clipboard {
    cursor: pointer;
    display: inline-block;
}
.js-clipboard.copied {
    animation: pulse-success .5s ease forwards;
    color: var(--bs-success);
}

/* ACF Fields */
.acf-field {
    margin: 0 0 2rem 0;
}

.acf-input-prepend, .acf-input-append {
    padding: .5rem 1rem;
    background: var(--bs-border-color);
    border: 1px solid var(--bs-border-color);
    border-left: 0;
    min-height: calc(1.5em + 1.125rem);
}

/* Button group */
.acf-button-group {
    border: 0 !important;
    padding: 0 !important;
    display: flex !important;
}
.acf-button-group label {
    border: 1px solid var(--bs-border-color) !important;
    padding: 9px 0 !important;
    background: unset;
}
.acf-button-group label.selected {
    color: #377dff;
    background: rgba(55,125,255,.1);
}

/* Form controls readonly */
.form-control[readonly]:not(.js-flatpickr),
.date-range-filter[readonly] {
    background-color: rgba(113,134,157,.1) !important;
}

/* Media queries */
@media (max-width: 768px) {
  #main_table_paginate .paginate_item.page-item { display: none; }
  #main_table_paginate .paginate_item.page-item.active,
  #main_table_paginate .paginate_item.page-item:has(> .paginate_button.previous),
  #main_table_paginate .paginate_item.page-item:has(> .paginate_button.next) {
    display: list-item;
  }
}

/* Select2 */
.select2-selection--single,
.select2-selection--multiple {
    border: 1px solid var(--bs-border-color) !important;
    height: calc(2.25rem + 3px) !important;
    padding: 0.375rem 0 !important;
    font-size: .8125rem;
    background: #25282a !important;
}
.select2-container--open {
    z-index: 999999;
}
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    color: #fff;
}

/* Flatpickr */
.flatpickr-calendar { background-color: #2d3236 !important; }
.flatpickr-day.today { color: #377dff !important; background-color: unset !important; }
.flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-month.startRange,
.flatpickr-monthSelect-month.endRange {
    color: #fff !important;
    background-color: #377dff !important;
    border-color: #377dff !important;
}
.flatpickr-monthSelect-month.inRange,
.flatpickr-monthSelect-month.inRange.today,
.flatpickr-monthSelect-month:hover,
.flatpickr-monthSelect-month:focus {
    background: #25282a !important;
    border-color: #25282a !important;
}