/*
Made by__         ___           ___           ___     
      /__/\       /  /\         /  /\         /  /\    
      \  \:\     /  /::\       /  /::\       /  /:/_   
       \__\:\   /  /:/\:\     /  /:/\:\     /  /:/ /\  
   ___ /  /::\ /  /:/  \:\   ___     ___   /  /:/  \:\   /  /:/ /::\ 
  /__/\  /:/\:\  /__/:/ \__\:\ /__/\   /  /\ /__/:/ \__\:\ /__/:/ /:/\:\
  \  \:\/:/__\/ \  \:\ /  /:/ \  \:\ /  /:/ \  \:\ /  /:/ \  \:\/:/~/:/
   \  \::/       \  \:\  /:/   \  \:\  /:/   \  \:\  /:/   \  \::/ /:/ 
    \  \:\        \  \:\/:/     \  \:\/:/     \  \:\/:/     \__\/ /:/  
     \  \:\        \  \::/       \  \::/       \  \::/        /__/:/   
      \__\/         \__\/         \__\/         \__\/         \__\/_Gouriou Axel
                                      - Built for reality -
*/

/* ============================================================
   HOLOS Badge — signature web HOLOSLab
   ============================================================ */
.holos-badge {
    --holos-color: #ff5b14;
    --holos-text: #e8e8e8;
    --holos-muted: rgba(232, 232, 232, 0.55);

    display: inline-flex;
    align-items: baseline;
    gap: 0.4em;
    padding: 0.25em 0.5em;
    font-family: 'Oxanium', system-ui, -apple-system, sans-serif;
    font-size: 0.85rem;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    color: var(--holos-text);
    letter-spacing: 0.02em;
    border-radius: 4px;
    transition: color 0.25s ease, transform 0.25s ease;
    vertical-align: middle;
}

.holos-badge:hover,
.holos-badge:focus-visible {
    color: var(--holos-color);
    transform: translateY(-1px);
    outline: none;
}

.holos-badge__prefix {
    font-weight: 300;
    color: var(--holos-muted);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.78em;
    transition: color 0.25s ease;
}

.holos-badge:hover .holos-badge__prefix,
.holos-badge:focus-visible .holos-badge__prefix {
    color: var(--holos-color);
}

.holos-badge__logo {
    font-weight: 500;
    letter-spacing: 0.06em;
    font-size: 1em;
}

.holos-badge__lab {
    font-weight: 300;
    font-size: 0.7em;
    margin-left: 0.05em;
    opacity: 0.85;
    text-transform: lowercase;
    letter-spacing: 0.04em;
    vertical-align: 0.15em;
}

.holos-badge__arrow {
    display: inline-block;
    font-size: 0.8em;
    margin-left: 0.1em;
    transition: transform 0.25s ease;
    color: var(--holos-muted);
}

.holos-badge:hover .holos-badge__arrow,
.holos-badge:focus-visible .holos-badge__arrow {
    color: var(--holos-color);
    transform: translate(2px, -2px);
}

/* ============================================================
   Variante fond clair
   ============================================================ */
.holos-badge[data-theme="light"] {
    --holos-text: #1a1a1a;
    --holos-muted: rgba(26, 26, 26, 0.55);
}