/*
 * =============================================================================
 * Copyright (c) 2026 Paseo Platform LLC. All rights reserved.
 *
 * CONFIDENTIAL AND PROPRIETARY
 *
 * For licensing inquiries: www.paseoplatform.com
 * =============================================================================
 */

/**
 * Paseo Platform - Inline-style utility classes
 *
 * Small set of utility classes that replace the most-repeated `style=""`
 * patterns in templates. Created as part of PASEO-ENH-FE-004.
 *
 * Naming convention: `.u-<purpose>` to avoid collision with Bootstrap's
 * `.d-*`, `.text-*`, `.cursor-*` etc.
 *
 * Use these when:
 *   - The pattern is purely presentational (no JS toggling)
 *   - Bootstrap doesn't already provide the same thing (e.g. for
 *     `display: none` use Bootstrap's `.d-none` or HTML's `hidden` attr)
 *
 * Patterns NOT covered here on purpose:
 *   - `style="display: none"` — often JS-toggled via element.style.display;
 *     mechanical replacement is risky. Use Bootstrap `.d-none` only when
 *     you've verified the element is not toggled by JS.
 *   - Width percentages (`width: 20%`, etc.) — too many distinct values.
 *   - One-off font sizes — belong in per-page CSS.
 */

/* Make a wrapper element behave as if it didn't exist for layout purposes.
   Used on Django <form> tags so the form children participate in the
   parent flex/grid layout directly. */
.u-display-contents {
    display: contents;
}

/* Indicate clickability on non-anchor/non-button elements that JS makes
   interactive (e.g. clickable card divs, toggle headers). Always pair with
   keyboard support and an appropriate ARIA role. */
.u-cursor-pointer {
    cursor: pointer;
}

/* Override the default browser cursor on elements that LOOK clickable
   (buttons, dropdowns) but are intentionally non-interactive in the
   current state (e.g. single-org dropdowns rendered as labels). */
.u-cursor-default {
    cursor: default;
}