/* =================================================================
   bip-ui.css
   Reusable, theme-agnostic UI primitives. Use these classes anywhere
   in the plugin's frontend pages — loaded globally from igniter.php.
   Add small components here as the project grows; keep larger
   structural pieces (modals, tables, dashboard widgets) in their
   own dedicated files.
   ================================================================= */

/* =================================================================
   BUTTONS  —  bip-btn-{primary|secondary|success|danger|ghost}
   Modifiers: bip-btn-sm | bip-btn-lg | bip-btn-block
   ================================================================= */
.bip-btn,
.bip-btn-primary,
.bip-btn-secondary,
.bip-btn-success,
.bip-btn-danger,
.bip-btn-ghost {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
    font-family: inherit;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.bip-btn-primary { background: #1590C5; color: #fff; }
.bip-btn-primary:hover, .bip-btn-primary:focus { background: #117ba8; color: #fff; }

.bip-btn-secondary { background: #6c757d; color: #fff; }
.bip-btn-secondary:hover, .bip-btn-secondary:focus { background: #5a6268; color: #fff; }

.bip-btn-success { background: #00a72c; color: #fff; }
.bip-btn-success:hover, .bip-btn-success:focus { background: #008a23; color: #fff; }

.bip-btn-danger { background: #d9534f; color: #fff; }
.bip-btn-danger:hover, .bip-btn-danger:focus { background: #b03a37; color: #fff; }

.bip-btn-ghost {
    background: #fff;
    color: #1590C5;
    border-color: #1590C5;
}
.bip-btn-ghost:hover, .bip-btn-ghost:focus { background: #1590C5; color: #fff; }

.bip-btn[disabled],
.bip-btn-primary[disabled],
.bip-btn-secondary[disabled],
.bip-btn-success[disabled],
.bip-btn-danger[disabled],
.bip-btn-ghost[disabled] {
    opacity: 0.6;
    cursor: not-allowed;
}

.bip-btn-sm    { padding: 6px 12px; font-size: 13px; }
.bip-btn-lg    { padding: 10px 20px; font-size: 16px; }
.bip-btn-block { width: 100%; }