/*
 * bootstrap-tooltip.css
 * =====================
 * Migrated to Bootstrap 5.3.8 on 2026-05-10.
 *
 * ALL old BS3.4.1 tooltip/popover base styles and arrow rules have been REMOVED.
 * BS5.3.8's bootstrap.css now provides complete, native tooltip and popover styling
 * using CSS custom properties (--bs-tooltip-*, --bs-popover-*) and Popper.js v2.
 *
 * This file now contains ONLY:
 *   1. Application-specific popover/tooltip visual overrides (using BS5 CSS custom properties)
 *   2. Legacy utility classes still actively used in views/JS (to be migrated in Phase 7E)
 */

/* =========================================================================
   1. APPLICATION-SPECIFIC POPOVER OVERRIDES (BS5 CSS custom properties)
   ========================================================================= */

/* Wider popovers than BS5 default (276px), with app-specific shadow/border */
.popover {
    --bs-popover-max-width: 500px;
    --bs-popover-border-color: rgba(0, 0, 0, .2);
    --bs-popover-border-radius: 6px;
    --bs-popover-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    min-height: 50px;
}

/* Centered popover header with bottom border */
.popover-header {
    padding: 8px 14px;
    font-size: 14px;
    text-align: center;
    border-bottom: 1px solid #ebebeb;
}

/* Scrollable popover body for long content (e.g., password rules) */
.popover-body {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 600px;
}

/* Password container specific spacing */
#passwordFieldsContainer .popover-body {
    padding: 10px;
}

/* =========================================================================
   2. LEGACY UTILITY CLASSES — still actively used in views and JS
   TODO: Migrate these in Phase 7E:
     .pull-left  → .float-start  (3 views)
     .pull-right → .float-end    (1 view)
     .hide       → .d-none       (8 views + 20+ JS calls in authCommon.js)
   ========================================================================= */

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

/* Override BS5 .btn-success color when .send__nxt is present — preserves app's branded button color */
.btn-success.send__nxt {
    background-color: #0094b3;
    border-color: #0095c5;
}

.btn-success.send__nxt:hover,
.btn-success.send__nxt:active,
.btn-success.send__nxt:focus {
    background-color: #00a9cc;
    border-color: #00a9cc;
}