/* ==========================================
   GLOBAL BUTTONS — SHADOWMERE (PC + MOBILE SAFE)
   ========================================== */

/* Apply ONLY to normal UI buttons */
button.global-btn,
.btn-primary.global-btn {
    background: #222;          /* ORIGINAL COLOR */
    border: 1px solid #555;    /* ORIGINAL BORDER */
    color: #c2c2c2;            /* ORIGINAL TEXT */
    padding: 8px 14px;         /* ORIGINAL SIZE */
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9rem;         /* ORIGINAL SIZE */
    transition: 0.15s ease;
}

/* Hover — SAME on PC + mobile */
button.global-btn:hover,
.btn-primary.global-btn:hover {
    background: #333;
    border-color: #c9a34f;
}

/* ==========================================
   MOBILE FRIENDLY — ONLY SIZE CHANGES
   ========================================== */

@media (max-width: 900px) {

    /* SAME COLORS — ONLY SIZE CHANGES */
    button.global-btn,
    .btn-primary.global-btn {
        padding: 6px 10px;     /* smaller for mobile */
        font-size: 0.8rem;     /* smaller for mobile */
        border-radius: 4px;    /* same shape */
    }
}