/* MANIC INVENTOR - COMMON STYLES 
   Location: /common/common.css
*/

:root {
    --glow-blue: #38bdf8;
    --deep-slate: rgba(15, 23, 42, 0.8);
    --border-dim: rgba(56, 189, 248, 0.2);
}

/* The Buy Me A Coffee (BMC) Support Button */
.bmc-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px;
    background: var(--deep-slate);
    border: 1px solid var(--border-dim);
    border-radius: 8px;
    color: var(--glow-blue);
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.85rem;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    backdrop-filter: blur(10px);
}

.bmc-link:hover {
    background: rgba(56, 189, 248, 0.1);
    border-color: var(--glow-blue);
    color: #f0f9ff;
    box-shadow: 0 0 20px rgba(56, 189, 248, 0.25);
    transform: translateY(-2px);
}

/* The SVG Icon referencing the data-uri (Option 1 from earlier) */
.bmc-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: currentColor;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20.216 6.415s-.132-1.244-1.558-1.244H3.455c-1.426 0-1.558 1.244-1.558 1.244-.131 1.244 0 8.671 0 8.671s-.131 2.333 2.152 2.333h10.373c2.283 0 2.152-2.333 2.152-2.333v-1.12h.741c2.152 0 2.674-1.363 2.674-1.363s2.219-3.328 0-6.268zm-3.893 5.483s0 .778-.718.778h-11.41s-.718 0-.718-.778V6.415h12.846v5.483zm2.545-1.558s-.131.778-.718.778h-.718V7.452h.718c.587 0 .718.778.718.778v1.667z'/></svg>") no-repeat center;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20.216 6.415s-.132-1.244-1.558-1.244H3.455c-1.426 0-1.558 1.244-1.558 1.244-.131 1.244 0 8.671 0 8.671s-.131 2.333 2.152 2.333h10.373c2.283 0 2.152-2.333 2.152-2.333v-1.12h.741c2.152 0 2.674-1.363 2.674-1.363s2.219-3.328 0-6.268zm-3.893 5.483s0 .778-.718.778h-11.41s-.718 0-.718-.778V6.415h12.846v5.483zm2.545-1.558s-.131.778-.718.778h-.718V7.452h.718c.587 0 .718.778.718.778v1.667z'/></svg>") no-repeat center;
}