/* ==========================================
   LEGACY BASE STYLES (Preserved to prevent breaking changes)
   ========================================== */
.tooltip{position:absolute;display:block;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9;z-index:999999999999}.tooltip .arrow{display:none!important;opacity:0;border:0}.tooltip .arrow::before{display:none!important;opacity:0;border:0}.tooltip-inner{text-align:center;background-color:rgba(0,0,0,.9);font-weight:700}.back_to_top{width:50px;height:50px;position:fixed;bottom:0;transform:translateY(30px);right:30px;display:inline-block;text-align:center;opacity:0;z-index:99999;margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom);transition:opacity .4s cubic-bezier(.165,.84,.44,1),transform .4s cubic-bezier(.165,.84,.44,1)}.back_to_top.is-left{right:auto;left:30px}.back_to_top i{line-height:50px;font-size:30px;display:inline-block;position:relative}.back_to_top.active{opacity:1;transform:translateY(-30px)}.back_to_top:focus{outline:0!important}.back_to_top:hover{transform:translateY(-36px)}.badge{padding:5px 10px}.badge.pix-line{background:0 0!important;border-width:2px;border-style:solid}@media (max-width:540px){.badge{white-space:normal!important}}.pix-right-float-badges .pix-badge-element{float:right}.pix-sidebar{position:fixed;width:360px;transform:translateX(380px);right:0;top:0;padding:10px;z-index:99999999999;opacity:0;transition:transform .4s cubic-bezier(.165,.84,.44,1),opacity .4s cubic-bezier(.165,.84,.44,1);pointer-events:none}.pix-sidebar:not(.is-loaded){display:none}.pix-sidebar .sidebar-inner{background:#fff;border-radius:6px;height:100%;display:inline-block;position:relative;width:100%;overflow:hidden}.pix-sidebar .sidebar-inner.shadow-lg{transition:none}.pix-sidebar .sidebar-content{transition:transform .4s cubic-bezier(.165,.84,.44,1);transform:translateY(30px)}.pix-sidebar .pix-close-sidebar{transition:color .4s cubic-bezier(.165,.84,.44,1)}.pix-sidebar .pix-close-sidebar i{font-size:22px}.pix-sidebar.opened{transform:none;opacity:1;pointer-events:auto}.pix-sidebar.opened .sidebar-content{transform:translateY(0)}@media (max-width:992px){.pix-sidebar{transform:translateX(100vh);width:100vw}}.pix-elementor-divider .elementor-container{z-index:2}

/* ==========================================================
   1. CORE STRUCTURE ONLY (No Color/Background Rules here)
   ========================================================== */
.badge,
.pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    padding: 8px 14px;
    border: 2px solid transparent;
    text-transform: uppercase;
    letter-spacing: .5px;
    transition: all .25s cubic-bezier(0.4, 0, 0.2, 1);
    white-space: nowrap;
    user-select: none;
}
.pill { border-radius: 999px; }
.badge-sm, .pill-sm { font-size: 11px; padding: 6px 10px; }
.badge-lg, .pill-lg { font-size: 14px; padding: 10px 18px; }


/* ==========================================================
   2. TARGETED COLOR INJECTION (CRITICAL UX SAFETY FIX)
   
   Notice: .badge and .pill are COMPLETELY REMOVED from below.
   This guarantees standard Bootstrap classes work perfectly.
   ========================================================== */
.badge-neutral, .pill-neutral,
.badge-green, .pill-green,
.badge-blue, .pill-blue,
.badge-red, .pill-red,
.badge-purple, .pill-purple,
.badge-yellow, .pill-yellow,
.badge-teal, .pill-teal,
.badge-pink, .pill-pink,
.badge-soft-neutral, .pill-soft-neutral,
.badge-soft-green, .pill-soft-green,
.badge-soft-blue, .pill-soft-blue,
.badge-soft-red, .pill-soft-red,
.badge-soft-purple, .pill-soft-purple,
.badge-soft-yellow, .pill-soft-yellow,
.badge-soft-teal, .pill-soft-teal,
.badge-soft-pink, .pill-soft-pink {
    background-color: var(--badge-bg) !important;
    color: var(--badge-text) !important;
}


/* ==========================================
   3. VARIABLE THEME DEFINITIONS
   ========================================== */
.badge-neutral, .pill-neutral { --badge-bg: #475569; --badge-text: #f8fafc; --badge-glow: rgba(71, 85, 105, 0.4); }
.badge-green, .pill-green { --badge-bg: #22c55e; --badge-text: #f0fdf4; --badge-glow: rgba(34, 197, 94, 0.45); }
.badge-blue, .pill-blue { --badge-bg: #0d6efd; --badge-text: #f0f6ff; --badge-glow: rgba(13, 110, 253, 0.45); }
.badge-red, .pill-red { --badge-bg: #ef4444; --badge-text: #fef2f2; --badge-glow: rgba(239, 68, 68, 0.45); }
.badge-purple, .pill-purple { --badge-bg: #8b5cf6; --badge-text: #f5f3ff; --badge-glow: rgba(139, 92, 246, 0.45); }
.badge-yellow, .pill-yellow { --badge-bg: #fbbf24; --badge-text: #451a03; --badge-glow: rgba(251, 191, 36, 0.4); }
.badge-teal, .pill-teal { --badge-bg: #14b8a6; --badge-text: #f0fdfa; --badge-glow: rgba(20, 184, 166, 0.45); }
.badge-pink, .pill-pink { --badge-bg: #ec4899; --badge-text: #fdf2f8; --badge-glow: rgba(236, 72, 153, 0.45); }

.badge-soft-neutral, .pill-soft-neutral { --badge-bg: #f1f5f9; --badge-text: #334155; --badge-glow: rgba(71, 85, 105, 0.15); }
.badge-soft-green, .pill-soft-green { --badge-bg: #dcfce7; --badge-text: #166534; --badge-glow: rgba(22, 101, 52, 0.25); }
.badge-soft-blue, .pill-soft-blue { --badge-bg: #dbeafe; --badge-text: #1e40af; --badge-glow: rgba(30, 64, 175, 0.25); }
.badge-soft-red, .pill-soft-red { --badge-bg: #fee2e2; --badge-text: #991b1b; --badge-glow: rgba(153, 27, 27, 0.25); }
.badge-soft-purple, .pill-soft-purple { --badge-bg: #ede9fe; --badge-text: #6b21a8; --badge-glow: rgba(107, 33, 168, 0.25); }
.badge-soft-yellow, .pill-soft-yellow { --badge-bg: #fef3c7; --badge-text: #92400e; --badge-glow: rgba(146, 64, 14, 0.25); }
.badge-soft-teal, .pill-soft-teal { --badge-bg: #ccfbf1; --badge-text: #115e59; --badge-glow: rgba(17, 94, 89, 0.25); }
.badge-soft-pink, .pill-soft-pink { --badge-bg: #fce7f3; --badge-text: #9d174d; --badge-glow: rgba(157, 23, 77, 0.25); }

/* ==========================================
   4. EFFECTS & INTERACTIVE MODIFIERS
   ========================================== */
.badge-glow, .pill-glow { box-shadow: 0 0 15px var(--badge-glow); }
.badge-hover-lift:hover, .pill-hover-lift:hover { transform: translateY(-2px); box-shadow: 0 8px 20px var(--badge-glow); }
.badge-hover-scale:hover, .pill-hover-scale:hover { transform: scale(1.04); }