/* bodacargo — Bootstrap 5.3 komponentlərinin dizayn tokenlərinə bağlanması.
 *
 * Rənglər tokens.css-dən gəlir (design/tokens.json → php artisan bodacargo:tokens).
 * Bootstrap bu komponentlərdə rəngi sabit yazır (.btn-primary{--bs-btn-bg:#0d6efd},
 * fokus #86b7fe, kölgə rgba(13,110,253,.25)), --bs-primary-ni oxumur. Ona görə burada
 * ayrıca bağlanır. Sıxlıq kompaktdır: kiçik şrift və aşağı hündürlük (qlobal UI qaydası).
 */

.btn {
    --bs-btn-font-size: var(--bc-font-size-base);
    --bs-btn-padding-y: 0.3125rem;
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-border-radius: var(--bc-radius-sm);
}

.btn-sm {
    --bs-btn-font-size: var(--bc-font-size-sm);
    --bs-btn-padding-y: 0.1875rem;
    --bs-btn-padding-x: 0.5rem;
}

.btn-primary {
    --bs-btn-bg: var(--bc-color-primary);
    --bs-btn-border-color: var(--bc-color-primary);
    --bs-btn-hover-bg: var(--bc-color-primary-dark);
    --bs-btn-hover-border-color: var(--bc-color-primary-dark);
    --bs-btn-focus-shadow-rgb: var(--bc-color-primary-rgb);
    --bs-btn-active-bg: var(--bc-color-primary-dark);
    --bs-btn-active-border-color: var(--bc-color-primary-dark);
    --bs-btn-disabled-bg: var(--bc-color-primary);
    --bs-btn-disabled-border-color: var(--bc-color-primary);
}

.btn-outline-primary {
    --bs-btn-color: var(--bc-color-primary);
    --bs-btn-border-color: var(--bc-color-primary);
    --bs-btn-hover-bg: var(--bc-color-primary);
    --bs-btn-hover-border-color: var(--bc-color-primary);
    --bs-btn-focus-shadow-rgb: var(--bc-color-primary-rgb);
    --bs-btn-active-bg: var(--bc-color-primary-dark);
    --bs-btn-active-border-color: var(--bc-color-primary-dark);
    --bs-btn-disabled-color: var(--bc-color-primary);
    --bs-btn-disabled-border-color: var(--bc-color-primary);
}

.btn-danger {
    --bs-btn-bg: var(--bc-color-danger);
    --bs-btn-border-color: var(--bc-color-danger);
    --bs-btn-hover-bg: var(--bc-color-danger-dark);
    --bs-btn-hover-border-color: var(--bc-color-danger-dark);
    --bs-btn-focus-shadow-rgb: var(--bc-color-danger-rgb);
    --bs-btn-active-bg: var(--bc-color-danger-dark);
    --bs-btn-active-border-color: var(--bc-color-danger-dark);
}

/* Bootstrap sahənin fonunu --bs-body-bg-dən götürür, bizim səhifə fonu isə bozdur: admin
   formalarında sahə fonla birləşir və «söndürülmüş» görünürdü (cədvəldəki eyni səbəb, aşağıda). */
.form-control,
.form-select {
    font-size: var(--bc-font-size-base);
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    border-radius: var(--bc-radius-sm);
    background-color: var(--bc-color-surface);
}

/* -sm ölçüsü yuxarıdakı ümumi padding-dən sonra gəlir, yoxsa .btn-sm ilə yanaşı hündür qalır. */
.form-control-sm,
.form-select-sm {
    font-size: var(--bc-font-size-sm);
    padding-top: 0.1875rem;
    padding-bottom: 0.1875rem;
    /* Bootstrap: calc(1.5em + .5rem + 2px); padding .1875rem olduğu üçün .375rem. */
    min-height: calc(1.5em + 0.375rem + calc(var(--bs-border-width) * 2));
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: rgba(var(--bc-color-primary-rgb), 0.55);
    box-shadow: 0 0 0 0.2rem rgba(var(--bc-color-primary-rgb), 0.2);
}

.form-check-input:checked {
    background-color: var(--bc-color-primary);
    border-color: var(--bc-color-primary);
}

.form-label {
    margin-bottom: 0.25rem;
    font-size: var(--bc-font-size-sm);
    color: var(--bc-color-text-secondary);
}

.pagination {
    --bs-pagination-font-size: var(--bc-font-size-sm);
    --bs-pagination-padding-y: 0.25rem;
    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-active-bg: var(--bc-color-primary);
    --bs-pagination-active-border-color: var(--bc-color-primary);
    --bs-pagination-focus-box-shadow: 0 0 0 0.2rem rgba(var(--bc-color-primary-rgb), 0.2);
}

/* --bs-table-bg Bootstrap-da --bs-body-bg-dir, bizim fon isə bozdur. Cədvəl ağ səthdə qalır. */
.table {
    --bs-table-color: var(--bc-color-text);
    --bs-table-bg: var(--bc-color-surface);
    font-size: var(--bc-font-size-sm);
}

.card {
    --bs-card-border-color: var(--bc-color-border);
    --bs-card-border-radius: var(--bc-radius-md);
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-spacer-y: 0.75rem;
    --bs-card-spacer-x: 0.75rem;
}