/*
 * Phone and tablet sizes for controls, on every page (added by tracom_insert_touch_css() in
 * config/security.php). Only phones and touch screens are affected; desktop layouts stay as they are.
 */

/* iOS zooms the whole page when a focused field's text is under 16 px. */
@media (max-width: 767.98px) {
    input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
    select,
    textarea,
    .form-control,
    .form-control-sm,
    .custom-select,
    .custom-select-sm {
        font-size: 16px;
    }

    .form-control-sm,
    .custom-select-sm {
        height: auto;
        min-height: 38px;
    }
}

/* Finger-sized targets: small buttons, pager links and text links that act as buttons. */
@media (max-width: 767.98px), (pointer: coarse) {
    .btn-sm,
    .btn-xs,
    .btn-group-sm > .btn {
        min-height: 36px;
        min-width: 36px;
    }

    a.btn-sm,
    a.btn-xs,
    button.btn-sm,
    button.btn-xs {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .btn-link.p-0 {
        min-height: 36px;
    }

    /* Larger pager links must wrap, or a long pager widens the whole page. */
    .pagination {
        flex-wrap: wrap;
    }

    .page-link {
        min-width: 38px;
        min-height: 38px;
        text-align: center;
    }

    .small-box > .small-box-footer {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    a.read-more {
        display: inline-block;
        padding: 8px 0;
    }

    .chat-section-button {
        min-height: 36px;
    }

    .fc .fc-col-header-cell-cushion,
    .fc .fc-daygrid-day-number {
        padding: 8px;
    }
}