/**
 * Adjectif - Overrides & Custom Styles
 *
 * ⚠️ NO DATATABLES STYLES HERE - See datatable-daisy-overrides.css
 */

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.select-bordered > .ts-control {
    border-radius: 6px;
    padding: 10px;
}

.ts-wrapper.tom-select-fournisseur .ts-control {
    border: none;
}

.article.subformdiv > .card-body > input {
    display: none;
}

.article.subformdiv textarea {
    min-height: 40px;
    height: 40px;
}

.btn {
    border-radius: 2rem;
    text-transform: none;
    font-weight: 500;
}

.card {
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}

/* =============================================================================
   INPUTS - Hide number spinners
   ============================================================================= */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

/* =============================================================================
   HTMX - indicateurs de chargement
   ============================================================================= */

.htmx-indicator {
    display: none;
}

.htmx-request .htmx-indicator {
    display: inline-flex;
}

.htmx-indicator.htmx-request {
    display: inline-flex;
}

/* floute le contenu pendant le chargement */
.relative:has(> .htmx-indicator.htmx-request) > *:not(.htmx-indicator) {
    filter: blur(3px);
    opacity: 0.55;
    pointer-events: none;
    transition: filter .25s ease, opacity .25s ease;
}